.e_FlowCommonStyleBox - 001 {
    width: 100 % ;
    height: auto;
    width - uint: %;
}.e_FlowCommonStyleBox - 001.stylebox_link {
    color: #666666;
    font - size: 14px;
    display: table;
    height: inherit;
    border - width: 0;
    float: right;
    vertical - align: middle;
    margin - right: 15px;
}.e_FlowCommonStyleBox - 001.stylebox_link: hover {
    color: rgba(101, 190, 186, 1);
}.e_FlowCommonStyleBox - 001.stylebox_link: active {
    color: rgba(101, 190, 186, 1);
}.e_FlowCommonStyleBox - 001.stylebox_top {
    width: auto;
    height: 40px;
    background - color: #1890FF;
}.e_FlowCommonStyleBox - 001.title_icon {
    display: inline - block;
    vertical - align: middle;
    line - height: 40px;
    color: rgba(255, 255, 255, 1);
    margin - right: 10px;
    font - size: medium;
}.e_FlowCommonStyleBox - 001.title_icon: :before {
    content: "";
}.e_FlowCommonStyleBox - 001.title_main {
    display: inline - block;
    vertical - align: middle;
    line - height: 40px;
    color: rgba(255, 255, 255, 1);
    font - weight: normal;
    font - size: 16px;
    max - width: 600px;
    overflow: hidden;
    text - overflow: ellipsis;
    white - space: nowrap;
}.e_FlowCommonStyleBox - 001.title_sub {
    display: inline - block;
    vertical - align: middle;
    line - height: 40px;
    color: rgba(255, 255, 255, 1);
    font - size: 14px;
    font - weight: normal;
    margin - left: 10px;
}.e_FlowCommonStyleBox - 001.stylebox_title {
    display: inline - block;
    width: auto;
    height: inherit;
    background - color: #1890FF;
    padding - left: 15px;
    padding - right: 15px;
    font - size: 0;
    vertical - align: bottom;
    white - space: nowrap;
}.e_FlowCommonStyleBox - 001.stylebox_link a {
    color: inherit;
    display: table - cell;
    vertical - align: middle;
}.e_FlowCommonStyleBox - 001.link_icon {
    display: inline - block;
    margin - left: 5px;
}.e_FlowCommonStyleBox - 001.link_icon: :before {
    content: '\e6af';
}.e_FlowCommonStyleBox - 001.stylebox_top_line {
    height: 1px;
    background - color: rgba(240, 240, 240, 1);
}.e_FlowCommonStyleBox - 001.stylebox_content {
    border - style: solid;
    border - width: 1px;
    border - color: #f0f0f0;
    width: 100 % ;
    width - uint: %;
}.e_FlowCommonStyleBox - 001.stylebox_bottom_line {
    height: 1px;
    background - color: rgba(240, 240, 240, 1);
}.e_IndexOrdinaryStyleBox - 001 {
    width: 100 % ;
    height: auto;
    width - uint: %;
}.e_IndexOrdinaryStyleBox - 001.stylebox_top {
    background - color: transparent;
}.e_IndexOrdinaryStyleBox - 001.stylebox_link {
    color: #666666;
    font - size: 14px;
    display: table;
    height: inherit;
    border - width: 0;
}.e_IndexOrdinaryStyleBox - 001.stylebox_link: hover {
    color: rgba(101, 190, 186, 1);
}.e_IndexOrdinaryStyleBox - 001.stylebox_link: active {
    color: rgba(101, 190, 186, 1);
}.e_IndexOrdinaryStyleBox - 001.stylebox_top {
    width: auto;
    height: 40px;
}.e_IndexOrdinaryStyleBox - 001.title_icon {
    display: inline - block;
    vertical - align: middle;
    line - height: 40px;
    color: rgba(255, 255, 255, 1);
    margin - right: 10px;
    font - size: medium;
}.e_IndexOrdinaryStyleBox - 001.title_icon: :before {
    content: "";
}.e_IndexOrdinaryStyleBox - 001.title_main {
    display: inline - block;
    vertical - align: middle;
    line - height: 40px;
    color: rgba(255, 255, 255, 1);
    font - weight: normal;
    font - size: 16px;
    max - width: 600px;
    overflow: hidden;
    text - overflow: ellipsis;
    white - space: nowrap;
}.e_IndexOrdinaryStyleBox - 001.title_sub {
    display: inline - block;
    vertical - align: middle;
    line - height: 40px;
    color: rgba(255, 255, 255, 1);
    font - size: 14px;
    font - weight: normal;
    margin - left: 10px;
}.e_IndexOrdinaryStyleBox - 001.stylebox_title {
    display: inline - block;
    width: auto;
    height: inherit;
    background - color: rgba(101, 190, 186, 1);
    padding - left: 15px;
    padding - right: 15px;
    font - size: 0;
    vertical - align: bottom;
    white - space: nowrap;
}.e_IndexOrdinaryStyleBox - 001.stylebox_link {
    float: right;
    vertical - align: middle;
    margin - right: 15px;
}.e_IndexOrdinaryStyleBox - 001.stylebox_link a {
    color: inherit;
    display: table - cell;
    vertical - align: middle;
}.e_IndexOrdinaryStyleBox - 001.link_icon {
    display: inline - block;
    margin - left: 5px;
}.e_IndexOrdinaryStyleBox - 001.link_icon: :before {
    content: '\e6af';
}.e_IndexOrdinaryStyleBox - 001.stylebox_top_line {
    height: 1px;
    background - color: rgba(240, 240, 240, 1);
}.e_IndexOrdinaryStyleBox - 001.stylebox_content {
    border - style: solid;
    border - width: 1px;
    border - color: #f0f0f0;
    width: 100 % ;
    height: calc(100 % -48px);
    width - uint: %;
}.e_IndexOrdinaryStyleBox - 001.stylebox_bottom_line {
    height: 1px;
    background - color: rgba(240, 240, 240, 1);
}.c_portalResFriendlink_list - 01001 {
    margin - left: auto;
    margin - right: auto;
    max - width: 1180px;
    min - height: 192px;
    width: 100 % ;
}@media only screen and(max - width: 768px) {.c_portalResFriendlink_list - 01001.p_summary {
        color: rgba(102, 102, 102, 1);
        font - size: 14px;
        line - height: 26px;
        text - align: left;
        vertical - align: top;
        word -
        break: break - all;
    }.c_portalResFriendlink_list - 01001.p_nameB {
        display: inline - block;
        margin: 0;
        padding: 0;
        vertical - align: middle;
        color: #969696;
        font - size: 14px;
        text - align: left;
    }.c_portalResFriendlink_list - 01001.p_nameB.font {
        vertical - align: middle;
        line - height: 19px;
    }.c_portalResFriendlink_list - 01001.p_nameB.iconfont: before {
        display: inline - block;
        content: "";
    }.c_portalResFriendlink_list - 01001.p_title {
        display: inline - table;
        margin: 0;
        min - width: 37px;
        padding: 0;
        color: rgba(51, 51, 51, 1);
        font - size: 16px;
        font - weight: 400;
        cursor: pointer;
    }.c_portalResFriendlink_list - 01001.p_title.font {
        vertical - align: middle;
        line - height: 21px;
    }.c_portalResFriendlink_list - 01001.p_title: hover {
        color: rgba(87, 177, 173, 1);
    }.c_portalResFriendlink_list - 01001.p_title: active {
        color: rgba(69, 165, 161, 1);
    }.c_portalResFriendlink_list - 01001.p_title.iconfont: before {
        display: inline - block;
        content: "";
    }.e_title.c_portalResFriendlink_list - 01001.p_LinkB {
        display: inline - block;
        padding: 0;
        color: #707070;
        font - size: 14px;
        text - align: left;
    }.e_title.c_portalResFriendlink_list - 01001.p_LinkB {
        white - space: nowrap;
        vertical - align: middle;
        line - height: 19px;
    }
    a > .e_title.c_portalResFriendlink_list - 01001.p_LinkB: hover {
        text - decoration: underline;
        font - weight: bold;
        cursor: pointer;
        color: #60a9d7;
    }
    a > .e_title.c_portalResFriendlink_list - 01001.p_LinkB: active {
        color: #60a9d7;
        font - weight: 400;
    }
    a > .e_title.c_portalResFriendlink_list - 01001.p_LinkB: active {
        text - decoration: none;
        margin - top: 0;
    }.e_title.c_portalResFriendlink_list - 01001.p_LinkB.iconfont: before {
        display: inline - block;
        content: "";
    }.c_portalResFriendlink_list - 01001.p_nameA {
        display: inline - block;
        margin: 0;
        padding: 0;
        vertical - align: middle;
        color: #969696;
        font - size: 14px;
        text - align: left;
    }.c_portalResFriendlink_list - 01001.p_nameA.font {
        vertical - align: middle;
        line - height: 19px;
    }.c_portalResFriendlink_list - 01001.p_nameA.iconfont: before {
        display: inline - block;
        content: "";
    }.e_title.c_portalResFriendlink_list - 01001.p_LinkA {
        display: inline - block;
        padding: 0;
        color: #707070;
        font - size: 14px;
        text - align: left;
    }.e_title.c_portalResFriendlink_list - 01001.p_LinkA {
        white - space: nowrap;
        vertical - align: middle;
        line - height: 19px;
    }
    a > .e_title.c_portalResFriendlink_list - 01001.p_LinkA: hover {
        text - decoration: underline;
        font - weight: bold;
        cursor: pointer;
        color: #60a9d7;
    }
    a > .e_title.c_portalResFriendlink_list - 01001.p_LinkA: active {
        color: #60a9d7;
        font - weight: 400;
    }
    a > .e_title.c_portalResFriendlink_list - 01001.p_LinkA: active {
        text - decoration: none;
        margin - top: 0;
    }.e_title.c_portalResFriendlink_list - 01001.p_LinkA.iconfont: before {
        display: inline - block;
        content: "";
    }.c_portalResFriendlink_list - 01001.p_CommonLanternBox {
        margin: 0;
        padding: 0;
        border - width: 1px;
        border - style: none;
        border - color: rgba(228, 228, 228, 0);
        background - color: transparent;
        overflow: hidden;
        width: 100 % ;
        height: auto;
    }.c_portalResFriendlink_list - 01001.p_Linkslist {}.c_portalResFriendlink_list - 01001.p_Linkslist {
        width: 100 % ;
        height: auto;
        overflow: visible;
        white - space: normal;
        background: transparent;
    }.c_portalResFriendlink_list - 01001.p_links {
        width: auto;
        height: auto;
        border - color: transparent;
        padding: 15px;
        overflow: auto
    }.c_portalResFriendlink_list - 01001.p_articles {
        margin: 5px;
        height: auto;
        width: calc((100 % -120px) / 8);
        float: left;
        vertical - align: top;
        text - align: left;
        overflow: visible;
    }.c_portalResFriendlink_list - 01001.p_LinkA {
        position: static;
        display: inline - block;
        width: 100 % ;
        height: auto;
    }.c_portalResFriendlink_list - 01001.p_images {
        display: block;
        width: 100 % ;
        height: auto;
        position: relative;
        vertical - align: middle;
        overflow: visible;
        margin: 0 auto;
    }.c_portalResFriendlink_list - 01001.p_thumbnail {
        width: 100 % ;
        height: auto;
        vertical - align: middle;
        text - align: center;
    }.c_portalResFriendlink_list - 01001.higher.p_thumbnail {
        position: absolute;
        height: 100 % ;
    }.c_portalResFriendlink_list - 01001.widther.p_thumbnail {
        position: absolute;
        height: 100 % ;
    }.c_portalResFriendlink_list - 01001.smaller.p_thumbnail {
        position: absolute;
        height: 100 % ;
    }.c_portalResFriendlink_list - 01001.p_thumbnail img {
        width: 100 % ;
    }.c_portalResFriendlink_list - 01001.p_content {
        width: 100 % ;
        height: auto;
        border - width: 0;
        background - color: transparent;
    }.c_portalResFriendlink_list - 01001.p_TitleBox {
        width: auto;
        height: auto;
        margin - top: 5px;
    }.c_portalResFriendlink_list - 01001.p_nameA {
        vertical - align: bottom;
        float: left;
    }.c_portalResFriendlink_list - 01001.p_nameA.font {
        line - height: 21px;
    }.c_portalResFriendlink_list - 01001.p_nameA.iconfont: before {
        content: '\e6ae';
    }.c_portalResFriendlink_list - 01001.p_title {
        vertical - align: bottom;
        display: block;
        text - align: justify;
    }.c_portalResFriendlink_list - 01001.p_nameA.item_hide + .p_LinkB.p_title {
        text - align: center;
    }.c_portalResFriendlink_list - 01001.p_SummaryBox {
        width: auto;
        height: auto;
        margin - top: 5px;
    }.c_portalResFriendlink_list - 01001.p_nameB {
        float: left;
    }.c_portalResFriendlink_list - 01001.p_nameB.font {
        line - height: 20px;
    }.c_portalResFriendlink_list - 01001.p_nameB.iconfont: before {
        content: '';
    }.c_portalResFriendlink_list - 01001.p_summary {
        line - height: 20px;
    }.c_portalResFriendlink_list - 01001.p_nameB.item_hide + .p_summary {
        text - align: center;
    }.c_portalResFriendlink_list - 01001.p_classificationBox {
        width: 100 % ;
        height: auto;
        border - bottom: 1px solid#ccc;
        padding: 20px 15px;
        display: none;
    }.c_portalResFriendlink_list - 01001.p_classificationBox: first - child {
        display: block;
    }.c_portalResFriendlink_list - 01001.p_classificationA {
        width: auto;
        height: auto;
        display: inline - block;
        vertical - align: middle;
        float: left;
    }.c_portalResFriendlink_list - 01001.p_classificationB {
        width: auto;
        height: auto;
        display: block;
        vertical - align: middle;
    }.c_portalResFriendlink_list - 01001.p_fail {
        width: 580px;
        height: 360px;
        background - color: rgba(255, 255, 255, 0.8);
        position: fixed;
        top: 50 % ;
        left: 50 % ; - webkit - transform: translate( - 50 % , -50 % ); - ms - transform: translate( - 50 % , -50 % ); - o - transform: translate( - 50 % , -50 % );
        transform: translate( - 50 % , -50 % );
        font - size: 0;
        z - index: 999999999;
    }.c_portalResFriendlink_list - 01001.p_fail.iconfont {
        display: inline - block;
        margin - left: 40px;
        color: #de7676;
        font - size: 64px;
        height: auto;
        vertical - align: -20px;
    }.c_portalResFriendlink_list - 01001.p_fail.iconfont: before {
        content: "\e641";
    }.c_portalResFriendlink_list - 01001.p_fail.fontbox {
        display: table - cell;
        vertical - align: middle;
        text - align: center;
    }.c_portalResFriendlink_list - 01001.p_fail.promptbox {
        display: table;
        width: inherit;
        height: 360px;
        border - width: 1px;
        border - style: solid;
        border - color: rgba(228, 228, 228, 1);
        border - radius: 10px 10px 10px 10px;
    }.c_portalResFriendlink_list - 01001.p_fail.font {
        width: auto;
        height: auto;
        font - size: 43px;
        display: inline - block;
        vertical - align: middle;
        margin - left: 20px;
        color: #000;
    }.c_portalResFriendlink_list - 01001.p_fail.assistfont {
        width: auto;
        height: auto;
        font - size: 32px;
        display: block;
        margin - top: 20px;
        margin - bottom: 10px;
    }.c_portalResFriendlink_list - 01001.p_fail.Confirm {
        display: inline - block;
        width: 290px;
        height: 80px;
        line - height: 80px;
        text - align: center;
        font - size: 32px;
        border - width: 1px;
        border - style: solid;
        border - color: rgba(228, 228, 228, 1);
        border - radius: 0px 0px 0px 10px;
        border - right - width: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        display: none;
    }.c_portalResFriendlink_list - 01001.p_fail.Confirm: active {
        background - color: #d1ecea;
    }.c_portalResFriendlink_list - 01001.p_fail.cancel {
        display: inline - block;
        width: 290px;
        height: 80px;
        line - height: 80px;
        text - align: center;
        font - size: 32px;
        border - width: 1px;
        border - style: solid;
        border - color: rgba(228, 228, 228, 1);
        border - radius: 0px 0px 10px 0px;
        position: absolute;
        bottom: 0;
        right: 0;
        display: none;
    }.c_portalResFriendlink_list - 01001.p_fail.cancel: active {
        background - color: #d1ecea;
    }.c_portalResFriendlink_list - 01001.p_fail.close {
        display: block;
        width: 580px;
        height: 80px;
        line - height: 80px;
        text - align: center;
        font - size: 32px;
        border - width: 1px;
        border - style: solid;
        border - color: rgba(228, 228, 228, 1);
        border - radius: 0px 0px 10px 10px;
        position: absolute;
        bottom: 0;
        left: 0;
    }.c_portalResFriendlink_list - 01001.p_fail.close: active {
        background - color: #d1ecea;
    }.c_portalResFriendlink_list - 01001.p_succ {
        width: 580px;
        height: 360px;
        background - color: rgba(255, 255, 255, 0.8);
        border - width: 1px;
        border - style: solid;
        border - color: rgba(228, 228, 228, 1);
        border - radius: 10px;
        position: fixed;
        top: 50 % ;
        left: 50 % ; - webkit - transform: translate( - 50 % , -50 % ); - ms - transform: translate( - 50 % , -50 % ); - o - transform: translate( - 50 % , -50 % );
        transform: translate( - 50 % , -50 % );
        font - size: 64px;
        z - index: 999999999999;
    }.c_portalResFriendlink_list - 01001.p_succ.iconfont {
        display: inline - block;
        margin - left: 40px;
        color: #09bb07;
        font - size: 64px;
        height: auto;
        vertical - align: -20px;
    }.c_portalResFriendlink_list - 01001.p_succ.iconfont: before {
        content: "\e648";
    }.c_portalResFriendlink_list - 01001.p_succ.fontbox {
        display: table - cell;
        vertical - align: middle;
        text - align: center;
    }.c_portalResFriendlink_list - 01001.p_succ.promptbox {
        display: table;
        width: inherit;
        height: inherit;
    }.c_portalResFriendlink_list - 01001.p_succ.font {
        width: auto;
        height: auto;
        font - size: 43px;
        display: inline - block;
        vertical - align: middle;
        margin - left: 20px;
        color: #000;
    }.c_portalResFriendlink_list - 01001.p_succ.assistfont {
        width: auto;
        height: auto;
        font - size: 32px;
        display: block;
        margin - top: 20px;
        margin - bottom: 10px;
    }.c_portalResFriendlink_list - 01001.p_succ.Confirm {
        display: none;
    }.c_portalResFriendlink_list - 01001.p_succ.cancel {
        display: none;
    }.c_portalResFriendlink_list - 01001.p_succ.close {
        display: none;
    }.c_portalResFriendlink_list - 01001.p_prompt {
        width: auto;
        height: auto;
        text - align: center;
        background - color: inherit;
        font - size: 16px;
        border: 1px solid#E4E4E4;
    }.c_portalResFriendlink_list - 01001.p_prompt.prompt_title {
        display: inline - table;
        padding: 0 30px;
        height: 100 % ;
        min - height: 260px;
    }.c_portalResFriendlink_list - 01001.p_prompt.prompt_title.iconfont: before {
        content: "";
    }.c_portalResFriendlink_list - 01001.p_prompt.prompt_title.first {
        height: auto;
        display: table - cell;
        font - size: 36px;
        margin - right: 10px;
        position: relative;
        color: #09bb07;
        vertical - align: middle;
        padding: 0 10px 10px 0;
    }.c_portalResFriendlink_list - 01001.p_prompt.prompt_title.first: before {
        content: "\e6b4";
    }.c_portalResFriendlink_list - 01001.p_prompt.prompt_title {
        font - size: 24px;
        text - align: left;
        color: rgba(51, 51, 51, 1);
        font - weight: bold;
    }.c_portalResFriendlink_list - 01001.p_prompt.prompt_title.font {
        display: table - cell;
        line - height: normal;
        vertical - align: middle;
    }.c_portalResFriendlink_list - 01001.p_prompt.promptbox {
        width: auto;
        height: 100 % ;
    }.c_portalResFriendlink_list - 01001.p_prompt.prompt_content {
        font - size: 18px;
        color: rgba(105, 105, 105, 1);
        padding - left: 65px;
    }.c_portalResFriendlink_list - 01001.p_more {
        margin: 0 auto;
        position: static;
    }@ - moz - keyframes three - quarters - loader {
        0 % { - moz - transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100 % { - moz - transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }@ - webkit - keyframes three - quarters - loader {
        0 % { - webkit - transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100 % { - webkit - transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }@keyframes three - quarters - loader {
        0 % { - moz - transform: rotate(0deg); - ms - transform: rotate(0deg); - webkit - transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100 % { - moz - transform: rotate(360deg); - ms - transform: rotate(360deg); - webkit - transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }.loading_animation { - moz - animation: three - quarters - loader 850ms infinite linear; - webkit - animation: three - quarters - loader 850ms infinite linear;
        animation: three - quarters - loader 850ms infinite linear;
        border: 3px solid#65beba;
        border - right - color: transparent;
        border - radius: 16px;
        box - sizing: border - box;
        display: inline - block;
        position: relative;
        overflow: hidden;
        text - indent: -9999px;
        width: 32px;
        height: 32px;
        vertical - align: middle;
    }.c_portalResFriendlink_list - 01001.p_loading {
        width: 100 % ;
        height: 100px;
        background - color: rgba(242, 242, 242, 1);
        font - size: 0;
        line - height: 100px;
        text - align: center;
        color: #A7A7A7;
        font - size: 30px;
    }.c_portalResFriendlink_list - 01001.p_loading.iconfont: before {
        content: "";
    }.c_portalResFriendlink_list - 01001.p_loading.font {
        display: inline - block;
        margin - left: 20px;
        line - height: 100px;
        height: inherit;
        vertical - align: middle;
    }.c_portalResFriendlink_list - 01001.p_more {
        background - color: rgba(242, 242, 242, 1);
        display: block;
        height: 70px;
        width: 100 % ;
        position: relative;
        border - radius: 0px;
        font - size: 24px;
        color: rgba(0, 0, 0, 1);
    }.c_portalResFriendlink_list - 01001.p_more: active {
        background - color: rgba(248, 248, 248, 0.8);
    }.c_portalResFriendlink_list - 01001.p_more.font {
        display: block;
    }.c_portalResFriendlink_list - 01001.p_more.iconfont {
        display: inline;
        vertical - align: middle;
    }.c_portalResFriendlink_list - 01001.p_more.iconfont: before {
        content: "\e6d1";
        line - height: 70px;
        font - size: 70px;
        vertical - align: middle;
    }.c_portalResFriendlink_list - 01001.p_moreBox {
        width: 100 % ;
        height: auto;
        background - color: transparent;
        overflow: hidden;
    }.c_portalResFriendlink_list - 01001.p_OccupyBox {
        margin: 0;
        width: 100 % ;
        height: auto;
        padding: 0;
        border: none;
    }.c_portalResFriendlink_list - 01001.p_pagebox {
        margin: 0 auto;
        width: 100 % ;
        height: auto;
        clear: both;
        position: relative;
        font - size: 0;
        white - space: nowrap;
    }.c_portalResFriendlink_list - 01001.p_pagebox.pre {
        display: inline - table;
    }.c_portalResFriendlink_list - 01001.p_pagebox.next {
        display: inline - table;
    }.c_portalResFriendlink_list - 01001.p_pagebox.pre {
        height: 90px;
        width: 35 % ;
        color: rgba(255, 255, 255, 1);
        border - width: 0;
        border - style: solid;
        border - color: rgba(255, 255, 255, 0);
        background - color: rgba(101, 190, 186, 1);
        text - align: center;
        padding: 0;
        position: relative;
        left: 0;
        top: 0;
        box - sizing: content - box;
        vertical - align: middle;
    }.c_portalResFriendlink_list - 01001.p_pagebox.pre: hover {
        color: rgba(255, 255, 255, 1);
        border - width: 0;
        border - style: solid;
        border - color: rgba(255, 255, 255, 0);
        background - color: rgba(101, 190, 186, 1);
        cursor: pointer;
    }.c_portalResFriendlink_list - 01001.p_pagebox.pre: active {
        background - color: rgba(90, 170, 167, 1);
    }.c_portalResFriendlink_list - 01001.p_pagebox.pre.font {
        display: table - cell;
        vertical - align: middle;
        bottom: 0;
        font - size: 32px;
    }.c_portalResFriendlink_list - 01001.p_pagebox.pre.iconfont {
        display: inline - block;
        color: rgba(255, 255, 255, 1);
        vertical - align: middle;
        width: auto;
        height: auto;
        font - size: 32px;
        position: absolute;
        left: 10px;
        top: 50 % ;
        transform: translateY( - 50 % );
    }.c_portalResFriendlink_list - 01001.p_pagebox.pre: hover.iconfont {
        color: rgba(255, 255, 255, 1);
    }.c_portalResFriendlink_list - 01001.p_pagebox.pre: active.iconfont {
        color: rgba(255, 255, 255, 1);
    }.c_portalResFriendlink_list - 01001.p_pagebox.pre.iconfont: before {
        content: "\e6b0";
    }.c_portalResFriendlink_list - 01001.p_pagebox.next {
        height: 90px;
        width: 35 % ;
        color: rgba(255, 255, 255, 1);
        border - width: 0;
        border - style: solid;
        border - color: rgba(255, 255, 255, 0);
        background - color: rgba(101, 190, 186, 1);
        text - align: center;
        padding: 0;
        position: relative;
        left: 0;
        top: 0;
        box - sizing: content - box;
        vertical - align: middle;
    }.c_portalResFriendlink_list - 01001.p_pagebox.next: hover {
        color: rgba(255, 255, 255, 1);
        border - width: 0;
        border - style: solid;
        border - color: rgba(255, 255, 255, 0);
        background - color: rgba(101, 190, 186, 1);
        cursor: pointer;
    }.c_portalResFriendlink_list - 01001.p_pagebox.next: active {
        background - color: rgba(90, 170, 167, 1);
    }.c_portalResFriendlink_list - 01001.p_pagebox.next.font {
        display: table - cell;
        vertical - align: middle;
        bottom: 0;
        font - size: 32px;
    }.c_portalResFriendlink_list - 01001.p_pagebox.next.iconfont {
        display: inline - block;
        color: rgba(255, 255, 255, 1);
        vertical - align: middle;
        width: auto;
        height: auto;
        font - size: 32px;
        position: absolute;
        right: 10px;
        top: 50 % ;
        transform: translateY( - 50 % );
    }.c_portalResFriendlink_list - 01001.p_pagebox.next: hover.iconfont {
        color: rgba(255, 255, 255, 1);
    }.c_portalResFriendlink_list - 01001.p_pagebox.next: active.iconfont {
        color: rgba(255, 255, 255, 1);
    }.c_portalResFriendlink_list - 01001.p_pagebox.next.iconfont: before {
        content: "\e6af";
    }.c_portalResFriendlink_list - 01001.p_pagebox.NumBox {
        width: 30 % ;
        height: 88px;
        border: 1px solid#CDD5D5;
        display: inline - table;
        position: relative;
        cursor: pointer;
        box - sizing: content - box;
        background: #e6e6e6;
        vertical - align: middle;
    }.c_portalResFriendlink_list - 01001.p_pagebox.num {
        display: table;
        vertical - align: middle;
        font - size: 32px;
        text - align: center;
        width: auto;
        margin: 0 auto;
        position: absolute;
        overflow: hidden;
        left: 50 % ;
        top: 50 % ;
        transform: translate( - 50 % , -50 % );
    }.c_portalResFriendlink_list - 01001.p_pagebox.ItemBox {
        position: absolute;
        width: 100 % ;
        height: auto;
        border: 1px solid#D3D4D4;
        bottom: 90px;
        left: 0;
        max - height: 300px;
        overflow - y: auto;
        z - index: 99;
        border - bottom: none;
    }.c_portalResFriendlink_list - 01001.p_pagebox.num.iconfont {
        width: 32px;
        height: 32px;
        position: static;
    }.c_portalResFriendlink_list - 01001.p_pagebox.num.iconfont: before {
        content: "\e69c";
        font - size: 32px;
    }.c_portalResFriendlink_list - 01001.p_pagebox.NumBox ul li {
        width: inherit;
        height: 80px;
        line - height: 80px;
        text - align: center;
        background - color: #FFFFFE;
        color: #323332;
        font - size: 32px;
    }.c_portalResFriendlink_list - 01001.p_pagebox.NumBox ul li.iconfont: before {
        content: "";
    }.c_portalResFriendlink_list - 01001.p_pagebox.NumBox ul li: active {
        background - color: #e4e4e4;
    }.c_portalResFriendlink_list - 01001.p_CommonSummaryBoxA {
        width: auto;
        height: auto;
        position: relative;
        text - align: center;
        margin - bottom: 20px;
    }.c_portalResFriendlink_list - 01001.p_CommonThumbnailBox {
        width: auto;
        height: auto;
    }.c_portalResFriendlink_list - 01001.p_CommonSquareNumBtn {
        margin - left: 10px;
        background - color: rgba(191, 191, 191, 1);
        width: 15px;
        height: 15px;
        display: inline - table;
        color: rgba(153, 153, 153, 1);
        font - size: 12px;
        border - radius: 10px; - moz - border - radius: 10px;
        text - align: center;
        position: relative;
    }.c_portalResFriendlink_list - 01001.p_CommonSquareNumBtn.active {
        background - color: #67b8b4;
    }.c_portalResFriendlink_list - 01001.p_CommonSquareNumBtn.shape {
        background - color: inherit;
        width: inherit;
        height: inherit;
        text - indent: -99999px;
        display: table - cell;
        vertical - align: middle;
        border - radius: inherit; - moz - border - radius: inherit;
    }.c_portalResFriendlink_list - 01001.p_CommonSquareNumBtn img {
        display: none;
    }.c_portalResFriendlink_list - 01001.p_CommonSquareNumBtn: active {
        background - color: rgba(105, 192, 188, 1);
    }.c_portalResFriendlink_list - 01001.p_CommonInteraction {
        width: 100 % ;
        height: 100 % ;
        height: calc(100 % -15px);
        vertical - align: middle;
        position: absolute;
        overflow: visible;
        pointer - events: none;
    }.c_portalResFriendlink_list - 01001.p_CommonSwitchBtnA.iconfont {
        color: rgba(191, 191, 191, 1);
    }.c_portalResFriendlink_list - 01001.p_CommonSwitchBtnA.iconfont: before {
        content: "\e687";
        font - size: 56px;
    }.c_portalResFriendlink_list - 01001.p_CommonSwitchBtnA {
        display: inline - block;
        vertical - align: middle;
        cursor: pointer;
        font - size: 56px;
        color: #e2e2e2;
        width: 60px;
        position: absolute;
        top: 50 % ; - webkit - transform: translate(0, -50 % );
        transform: translate(0, -50 % );
        pointer - events: all;
        left: 0;
        text - align: center;
    }.c_portalResFriendlink_list - 01001.p_CommonSwitchBtnA.iconfont {}.c_portalResFriendlink_list - 01001.p_CommonSwitchBtnA.font {
        display: table;
        width: inherit;
        height: inherit;
        pointer - events: none;
    }.c_portalResFriendlink_list - 01001.p_CommonSwitchBtnB.font {
        display: table;
        width: inherit;
        height: inherit;
        pointer - events: none;
    }.c_portalResFriendlink_list - 01001.p_CommonSwitchBtnB {
        position: absolute;
        top: 50 % ;
        right: 0px; - webkit - transform: translate(0, -50 % );
        transform: translate(0, -50 % );
        pointer - events: all;
        display: inline - block;
        vertical - align: middle;
        cursor: pointer;
        font - size: 56px;
        color: #e2e2e2;
        width: 60px;
        text - align: center;
    }.c_portalResFriendlink_list - 01001.p_CommonSwitchBtnB.iconfont {
        color: rgba(191, 191, 191, 1);
    }.c_portalResFriendlink_list - 01001.p_CommonSwitchBtnB.iconfont: before {
        content: "\e6ae";
        font - size: 56px;
    }
}@media only screen and(max - width: 1024px) and(min - width: 769px) {}@media only screen and(min - width: 769px) {.c_portalResFriendlink_list - 01001.p_page.pre.i_pre {
        display: block ! important;
    }.c_portalResFriendlink_list - 01001.p_page.next.i_next {
        display: block ! important;
    }.c_portalResFriendlink_list - 01001.p_page.iconfont {
        display: none ! important;
    }.c_portalResFriendlink_list - 01001.p_summary {
        color: rgba(102, 102, 102, 1);
        font - size: 14px;
        line - height: 26px;
        text - align: left;
        vertical - align: top;
        word -
        break: break - all;
    }.c_portalResFriendlink_list - 01001.p_nameB {
        display: inline - block;
        margin: 0;
        padding: 0;
        vertical - align: middle;
        color: #969696;
        font - size: 14px;
        text - align: left;
    }.c_portalResFriendlink_list - 01001.p_nameB.font {
        vertical - align: middle;
        line - height: 19px;
    }.c_portalResFriendlink_list - 01001.p_nameB.iconfont: before {
        display: inline - block;
        content: "";
    }.c_portalResFriendlink_list - 01001.p_title {
        display: inline - table;
        margin: 0;
        min - width: 37px;
        padding: 0;
        color: rgba(51, 51, 51, 1);
        font - weight: 400;
        cursor: pointer;
    }.c_portalResFriendlink_list - 01001.p_title.font {
        vertical - align: middle;
        line - height: 21px;
    }.c_portalResFriendlink_list - 01001.p_title: hover {
        color: rgba(87, 177, 173, 1);
    }.c_portalResFriendlink_list - 01001.p_title: active {
        color: rgba(69, 165, 161, 1);
    }.c_portalResFriendlink_list - 01001.p_title.iconfont: before {
        display: inline - block;
        content: "";
    }.e_title.c_portalResFriendlink_list - 01001.p_LinkB {
        display: inline - block;
        padding: 0;
        color: #707070;
        font - size: 14px;
        text - align: left;
    }.e_title.c_portalResFriendlink_list - 01001.p_LinkB {
        white - space: nowrap;
        vertical - align: middle;
        line - height: 19px;
    }
    a > .e_title.c_portalResFriendlink_list - 01001.p_LinkB: hover {
        text - decoration: underline;
        font - weight: bold;
        cursor: pointer;
        color: #60a9d7;
    }
    a > .e_title.c_portalResFriendlink_list - 01001.p_LinkB: active {
        color: #60a9d7;
        font - weight: 400;
    }
    a > .e_title.c_portalResFriendlink_list - 01001.p_LinkB: active {
        text - decoration: none;
        margin - top: 0;
    }.e_title.c_portalResFriendlink_list - 01001.p_LinkB.iconfont: before {
        display: inline - block;
        content: "";
    }.c_portalResFriendlink_list - 01001.p_nameA {
        display: inline - block;
        margin: 0;
        padding: 0;
        vertical - align: middle;
        color: #969696;
        font - size: 14px;
        text - align: left;
    }.c_portalResFriendlink_list - 01001.p_nameA.font {
        vertical - align: middle;
        line - height: 19px;
    }.c_portalResFriendlink_list - 01001.p_nameA.iconfont: before {
        display: inline - block;
        content: "";
    }.e_title.c_portalResFriendlink_list - 01001.p_LinkA {
        display: inline - block;
        padding: 0;
        color: #707070;
        font - size: 14px;
        text - align: left;
    }.e_title.c_portalResFriendlink_list - 01001.p_LinkA {
        white - space: nowrap;
        vertical - align: middle;
        line - height: 19px;
    }
    a > .e_title.c_portalResFriendlink_list - 01001.p_LinkA: hover {
        text - decoration: underline;
        font - weight: bold;
        cursor: pointer;
        color: #60a9d7;
    }
    a > .e_title.c_portalResFriendlink_list - 01001.p_LinkA: active {
        color: #60a9d7;
        font - weight: 400;
    }
    a > .e_title.c_portalResFriendlink_list - 01001.p_LinkA: active {
        text - decoration: none;
        margin - top: 0;
    }.e_title.c_portalResFriendlink_list - 01001.p_LinkA.iconfont: before {
        display: inline - block;
        content: "";
    }.c_portalResFriendlink_list - 01001.p_CommonLanternBox {
        margin: 0;
        padding: 0;
        border - width: 1px;
        border - style: none;
        border - color: rgba(228, 228, 228, 0);
        background - color: transparent;
        overflow: hidden;
        width: 100 % ;
        height: auto;
    }.c_portalResFriendlink_list - 01001.p_Linkslist {
        margin: 0;
        width: 880px;
        height: auto;
        padding: 0;
        border - width: 1px;
        border - style: none;
        border - color: rgba(255, 255, 255, 1);
        background - color: transparent;
        white - space: nowrap;
    }.c_portalResFriendlink_list - 01001.p_Linkslist {
        width: 100 % ;
        height: auto;
        overflow: visible;
        white - space: normal;
        background: transparent;
        border: 1px solid#ccc;
    }.c_portalResFriendlink_list - 01001.p_links {
        width: auto;
        height: auto;
        border - color: transparent;
        padding: 15px;
        overflow: visible;
        font - size: 0;
    }.c_portalResFriendlink_list - 01001.p_articles {
        margin: 5px;
        height: auto;
        width: calc((100 % -120px) / 8);
        display: inline - block;
        vertical - align: top;
        text - align: left;
        overflow: visible;
    }.c_portalResFriendlink_list - 01001.p_LinkA {
        position: static;
        display: inline - block;
        width: 100 % ;
        height: auto;
    }.c_portalResFriendlink_list - 01001.p_images {
        display: block;
        width: 100 % ;
        height: auto;
        position: relative;
        vertical - align: middle;
        overflow: visible;
        margin: 0 auto;
    }.c_portalResFriendlink_list - 01001.p_thumbnail {
        width: 100 % ;
        height: auto;
        vertical - align: middle;
        text - align: center;
    }.c_portalResFriendlink_list - 01001.higher.p_thumbnail {
        position: absolute;
        height: 100 % ;
    }.c_portalResFriendlink_list - 01001.widther.p_thumbnail {
        position: absolute;
        height: 100 % ;
    }.c_portalResFriendlink_list - 01001.smaller.p_thumbnail {
        position: absolute;
        height: 100 % ;
    }.c_portalResFriendlink_list - 01001.p_thumbnail img {
        width: 100 % ;
    }.c_portalResFriendlink_list - 01001.p_content {
        width: 100 % ;
        height: auto;
        border - width: 0;
        background - color: transparent;
    }.c_portalResFriendlink_list - 01001.p_TitleBox {
        width: auto;
        height: auto;
        margin - top: 5px;
    }.c_portalResFriendlink_list - 01001.p_nameA {
        vertical - align: bottom;
        float: left;
    }.c_portalResFriendlink_list - 01001.p_nameA.font {
        line - height: 21px;
    }.c_portalResFriendlink_list - 01001.p_nameA.iconfont: before {
        content: '\e6ae';
    }.c_portalResFriendlink_list - 01001.p_title {
        vertical - align: bottom;
        display: block;
        text - align: justify;
    }.c_portalResFriendlink_list - 01001.p_nameA.item_hide + .p_LinkB.p_title {
        text - align: center;
    }.c_portalResFriendlink_list - 01001.p_SummaryBox {
        width: auto;
        height: auto;
        margin - top: 5px;
    }.c_portalResFriendlink_list - 01001.p_nameB {
        float: left;
    }.c_portalResFriendlink_list - 01001.p_nameB.font {
        line - height: 20px;
    }.c_portalResFriendlink_list - 01001.p_nameB.iconfont: before {
        content: '';
    }.c_portalResFriendlink_list - 01001.p_summary {
        line - height: 20px;
    }.c_portalResFriendlink_list - 01001.p_nameB.item_hide + .p_summary {
        text - align: center;
    }.c_portalResFriendlink_list - 01001.p_classificationBox {
        width: 100 % ;
        height: auto;
        border - bottom: 1px solid#ccc;
        padding: 20px;
        display: none;
    }.c_portalResFriendlink_list - 01001.p_classificationBox: first - child {
        display: block;
    }.c_portalResFriendlink_list - 01001.p_classificationA {
        width: auto;
        height: auto;
        display: inline - block;
        vertical - align: middle;
        float: left;
    }.c_portalResFriendlink_list - 01001.p_classificationB {
        width: auto;
        height: auto;
        display: block;
        vertical - align: middle;
    }.c_portalResFriendlink_list - 01001.p_succ {
        width: auto;
        height: auto;
        min - width: 255px;
        min - height: 113px;
        max - width: 500px;
        background - color: #F7FBFB;
        border: 2px solid#65beba;
        font - size: 22px;
        position: absolute;
        z - index: 9999999999;
    }.c_portalResFriendlink_list - 01001.p_succ.iconfont {
        height: auto;
        color: #A2D465;
        margin - right: 20px;
        display: inline - block;
        margin - left: 40px;
    }.c_portalResFriendlink_list - 01001.p_succ.iconfont: before {
        content: "\e648";
    }.c_portalResFriendlink_list - 01001.p_succ.fontbox {
        display: inline - block;
        vertical - align: top;
        max - width: 386px;
        margin - right: 20px;
    }.c_portalResFriendlink_list - 01001.p_succ.promptbox {
        width: auto;
        height: auto;
        margin - top: 35px;
        margin - bottom: 35px;
    }.c_portalResFriendlink_list - 01001.p_succ.assistfont {
        display: none;
    }.c_portalResFriendlink_list - 01001.p_succ.closebtn {
        display: none;
    }.c_portalResFriendlink_list - 01001.p_fail {
        width: auto;
        height: auto;
        min - width: 255px;
        min - height: 113px;
        max - width: 500px;
        background - color: #FDFCF3;
        border: 2px solid#FFDC90;
        font - size: 22px;
        position: absolute;
        z - index: 99999999999;
    }.c_portalResFriendlink_list - 01001.p_fail.iconfont {
        height: auto;
        color: #FF0000;
        margin - right: 20px;
        display: inline - block;
        margin - left: 40px;
    }.c_portalResFriendlink_list - 01001.p_fail.iconfont: before {
        content: "\e641";
    }.c_portalResFriendlink_list - 01001.p_fail.fontbox {
        display: inline - block;
        vertical - align: top;
        max - width: 386px;
        margin - right: 20px;
    }.c_portalResFriendlink_list - 01001.p_fail.promptbox {
        width: auto;
        height: auto;
        margin - top: 35px;
        margin - bottom: 35px;
    }.c_portalResFriendlink_list - 01001.p_fail.assistfont {
        font - size: 14px;
        color: #999999;
        margin - top: 5px;
    }.c_portalResFriendlink_list - 01001.p_fail.closebtn {
        font - size: 14px;
        color: #65beba;
        position: absolute;
        right: 15px;
        bottom: 15px;
    }.c_portalResFriendlink_list - 01001.p_fail.closebtn: hover {
        cursor: pointer;
    }.c_portalResFriendlink_list - 01001.p_PromptNoneData {
        width: auto;
        background - color: inherit;
        text - align: center;
    }.c_portalResFriendlink_list - 01001.p_PromptNoneData.prompt_title.iconfont: before {
        content: "";
    }.c_portalResFriendlink_list - 01001.p_PromptNoneData.prompt_title.first {
        height: auto;
        display: table - cell;
        font - size: 32px;
        position: relative;
        color: #09bb07;
        vertical - align: middle;
        padding: 0 10px 5px 0;
    }.c_portalResFriendlink_list - 01001.p_PromptNoneData.prompt_title {
        display: inline - table;
        padding: 0 30px;
        min - height: 200px;
        height: 100 % ;
    }.c_portalResFriendlink_list - 01001.p_PromptNoneData.prompt_title.first: before {
        content: "\e6b4";
    }.c_portalResFriendlink_list - 01001.p_PromptNoneData.prompt_title.font {
        font - size: 18px;
        display: table - cell;
        line - height: normal;
        vertical - align: middle;
        color: rgba(51, 51, 51, 1);
        font - weight: bold;
        text - align: left;
    }.c_portalResFriendlink_list - 01001.p_PromptNoneData.promptbox {
        width: auto;
        height: 100 % ;
    }.c_portalResFriendlink_list - 01001.p_PromptNoneData.prompt_content {
        font - size: 14px;
        color: rgba(105, 105, 105, 1);
        padding - left: 65px;
    }@ - moz - keyframes three - quarters - loader {
        0 % { - moz - transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100 % { - moz - transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }@ - webkit - keyframes three - quarters - loader {
        0 % { - webkit - transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100 % { - webkit - transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }@keyframes three - quarters - loader {
        0 % { - moz - transform: rotate(0deg); - ms - transform: rotate(0deg); - webkit - transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100 % { - moz - transform: rotate(360deg); - ms - transform: rotate(360deg); - webkit - transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }.loading_animation { - moz - animation: three - quarters - loader 850ms infinite linear; - webkit - animation: three - quarters - loader 850ms infinite linear;
        animation: three - quarters - loader 850ms infinite linear;
        border: 3px solid#737282;
        border - right - color: transparent;
        border - radius: 16px;
        box - sizing: border - box;
        display: inline - block;
        position: relative;
        overflow: hidden;
        text - indent: -9999px;
        width: 32px;
        height: 32px;
        vertical - align: middle;
    }.c_portalResFriendlink_list - 01001.p_loading {
        width: 890px;
        height: 70px;
        background - color: #FBFBFC;
        line - height: 70px;
        text - align: center;
        color: #666666;
        font - size: 18px;
    }.c_portalResFriendlink_list - 01001.p_loading.iconfont: before {
        content: "";
    }.c_portalResFriendlink_list - 01001.p_loading.font {
        display: inline - block;
        margin - left: 20px;
        line - height: 70px;
        height: inherit;
    }.c_portalResFriendlink_list - 01001.p_more {
        width: 890px;
        text - align: center;
        padding - right: 20px;
        padding - left: 20px;
        height: 70px;
        background - color: #F6F7F8;
        position: relative;
        border - radius: 0;
        border - width: 0;
        color: rgba(115, 115, 131, 1);
        font - size: 18px;
    }.c_portalResFriendlink_list - 01001.p_more: active {
        background - color: #F6F7F8;
    }.c_portalResFriendlink_list - 01001.p_more.font {
        display: table - cell;
        vertical - align: middle;
        text - align: inherit;
    }.c_portalResFriendlink_list - 01001.p_more.iconfont {
        display: inline;
        vertical - align: middle;
    }.c_portalResFriendlink_list - 01001.p_more.iconfont: before {
        content: "\e6d1";
    }.c_portalResFriendlink_list - 01001.p_moreBox {
        margin: 0;
        width: 236px;
        height: 317px;
        padding: 0;
        border - width: 1px;
        border - style: none;
        border - color: rgba(228, 228, 228, 0);
        background - color: transparent;
        overflow: hidden;
    }.e_pagebox {
        width: auto;
        height: auto;
        clear: both;
        position: relative;
    }.c_portalResFriendlink_list - 01001.p_page.pre {
        display: inline - table;
        float: left;
        margin - left: 18px;
        margin - right: 5px;
    }.c_portalResFriendlink_list - 01001.p_page.pageNum {
        display: inline - block;
        position: static;
        float: left;
        margin - right: 5px;
        line - height: 30px;
    }.c_portalResFriendlink_list - 01001.p_page.next {
        display: inline - table;
        float: left;
    }.c_portalResFriendlink_list - 01001.p_page.PageInterval {
        display: inline - block;
        position: static;
        float: left;
        margin - right: 5px;
        line - height: 38px;
        font - size: 12px;
    }.c_portalResFriendlink_list - 01001.p_page.p_PageInterval {
        display: inline - block;
        position: static;
        float: left;
        margin - right: 5px;
        line - height: 38px;
        font - size: 12px;
    }.c_portalResFriendlink_list - 01001.p_page.pre: after {
        content: "";
        display: none;
        position: absolute;
        top: 5px;
        left: -14px;
        width: 27px;
        height: 27px;
        background - color: rgba(242, 242, 242, 1);
        font - size: 0;
        line - height: 0; - webkit - transform: rotate(45deg); - moz - transform: rotate(45deg); - o - transform: rotate(45deg); - ms - transform: rotate(45deg);
        transform: rotate(45deg);
        z - index: -1;
    }.c_portalResFriendlink_list - 01001.p_page.pre: hover: after {
        top: 4px;
        left: -12px;
        background - color: rgba(101, 190, 186, 1);
        border - radius: 4px 0 0 0; - webkit - box - shadow: 0 3px 0px rgba(90, 90, 90, 0.8); - moz - box - shadow: 0 3px 0px rgba(90, 90, 90, 0.8);
        box - shadow: 0 3px 0px rgba(90, 90, 90, 0.8); - webkit - transform: rotate(45deg); - moz - transform: rotate(45deg); - o - transform: rotate(45deg); - ms - transform: rotate(45deg);
        transform: rotate(45deg);
        z - index: -1;
    }.c_portalResFriendlink_list - 01001.p_page.pre: active: after {
        top: 8px;
        left: -12px;
        width: 28px;
        height: 25px;
        background - color: rgba(90, 170, 167, 1);
        border - radius: 0 3px 0 0; - webkit - box - shadow: 0 3px 0px rgba(90, 90, 90, 0.8); - moz - box - shadow: 0 3px 0px rgba(90, 90, 90, 0.8);
        box - shadow: 0 3px 0px rgba(90, 90, 90, 0.8); - webkit - transform: rotate( - 226deg); - moz - transform: rotate( - 226deg); - o - transform: rotate( - 226deg); - ms - transform: rotate( - 226deg);
        transform: rotate( - 226deg);
        z - index: -1;
    }.c_portalResFriendlink_list - 01001.p_page.pre {
        height: 30px;
        color: rgba(102, 102, 102, 1);
        border - width: 0;
        border - style: solid;
        border - color: rgba(255, 255, 255, 0);
        background - color: rgba(242, 242, 242, 1);
        text - align: center;
        padding - top: 0;
        padding - right: 20px;
        padding - left: 20px;
        position: relative;
        left: 0;
        top: 0;
    }.c_portalResFriendlink_list - 01001.p_page.pre: hover {
        color: rgba(255, 255, 255, 1);
        border - width: 0;
        border - style: solid;
        border - color: rgba(255, 255, 255, 0);
        background - color: rgba(101, 190, 186, 1);
        cursor: pointer;
    }.c_portalResFriendlink_list - 01001.p_page.pre: active {
        background - color: rgba(90, 170, 167, 1);
    }.c_portalResFriendlink_list - 01001.p_page.pre.font {
        display: table - cell;
        vertical - align: middle;
        bottom: 0;
        font - size: 12px;
    }.c_portalResFriendlink_list - 01001.p_page.pre: hover.iconfont {
        color: rgba(255, 255, 255, 1);
    }.c_portalResFriendlink_list - 01001.p_page.pre: active.iconfont {
        color: rgba(255, 255, 255, 1);
    }.c_portalResFriendlink_list - 01001.p_page.pre.iconfont: before {
        content: "";
        margin - right: 5px;
    }.c_portalResFriendlink_list - 01001.p_page.next: after {
        content: "";
        display: none;
        position: absolute;
        top: 5px;
        right: -14px;
        width: 27px;
        height: 27px;
        background - color: rgba(101, 190, 186, 1);
        font - size: 0;
        line - height: 0; - webkit - transform: rotate(45deg); - moz - transform: rotate(45deg); - o - transform: rotate(45deg); - ms - transform: rotate(45deg);
        transform: rotate(45deg);
        z - index: -1;
    }.c_portalResFriendlink_list - 01001.p_page.next: hover: after {
        top: 5px;
        right: -12px;
        background - color: rgba(101, 190, 186, 1);
        border - radius: 4px 0 0 0; - webkit - box - shadow: 0 3px 0px#777; - moz - box - shadow: 0 3px 0px#777;
        box - shadow: 0 3px 0px#777; - webkit - transform: rotate( - 45deg); - moz - transform: rotate( - 45deg); - o - transform: rotate( - 45deg); - ms - transform: rotate( - 45deg);
        transform: rotate( - 45deg);
        z - index: -1;
        width: 26px;
        height: 26px;
    }.c_portalResFriendlink_list - 01001.p_page.next: active: after {
        top: 8px;
        right: -12px;
        width: 27px;
        height: 24px;
        background - color: rgba(90, 170, 167, 1);
        border - radius: 0 3px 0 0; - webkit - box - shadow: 0 3px 0px#777; - moz - box - shadow: 0 3px 0px#777;
        box - shadow: 0 3px 0px#777; - webkit - transform: rotate(226deg); - moz - transform: rotate(226deg); - o - transform: rotate(226deg); - ms - transform: rotate(226deg);
        transform: rotate(226deg);
        z - index: -1;
    }.c_portalResFriendlink_list - 01001.p_page.next {
        height: 30px;
        color: rgba(255, 255, 255, 1);
        border - width: 0;
        border - style: solid;
        border - color: rgba(255, 255, 255, 0);
        background - color: rgba(101, 190, 186, 1);
        text - align: center;
        padding - top: 0;
        padding - right: 20px;
        padding - left: 20px;
        position: relative;
        left: 0;
        top: 0;
    }.c_portalResFriendlink_list - 01001.p_page.next: hover {
        color: rgba(255, 255, 255, 1);
        border - width: 0;
        border - style: solid;
        border - color: rgba(255, 255, 255, 0);
        background - color: rgba(101, 190, 186, 1);
        cursor: pointer;
    }.c_portalResFriendlink_list - 01001.p_page.next: active {
        background - color: rgba(90, 170, 167, 1);
    }.c_portalResFriendlink_list - 01001.p_page.next.font {
        display: table - cell;
        vertical - align: middle;
        bottom: 0;
        font - size: 12px;
    }.c_portalResFriendlink_list - 01001.p_page.next: hover.iconfont {
        color: rgba(255, 255, 255, 1);
    }.c_portalResFriendlink_list - 01001.p_page.next: active.iconfont {
        color: rgba(255, 255, 255, 1);
    }.c_portalResFriendlink_list - 01001.p_page.next.iconfont: before {
        content: "";
        margin - top: 3px;
        float: right;
        margin - left: 5px;
    }.c_portalResFriendlink_list - 01001.p_page.pageNum {
        position: relative;
        background - size: 100 % 100 % ;
        color: inherit;
        cursor: pointer;
        display: table;
        font - family: inherit;
        font - size: 14px;
        font - weight: inherit;
        height: inherit;
        position: absolute;
        text - decoration: none;
        width: inherit;
    }.c_portalResFriendlink_list - 01001.p_page.pageNum {
        height: 30px;
        width: 30px;
        color: rgba(102, 102, 102, 1);
        border - width: 0;
        border - style: solid;
        border - color: rgba(255, 255, 255, 0);
        background - color: rgba(242, 242, 242, 1);
        text - align: center;
        position: relative;
    }.c_portalResFriendlink_list - 01001.p_page.pageNum: hover {
        color: rgba(255, 255, 255, 1);
        border - width: 0;
        border - style: solid;
        border - color: rgba(255, 255, 255, 0);
        cursor: pointer;
        text - decoration: none;
        background - color: rgba(101, 190, 186, 1);
    }.c_portalResFriendlink_list - 01001.p_page.pageNum: active {
        text - decoration: none;
        background - color: rgba(90, 170, 167, 1);
    }.c_portalResFriendlink_list - 01001.p_page.pageNum.active {
        text - decoration: none;
        background - color: rgba(90, 170, 167, 1);
        color: rgba(255, 255, 255, 1);
    }.c_portalResFriendlink_list - 01001.p_page.pageNum.font {
        display: table - cell;
        vertical - align: middle;
        bottom: 0;
    }.c_portalResFriendlink_list - 01001.p_page.pageNum.iconfont {
        display: inline;
        color: rgba(255, 255, 255, 1);
        vertical - align: middle;
    }.c_portalResFriendlink_list - 01001.p_page.pageNum: hover.iconfont {
        color: rgba(255, 255, 255, 1);
    }.c_portalResFriendlink_list - 01001.p_page.pageNum: active.iconfont {
        color: rgba(255, 255, 255, 1);
    }.c_portalResFriendlink_list - 01001.p_page.pageNum.iconfont: before {
        content: "";
    }.c_portalResFriendlink_list - 01001.p_page.PageInterval {
        line - height: 30px;
        cursor: text;
        color: rgba(102, 102, 102, 1);
    }.c_portalResFriendlink_list - 01001.p_page.p_PageInterval {
        line - height: 30px;
        cursor: text;
        color: rgba(102, 102, 102, 1);
    }.c_portalResFriendlink_list - 01001.p_OccupyBox {
        margin: 0;
        width: auto;
        height: auto;
        padding: 0;
        border: none;
        overflow: hidden;
    }.c_portalResFriendlink_list - 01001.p_CommonSquareNumBtn {
        display: inline - block;
        height: 10px;
        width: 100px;
        padding: 0;
        background - color: rgba(228, 228, 228, 1);
        border - width: 1px;
        border - color: transparent;
        color: rgba(153, 153, 153, 1);
        font - size: 12px;
        font - family: "Microsoft YaHei";
        text - align: center;
        cursor: pointer;
    }.c_portalResFriendlink_list - 01001.p_CommonSquareNumBtn img {
        display: none;
    }.c_portalResFriendlink_list - 01001.p_CommonSquareNumBtn.shape {
        text - indent: -9999em;
        width: inherit;
        height: inherit;
        vertical - align: middle;
    }.c_portalResFriendlink_list - 01001.p_CommonSquareNumBtn: hover,
    .c_portalResFriendlink_list - 01001.p_CommonSquareNumBtn.active {
        background - color: rgba(103, 184, 180, 1);
        color: rgba(255, 255, 255, 1);
    }.c_portalResFriendlink_list - 01001.p_CommonSquareNumBtn.j - nav - active {
        background - color: rgba(103, 184, 180, 1);
        color: rgba(255, 255, 255, 1);
    }.c_portalResFriendlink_list - 01001.p_CommonThumbnailBox {
        margin: 0;
        width: 236px;
        height: 317px;
        padding: 0;
        border - width: 1px;
        border - style: none;
        border - color: rgba(228, 228, 228, 0);
        background - color: transparent;
        overflow: hidden;
    }.c_portalResFriendlink_list - 01001.p_CommonSummaryBoxA {
        margin: 0;
        width: 236px;
        height: 317px;
        padding: 0;
        border - width: 1px;
        border - style: none;
        border - color: rgba(228, 228, 228, 0);
        background - color: transparent;
        overflow: hidden;
    }.c_portalResFriendlink_list - 01001.p_CommonSwitchBtnB {
        display: inline - block;
        vertical - align: middle;
        cursor: pointer;
        font - size: 28px;
        color: rgba(154, 155, 155, 1);
    }.c_portalResFriendlink_list - 01001.p_CommonSwitchBtnB.iconfont: before {
        content: "\e6ae";
        display: inline - block;
        font - size: 56px;
    }.c_portalResFriendlink_list - 01001.p_CommonSwitchBtnB: hover {
        color: rgba(105, 192, 188, 1);
    }.c_portalResFriendlink_list - 01001.p_CommonSwitchBtnB: hover {
        cursor: pointer;
    }.c_portalResFriendlink_list - 01001.p_CommonSwitchBtnA {
        display: inline - block;
        vertical - align: middle;
        cursor: pointer;
        font - size: 28px;
        color: rgba(154, 155, 155, 1);
    }.c_portalResFriendlink_list - 01001.p_CommonSwitchBtnA.iconfont: before {
        content: "\e687";
        display: inline - block;
        font - size: 56px;
    }.c_portalResFriendlink_list - 01001.p_CommonSwitchBtnA: hover {
        color: rgba(105, 192, 188, 1);
    }.c_portalResFriendlink_list - 01001.p_CommonSwitchBtnA: hover {
        cursor: pointer;
    }.c_portalResFriendlink_list - 01001.p_CommonInteraction {
        margin: 0;
        width: 236px;
        height: 317px;
        padding: 0;
        border - width: 1px;
        border - style: none;
        border - color: rgba(228, 228, 228, 0);
        background - color: transparent;
        overflow: hidden;
    }.c_portalResFriendlink_list - 01001.p_CommonSwitchBtnA {
        position: absolute;
        top: 50 % ;
        left: 50 % ;
        transform: translate( - 50 % , -50 % );
        font - size: 45px;
        color: #e5e5e5;
    }.c_portalResFriendlink_list - 01001.p_CommonSwitchBtnB {
        position: absolute;
        top: 50 % ;
        right: 50 % ;
        transform: translate(50 % , -50 % );
        font - size: 45px;
        color: #e5e5e5;
    }.c_portalResFriendlink_list - 01001.p_CommonSummaryBoxA {
        width: auto;
        height: auto;
        text - align: center;
        margin - bottom: 20px;
    }.c_portalResFriendlink_list - 01001.p_CommonThumbnailBox {
        width: auto;
        height: auto;
    }.c_portalResFriendlink_list - 01001.d_CommonInteractionA {
        left: 0px;
        width: 60px;
        height: auto;
        vertical - align: middle;
        position: absolute;
        overflow: visible;
        top: 50 % ;
        transform: translate(0, -50 % );
    }.c_portalResFriendlink_list - 01001.d_CommonInteractionB {
        right: 0px;
        width: 60px;
        height: auto;
        vertical - align: middle;
        position: absolute;
        overflow: visible;
        top: 50 % ;
        transform: translate(0, -50 % );
    }.c_portalResFriendlink_list - 01001.p_CommonSquareNumBtn {
        width: 100px;
        height: 10px;
        margin: 0px 8px;
    }.c_portalResFriendlink_list - 01001.p_page {
        width: auto;
        height: auto;
        float: right;
        right: 30px;
        margin - bottom: 10px;
    }.c_portalResFriendlink_list - 01001.p_moreBox {
        width: 100 % ;
        height: auto;
    }.c_portalResFriendlink_list - 01001.p_more {
        width: 100 %
    }.c_portalResFriendlink_list - 01001.p_loading {
        width: 100 %
    }
}.w_fimgbox - 001 {
    width: 100 % ;
    height: auto;
    min - height: 200px;
    margin: 0 auto;
}.w_fimgbox - 001.w_imgbox {
    width: 100 % ;
    height: 100 % ;
    position: relative;
    min - height: inherit;
}.w_fimgbox - 001.w_imgbox > img {
    width: 100 % ;
    height: auto;
}.w_fimgbox - 001.w_imgbox > .p_contentbox {
    width: 100 % ;
    height: 100 % ;
    position: absolute;
    top: 0;
    left: 0;
}@media only screen and(max - width: 768px) {.c_portalResEbizads_banner - 01001.p_prompt {
        width: auto;
        height: auto;
        text - align: center;
        background - color: inherit;
        font - size: 16px;
        border: 1px solid#E4E4E4;
    }.c_portalResEbizads_banner - 01001.p_prompt.prompt_title {
        display: inline - table;
        padding: 0 30px;
        height: 100 % ;
        min - height: 260px;
    }.c_portalResEbizads_banner - 01001.p_prompt.prompt_title.iconfont: before {
        content: "";
    }.c_portalResEbizads_banner - 01001.p_prompt.prompt_title.first {
        height: auto;
        display: table - cell;
        font - size: 36px;
        margin - right: 10px;
        position: relative;
        color: #09bb07;
        vertical - align: middle;
        padding: 0 10px 10px 0;
    }.c_portalResEbizads_banner - 01001.p_prompt.prompt_title.first: before {
        content: "\e6b4";
    }.c_portalResEbizads_banner - 01001.p_prompt.prompt_title {
        font - size: 24px;
        text - align: left;
        color: rgba(51, 51, 51, 1);
        font - weight: bold;
    }.c_portalResEbizads_banner - 01001.p_prompt.prompt_title.font {
        display: table - cell;
        line - height: normal;
        vertical - align: middle;
    }.c_portalResEbizads_banner - 01001.p_prompt.promptbox {
        width: auto;
        height: 100 % ;
    }.c_portalResEbizads_banner - 01001.p_prompt.prompt_content {
        font - size: 18px;
        color: rgba(105, 105, 105, 1);
        padding - left: 65px;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnD {
        display: inline - block;
        vertical - align: middle;
        cursor: pointer;
        font - size: 56px;
        color: #e2e2e2;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnD.iconfont: before {
        content: '\e687';
        display: inline - block;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnD.font {
        display: table;
        width: inherit;
        height: inherit;
        pointer - events: none;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnC {
        display: inline - block;
        vertical - align: middle;
        cursor: pointer;
        font - size: 56px;
        color: #e2e2e2;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnC.iconfont: before {
        content: '\e687';
        display: inline - block;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnC.font {
        display: table;
        width: inherit;
        height: inherit;
        pointer - events: none;
    }.c_portalResEbizads_banner - 01001.p_ListNumBtn {
        display: inline - table;
        height: 30px;
        width: 30px;
        background - color: #67b8b4;
        border - width: 1px;
        border - color: transparent;
        color: #999999;
        font - size: 12px;
        font - family: 'Microsoft YaHei';
    }.c_portalResEbizads_banner - 01001.p_ListNumBtn img {
        display: none;
    }.c_portalResEbizads_banner - 01001.p_ListNumBtn.shape {
        display: table - cell;
        width: inherit;
        height: inherit;
        text - align: center;
        vertical - align: middle;
    }.c_portalResEbizads_banner - 01001.p_ListNumBtn: active {
        color: rgba(255, 255, 255, 1);
    }.c_portalResEbizads_banner - 01001.p_ListNumBtn.active {
        color: rgba(255, 255, 255, 1);
    }.c_portalResEbizads_banner - 01001.p_ListNumBtn.j - nav - active {
        color: rgba(255, 255, 255, 1);
    }.c_portalResEbizads_banner - 01001.p_SquareNumBtn {
        display: inline - block;
        height: 10px;
        width: 100px;
        padding: 0;
        background - color: #f2f2f2;
        border - width: 1px;
        border - color: transparent;
        font - size: 12px;
        font - family: 'Microsoft YaHei';
        text - align: center;
    }.c_portalResEbizads_banner - 01001.p_SquareNumBtn img {
        display: none;
    }.c_portalResEbizads_banner - 01001.p_SquareNumBtn.shape {
        text - indent: -9999em;
        width: inherit;
        height: inherit;
        vertical - align: middle;
    }.c_portalResEbizads_banner - 01001.p_SquareNumBtn: active {
        background - color: #67b8b4;
    }.c_portalResEbizads_banner - 01001.p_SquareNumBtn.active {
        background - color: #67b8b4;
    }.c_portalResEbizads_banner - 01001.p_SquareNumBtn.j - nav - active {
        background - color: #67b8b4;
    }.c_portalResEbizads_banner - 01001.p_CircleNumBtn {
        width: 15px;
        height: 15px;
        display: inline - table;
        background - color: rgba(228, 228, 228, 1);
        color: rgba(153, 153, 153, 1);
        font - size: 12px;
        border - radius: 10px; - moz - border - radius: 10px;
        text - align: center;
    }.c_portalResEbizads_banner - 01001.p_CircleNumBtn img {
        display: none;
    }.c_portalResEbizads_banner - 01001.p_CircleNumBtn.shape {
        width: inherit;
        height: inherit;
        text - indent: -99999px;
        display: table - cell;
        vertical - align: middle;
        border - radius: inherit; - moz - border - radius: inherit;
    }.c_portalResEbizads_banner - 01001.p_CircleNumBtn: active {
        background - color: rgba(105, 192, 188, 1);
    }.c_portalResEbizads_banner - 01001.p_CircleNumBtn.active {
        background - color: rgba(105, 192, 188, 1);
    }.c_portalResEbizads_banner - 01001.p_CircleNumBtn.j - nav - active {
        background - color: rgba(105, 192, 188, 1);
    }.c_portalResEbizads_banner - 01001.p_NumBtn {
        width: 150px;
        height: 66px;
        border - color: rgba(242, 242, 242, 1);
        border - width: 2px;
        border - style: solid;
    }.c_portalResEbizads_banner - 01001.p_NumBtn.shape {
        display: none;
    }.c_portalResEbizads_banner - 01001.p_NumBtn: active {
        border - color: rgba(103, 184, 180, 1);
    }.c_portalResEbizads_banner - 01001.p_NumBtn.active {
        border - color: rgba(103, 184, 180, 1);
    }.c_portalResEbizads_banner - 01001.p_ThumbnailBox {
        width: inherit;
        height: auto;
        background - color: transparent;
        overflow: hidden;
    }.c_portalResEbizads_banner - 01001.p_ImgSummary {
        text - align: justify;
        vertical - align: top;
        word -
        break: break - all;
    }.c_portalResEbizads_banner - 01001.p_ImgHead {
        display: inline - table;
        margin: 0;
        padding: 0;
        color: #323232;
        font - size: 30px;
        font - weight: 400;
        text - align: left;
        white - space: nowrap;
        overflow: visible;
    }.c_portalResEbizads_banner - 01001.p_ImgHead.font {
        display: table - cell;
        vertical - align: top;
        line - height: 30px;
    }.c_portalResEbizads_banner - 01001.p_ImgHead.iconfont: before {
        content: "";
    }.c_portalResEbizads_banner - 01001.p_TitleBox {
        width: inherit;
        height: auto;
        overflow: hidden;
    }.c_portalResEbizads_banner - 01001.p_SummaryBox {
        width: inherit;
        height: auto;
        border - width: 1px;
        border - style: none;
        border - color: rgba(228, 228, 228, 0);
        background - color: rgba(179, 179, 179, 1);
        overflow: visible;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnB {
        background: rgba(81, 80, 80, .3);
        width: 64px;
        height: 139px;
        cursor: pointer;
        text - align: center;
        color: rgba(255, 255, 255, 1);
        font - size: 40px;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnB.font {
        display: table;
        width: inherit;
        height: inherit;
        pointer - events: none;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnB.iconfont {
        display: table - cell;
        vertical - align: middle;
        position: relative;
        top: 3px;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnB: hover {
        border - width: 0;
        border - style: solid;
        border - color: rgba(255, 255, 255, 0);
        background - color: rgba(115, 115, 115, .7);
        color: rgba(106, 192, 189, 1);
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnB: active {
        border - width: 0;
        border - style: solid;
        border - color: rgba(255, 255, 255, 0);
        background - color: rgba(81, 80, 80, .7);
    }.c_portalResEbizads_banner - 01001.p_interactionB {
        width: inherit;
        height: auto;
        background - color: transparent;
        overflow: hidden;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnA {
        background: rgba(81, 80, 80, .3);
        width: 64px;
        height: 139px;
        cursor: pointer;
        text - align: center;
        color: rgba(255, 255, 255, 1);
        font - size: 40px;
        z - index: 999;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnA.font {
        display: table;
        width: inherit;
        height: inherit;
        pointer - events: none;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnA.iconfont {
        display: table - cell;
        vertical - align: middle;
        position: relative;
        top: 3px;
        right: 4px;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnA: hover {
        border - width: 0;
        border - style: solid;
        border - color: rgba(255, 255, 255, 0);
        background - color: rgba(115, 115, 115, .7);
        color: rgba(106, 192, 189, 1);
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnA: active {
        border - width: 0;
        border - style: solid;
        border - color: rgba(255, 255, 255, 0);
        background - color: rgba(81, 80, 80, .7);
    }.c_portalResEbizads_banner - 01001.p_interactionA {
        width: inherit;
        height: auto;
        background - color: transparent;
        overflow: hidden;
    }.c_portalResEbizads_banner - 01001.p_interactionA + .p_interactionA {
        left: initial;
        right: 0;
    }.c_portalResEbizads_banner - 01001.p_imageA {
        width: auto;
        height: auto;
        overflow: hidden;
    }.c_portalResEbizads_banner - 01001.p_images {
        width: inherit;
        height: auto;
        background - color: transparent;
        overflow: hidden;
    }.c_portalResEbizads_banner - 01001.p_banner {
        width: inherit;
        height: auto;
        border - width: 1px;
        border - style: none;
        border - color: rgba(255, 255, 255, 1);
        background - color: transparent;
        overflow: visible;
    }.c_portalResEbizads_banner - 01001 {
        min - width: 300px;
        overflow: auto;
    }.c_portalResEbizads_banner - 01001.p_banner {
        width: 100 % ;
        height: 100 % ;
        background - color: transparent;
    }.c_portalResEbizads_banner - 01001.p_images {
        width: auto;
        height: auto;
    }.c_portalResEbizads_banner - 01001.p_ThumbnailBox {
        width: auto;
        height: auto;
        border - width: 0;
        background - color: transparent;
    }.c_portalResEbizads_banner - 01001.p_ThumbnailBoxA {
        width: auto;
        height: auto;
    }.c_portalResEbizads_banner - 01001.p_interactionA {
        width: auto;
        height: auto;
    }.c_portalResEbizads_banner - 01001.p_interactionB {
        width: auto;
        height: auto;
    }.c_portalResEbizads_banner - 01001.p_TitleBox {
        border - width: 0;
    }.c_portalResEbizads_banner - 01001.p_TitleBoxA {
        width: auto;
        height: auto;
        border - width: 0;
        background - color: transparent;
    }.c_portalResEbizads_banner - 01001.c_banner {
        width: inherit;
        height: inherit;
    }.c_portalResEbizads_banner - 01001.p_images {
        width: inherit;
        height: inherit;
        box - sizing: border - box; - moz - box - sizing: border - box;
    }.c_portalResEbizads_banner - 01001.p_LinkA {
        width: inherit;
        height: inherit;
        display: block;
        position: relative;
    }.c_portalResEbizads_banner - 01001.p_imageA {
        vertical - align: baseline;
        text - align: center;
        width: inherit;
        height: inherit;
    }.c_portalResEbizads_banner - 01001.p_imageA: hover {
        background - color: transparent;
    }.c_portalResEbizads_banner - 01001.p_imageA: hover: after {
        background - color: transparent;
    }.c_portalResEbizads_banner - 01001.p_interactionA {
        cursor: pointer;
        left: 0;
        height: 100 % ;
        position: absolute;
        top: 0;
        z - index: 99;
        overflow: visible;
    }.c_portalResEbizads_banner - 01001.p_interactionB {
        cursor: pointer;
        right: 0;
        height: 100 % ;
        position: absolute;
        top: 0;
        z - index: 99;
        overflow: visible;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnA {
        position: absolute;
        top: 50 % ;
        margin - top: -37px;
        padding - top: 10px;
        color: rgb(187, 182, 182);
        left: 0;
        width: 33px;
        height: 64px;
        background - color: rgba(0, 0, 0, 0.5);
        z - index: 999;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnA.iconfont: before {
        font - size: 30px;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnB {
        position: absolute;
        top: 50 % ;
        margin - top: -37px;
        right: 0;
        width: 33px;
        height: 64px;
        background - color: rgba(0, 0, 0, 0.5);
        z - index: 999;
        padding - top: 10px;
        color: rgb(187, 182, 182);
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnB.iconfont: before {
        font - size: 30px;
    }.c_portalResEbizads_banner - 01001.p_SummaryBox {
        width: 100 % ;
        position: absolute;
        bottom: 0;
        left: 0;
        z - index: 5;
        height: 70px;
        background - color: transparent;
        display: none;
    }.c_portalResEbizads_banner - 01001.p_SummaryBox: hover {
        background - color: transparent;
    }.c_portalResEbizads_banner - 01001.p_SummaryBox.p_LinkB {
        display: block;
        background - color: rgba(0, 0, 0, 0.5);
    }.c_portalResEbizads_banner - 01001.p_TitleBox {
        width: 100 % ;
        height: auto;
        height: 60px;
        line - height: 60px;
        padding: 0 10px;
        position: absolute;
        bottom: 0;
        left: 0;
        z - index: 999;
        font - weight: bold;
    }.c_portalResEbizads_banner - 01001.p_LinkA.p_TitleBox span {
        display: block;
        text - overflow: ellipsis;
        white - space: nowrap;
        overflow: hidden;
    }.c_portalResEbizads_banner - 01001.p_LinkA: hover.p_TitleBox span {
        color: #fff;
    }.c_portalResEbizads_banner - 01001.p_TitleBoxA {
        width: 100 % ;
        height: inherit;
        padding - left: 20px;
        padding - right: 20px;
    }.c_portalResEbizads_banner - 01001.p_ThumbnailBox {
        position: absolute;
        text - align: center;
        font - size: 0;
        z - index: 6;
        overflow: hidden; - webkit - transform: translate(0, -50 % );
        transform: translate(0, -50 % );
    }.c_portalResEbizads_banner - 01001.p_ThumbnailBoxA {
        padding - right: 30px;
        padding - left: 30px;
        width: 100 % ;
        position: absolute;
        right: 0;
        bottom: 0;
        text - align: right;
        font - size: 0;
        z - index: 6;
        overflow: hidden;
    }.c_portalResEbizads_banner - 01001.p_ThumbnailBox.p_NumBtn: first - child {
        margin - left: 0;
    }.c_portalResEbizads_banner - 01001.p_NumBtn {
        margin - right: 6px;
        font - size: 0;
        width: 90px;
        height: auto;
        display: inline - block;
        overflow: hidden;
    }.c_portalResEbizads_banner - 01001.p_CircleNumBtn {
        margin - left: 10px;
    }.c_portalResEbizads_banner - 01001.p_SquareNumBtn {
        margin - left: 10px;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnC {
        position: absolute;
        top: 50 % ;
        left: 0;
        cursor: pointer; - webkit - transform: translate(0, -50 % );
        transform: translate(0, -50 % );
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnD {
        position: absolute;
        top: 50 % ;
        right: 0;
        cursor: pointer; - webkit - transform: translate(0, -50 % );
        transform: translate(0, -50 % );
    }.c_portalResEbizads_banner - 01001.p_CircleNumBtn,
    .c_portalResEbizads_banner - 01001.p_SquareNumBtn,
    .c_portalResEbizads_banner - 01001.p_ListNumBtn {
        margin - top: 20px;
        margin - bottom: 20px;
    }.c_portalResEbizads_banner - 01001.p_SquareNumBtn {
        width: 98px;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnD.iconfont: before {
        content: "\e6ae";
        font - size: 30px;
    }.c_portalResEbizads_banner - 01001.p_ImgSummary {
        font - weight: normal;
        white - space: normal;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnC.iconfont {
        font - size: 30px;
        color: rgba(255, 255, 255, .6);
        display: table - cell;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnD.iconfont {
        font - size: 30px;
        color: rgba(255, 255, 255, .6);
        display: table - cell;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnC: hover.iconfont {
        color: rgba(105, 192, 188, 1);
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnD: hover.iconfont {
        color: rgba(105, 192, 188, 1);
    }.c_portalResEbizads_banner - 01001.p_NumBtn: hover {
        border - color: rgba(103, 184, 180, 1);
    }.c_portalResEbizads_banner - 01001.swiper - container {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        z - index: 1;
        height: 100 % ;
    }.swiper - wrapper {
        position: relative;
        width: 100 % ;
        height: 100 % ;
        z - index: 1;
        display: -webkit - box;
        display: -moz - box;
        display: -ms - flexbox;
        display: -webkit - flex;
        display: flex; - webkit - transition - property: -webkit - transform; - moz - transition - property: -moz - transform; - o - transition - property: -o - transform; - ms - transition - property: -ms - transform;
        transition - property: transform; - webkit - box - sizing: content - box; - moz - box - sizing: content - box;
        box - sizing: content - box;
    }.swiper - container - android.swiper - slide,
    .swiper - wrapper { - webkit - transform: translate3d(0px, 0, 0); - moz - transform: translate3d(0px, 0, 0); - o - transform: translate(0px, 0px); - ms - transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
    }.swiper - slide { - webkit - flex - shrink: 0; - ms - flex: 0 0 auto;
        flex - shrink: 0;
        width: 100 % ;
        height: 100 % ;
        position: relative;
    }.c_portalResEbizads_banner - 01001.p_MatteIcon: before {
        content: '\e752';.
    }.c_portalResEbizads_banner - 01001.widther img {
        width: auto ! important;
    }.c_portalResEbizads_banner - 01001.swiper - pagination {
        position: absolute;
        z - index: 20;
        bottom: 65px;
        width: 100 % ;
        text - align: center;
    }.c_portalResEbizads_banner - 01001.dot {
        width: 20px;
        height: 20px;
    }.c_portalResEbizads_banner - 01001.swiper - pagination span {
        display: inline - block;
        margin - right: 4px;
    }.c_portalResEbizads_banner - 01001.background_default {
        display: inline - block;
        width: 27px;
        height: 27px;
        border - radius: 50 % ;
        margin: 0 5px;
        opacity: 0.8;
        cursor: pointer;
    }.c_portalResEbizads_banner - 01001.swiper - wrapper.swiper - slide img {
        transform: translate( - 50 % , -50 % );
        position: absolute;
        top: 50 % ;
        left: 50 % ;
        max - width: 100 % ;
    }.c_portalResEbizads_banner - 01001.background_default {
        width: 17px;
        height: 17px;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnA {
        display: none;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnB {
        display: none;
    }
}@media only screen and(min - width: 769px) {.c_portalResEbizads_banner - 01001.p_prompt {
        width: auto;
        height: auto;
        text - align: center;
        background - color: inherit;
        font - size: 16px;
        border: 1px solid#E4E4E4;
    }.c_portalResEbizads_banner - 01001.p_prompt.prompt_title {
        display: inline - table;
        padding: 0 30px;
        height: 100 % ;
        min - height: 260px;
    }.c_portalResEbizads_banner - 01001.p_prompt.prompt_title.iconfont: before {
        content: "";
    }.c_portalResEbizads_banner - 01001.p_prompt.prompt_title.first {
        height: auto;
        display: table - cell;
        font - size: 36px;
        margin - right: 10px;
        position: relative;
        color: #09bb07;
        vertical - align: middle;
        padding: 0 10px 10px 0;
    }.c_portalResEbizads_banner - 01001.p_prompt.prompt_title.first: before {
        content: "\e6b4";
    }.c_portalResEbizads_banner - 01001.p_prompt.prompt_title {
        font - size: 24px;
        text - align: left;
        color: rgba(51, 51, 51, 1);
        font - weight: bold;
    }.c_portalResEbizads_banner - 01001.p_prompt.prompt_title.font {
        display: table - cell;
        line - height: normal;
        vertical - align: middle;
    }.c_portalResEbizads_banner - 01001.p_prompt.promptbox {
        width: auto;
        height: 100 % ;
    }.c_portalResEbizads_banner - 01001.p_prompt.prompt_content {
        font - size: 18px;
        color: rgba(105, 105, 105, 1);
        padding - left: 65px;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnD {
        display: inline - block;
        vertical - align: middle;
        cursor: pointer;
        font - size: 56px;
        color: #e2e2e2;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnD.iconfont: before {
        content: '\e687';
        display: inline - block;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnD.font {
        display: table;
        width: inherit;
        height: inherit;
        pointer - events: none;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnC {
        display: inline - block;
        vertical - align: middle;
        cursor: pointer;
        font - size: 56px;
        color: #e2e2e2;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnC.iconfont: before {
        content: '\e687';
        display: inline - block;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnC.font {
        display: table;
        width: inherit;
        height: inherit;
        pointer - events: none;
    }.c_portalResEbizads_banner - 01001.p_ListNumBtn {
        display: inline - table;
        height: 30px;
        width: 30px;
        background - color: #67b8b4;
        border - width: 1px;
        border - color: transparent;
        color: #999999;
        font - size: 12px;
        font - family: 'Microsoft YaHei';
    }.c_portalResEbizads_banner - 01001.p_ListNumBtn img {
        display: none;
    }.c_portalResEbizads_banner - 01001.p_ListNumBtn.shape {
        display: table - cell;
        width: inherit;
        height: inherit;
        text - align: center;
        vertical - align: middle;
    }.c_portalResEbizads_banner - 01001.p_ListNumBtn: active {
        color: rgba(255, 255, 255, 1);
    }.c_portalResEbizads_banner - 01001.p_ListNumBtn.active {
        color: rgba(255, 255, 255, 1);
    }.c_portalResEbizads_banner - 01001.p_ListNumBtn.j - nav - active {
        color: rgba(255, 255, 255, 1);
    }.c_portalResEbizads_banner - 01001.p_SquareNumBtn {
        display: inline - block;
        height: 10px;
        width: 100px;
        padding: 0;
        background - color: #f2f2f2;
        border - width: 1px;
        border - color: transparent;
        font - size: 12px;
        font - family: 'Microsoft YaHei';
        text - align: center;
    }.c_portalResEbizads_banner - 01001.p_SquareNumBtn img {
        display: none;
    }.c_portalResEbizads_banner - 01001.p_SquareNumBtn.shape {
        text - indent: -9999em;
        width: inherit;
        height: inherit;
        vertical - align: middle;
    }.c_portalResEbizads_banner - 01001.p_SquareNumBtn: active {
        background - color: #67b8b4;
    }.c_portalResEbizads_banner - 01001.p_SquareNumBtn.active {
        background - color: #67b8b4;
    }.c_portalResEbizads_banner - 01001.p_SquareNumBtn.j - nav - active {
        background - color: #67b8b4;
    }.c_portalResEbizads_banner - 01001.p_CircleNumBtn {
        width: 15px;
        height: 15px;
        display: inline - table;
        background - color: rgba(228, 228, 228, 1);
        color: rgba(153, 153, 153, 1);
        font - size: 12px;
        border - radius: 10px; - moz - border - radius: 10px;
        text - align: center;
    }.c_portalResEbizads_banner - 01001.p_CircleNumBtn img {
        display: none;
    }.c_portalResEbizads_banner - 01001.p_CircleNumBtn.shape {
        width: inherit;
        height: inherit;
        text - indent: -99999px;
        display: table - cell;
        vertical - align: middle;
        border - radius: inherit; - moz - border - radius: inherit;
    }.c_portalResEbizads_banner - 01001.p_CircleNumBtn: active {
        background - color: rgba(105, 192, 188, 1);
    }.c_portalResEbizads_banner - 01001.p_CircleNumBtn.active {
        background - color: rgba(105, 192, 188, 1);
    }.c_portalResEbizads_banner - 01001.p_CircleNumBtn.j - nav - active {
        background - color: rgba(105, 192, 188, 1);
    }.c_portalResEbizads_banner - 01001.p_NumBtn {
        width: 150px;
        height: 66px;
        border - color: rgba(242, 242, 242, 1);
        border - width: 2px;
        border - style: solid;
    }.c_portalResEbizads_banner - 01001.p_NumBtn.shape {
        display: none;
    }.c_portalResEbizads_banner - 01001.p_NumBtn: active {
        border - color: rgba(103, 184, 180, 1);
    }.c_portalResEbizads_banner - 01001.p_NumBtn.active {
        border - color: rgba(103, 184, 180, 1);
    }.c_portalResEbizads_banner - 01001.p_ThumbnailBox {
        width: inherit;
        height: auto;
        background - color: transparent;
        overflow: hidden;
    }.c_portalResEbizads_banner - 01001.p_ImgSummary {
        text - align: justify;
        vertical - align: top;
        word -
        break: break - all;
    }.c_portalResEbizads_banner - 01001.p_ImgHead {
        display: inline - table;
        margin: 0;
        padding: 0;
        color: #323232;
        font - size: 30px;
        font - weight: 400;
        text - align: left;
        white - space: nowrap;
        overflow: visible;
    }.c_portalResEbizads_banner - 01001.p_ImgHead.font {
        display: table - cell;
        vertical - align: top;
        line - height: 30px;
    }.c_portalResEbizads_banner - 01001.p_ImgHead.iconfont: before {
        content: "";
    }.c_portalResEbizads_banner - 01001.p_TitleBox {
        width: inherit;
        height: auto;
        overflow: hidden;
    }.c_portalResEbizads_banner - 01001.p_SummaryBox {
        width: inherit;
        height: auto;
        border - width: 1px;
        border - style: none;
        border - color: rgba(228, 228, 228, 0);
        background - color: rgba(179, 179, 179, 1);
        overflow: visible;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnB {
        background: rgba(81, 80, 80, .3);
        width: 64px;
        height: 139px;
        cursor: pointer;
        text - align: center;
        color: rgba(255, 255, 255, 1);
        font - size: 40px;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnB.font {
        display: table;
        width: inherit;
        height: inherit;
        pointer - events: none;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnB.iconfont {
        display: table - cell;
        vertical - align: middle;
        position: relative;
        top: 3px;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnB: hover {
        border - width: 0;
        border - style: solid;
        border - color: rgba(255, 255, 255, 0);
        background - color: rgba(115, 115, 115, .7);
        color: rgba(106, 192, 189, 1);
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnB: active {
        border - width: 0;
        border - style: solid;
        border - color: rgba(255, 255, 255, 0);
        background - color: rgba(81, 80, 80, .7);
    }.c_portalResEbizads_banner - 01001.p_interactionB {
        width: inherit;
        height: auto;
        background - color: transparent;
        overflow: hidden;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnA {
        background: rgba(81, 80, 80, .3);
        width: 64px;
        height: 139px;
        cursor: pointer;
        text - align: center;
        color: rgba(255, 255, 255, 1);
        font - size: 40px;
        z - index: 999;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnA.font {
        display: table;
        width: inherit;
        height: inherit;
        pointer - events: none;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnA.iconfont {
        display: table - cell;
        vertical - align: middle;
        position: relative;
        top: 3px;
        right: 4px;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnA: hover {
        border - width: 0;
        border - style: solid;
        border - color: rgba(255, 255, 255, 0);
        background - color: rgba(115, 115, 115, .7);
        color: rgba(106, 192, 189, 1);
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnA: active {
        border - width: 0;
        border - style: solid;
        border - color: rgba(255, 255, 255, 0);
        background - color: rgba(81, 80, 80, .7);
    }.c_portalResEbizads_banner - 01001.p_interactionA {
        width: inherit;
        height: auto;
        background - color: transparent;
        overflow: hidden;
    }.c_portalResEbizads_banner - 01001.p_interactionA + .p_interactionA {
        left: initial;
        right: 0;
    }.c_portalResEbizads_banner - 01001.p_imageA {
        width: auto;
        height: auto;
        overflow: hidden;
    }.c_portalResEbizads_banner - 01001.p_images {
        width: inherit;
        height: auto;
        background - color: transparent;
        overflow: hidden;
    }.c_portalResEbizads_banner - 01001.p_banner {
        width: inherit;
        height: auto;
        border - width: 1px;
        border - style: none;
        border - color: rgba(255, 255, 255, 1);
        background - color: transparent;
        overflow: visible;
    }.c_portalResEbizads_banner - 01001 {
        min - width: 300px;
        overflow: auto;
    }.c_portalResEbizads_banner - 01001.p_banner {
        width: 100 % ;
        height: 100 % ;
        background - color: transparent;
    }.c_portalResEbizads_banner - 01001.p_images {
        width: auto;
        height: auto;
    }.c_portalResEbizads_banner - 01001.p_ThumbnailBox {
        width: auto;
        height: auto;
        border - width: 0;
        background - color: transparent;
    }.c_portalResEbizads_banner - 01001.p_ThumbnailBoxA {
        width: auto;
        height: auto;
    }.c_portalResEbizads_banner - 01001.p_interactionA {
        width: auto;
        height: auto;
    }.c_portalResEbizads_banner - 01001.p_interactionB {
        width: auto;
        height: auto;
    }.c_portalResEbizads_banner - 01001.p_TitleBox {
        border - width: 0;
    }.c_portalResEbizads_banner - 01001.p_TitleBoxA {
        width: auto;
        height: auto;
        border - width: 0;
        background - color: transparent;
    }.c_portalResEbizads_banner - 01001.c_banner {
        width: inherit;
        height: inherit;
    }.c_portalResEbizads_banner - 01001.p_images {
        width: inherit;
        height: inherit;
        box - sizing: border - box; - moz - box - sizing: border - box;
    }.c_portalResEbizads_banner - 01001.p_LinkA {
        width: inherit;
        height: inherit;
        display: block;
        position: relative;
    }.c_portalResEbizads_banner - 01001.p_imageA {
        vertical - align: baseline;
        text - align: center;
        width: inherit;
        height: inherit;
    }.c_portalResEbizads_banner - 01001.p_imageA: hover {
        background - color: transparent;
    }.c_portalResEbizads_banner - 01001.p_imageA: hover: after {
        background - color: transparent;
    }.c_portalResEbizads_banner - 01001.p_interactionA {
        cursor: pointer;
        left: 0;
        height: 100 % ;
        position: absolute;
        top: 0;
        z - index: 99;
        overflow: visible;
    }.c_portalResEbizads_banner - 01001.p_interactionB {
        cursor: pointer;
        right: 0;
        height: 100 % ;
        position: absolute;
        top: 0;
        z - index: 99;
        overflow: visible;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnA {
        position: absolute;
        top: 50 % ;
        margin - top: -37px;
        padding - top: 10px;
        color: rgb(187, 182, 182);
        left: 0;
        width: 33px;
        height: 64px;
        background - color: rgba(0, 0, 0, 0.5);
        z - index: 999;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnA.iconfont: before {
        font - size: 30px;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnB {
        position: absolute;
        top: 50 % ;
        margin - top: -37px;
        right: 0;
        width: 33px;
        height: 64px;
        background - color: rgba(0, 0, 0, 0.5);
        z - index: 999;
        padding - top: 10px;
        color: rgb(187, 182, 182);
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnB.iconfont: before {
        font - size: 30px;
    }.c_portalResEbizads_banner - 01001.p_SummaryBox {
        width: 100 % ;
        position: absolute;
        bottom: 0;
        left: 0;
        z - index: 5;
        height: 70px;
        background - color: transparent;
        display: none;
    }.c_portalResEbizads_banner - 01001.p_SummaryBox: hover {
        background - color: transparent;
    }.c_portalResEbizads_banner - 01001.p_SummaryBox.p_LinkB {
        display: block;
        background - color: rgba(0, 0, 0, 0.5);
    }.c_portalResEbizads_banner - 01001.p_TitleBox {
        width: 100 % ;
        height: auto;
        height: 80px;
        padding: 10px;
        position: absolute;
        bottom: 0;
        left: 0;
        z - index: 999;
        font - weight: bold;
    }.c_portalResEbizads_banner - 01001.p_LinkA.p_TitleBox span {
        display: block;
        height: 25px;
        text - overflow: ellipsis;
        white - space: nowrap;
        overflow: hidden;
        margin - top: 15px;
    }.c_portalResEbizads_banner - 01001.p_LinkA: hover.p_TitleBox span {
        color: #fff;
    }.c_portalResEbizads_banner - 01001.p_TitleBoxA {
        width: 100 % ;
        height: inherit;
        padding - left: 20px;
        padding - right: 20px;
    }.c_portalResEbizads_banner - 01001.p_ImgHead {
        padding - top: 10px;
        padding - bottom: 12px;
        font - size: 30px;
        font - weight: normal;
        font - family: "黑体";
        color: #fff;
        white - space: normal;
    }.c_portalResEbizads_banner - 01001.p_ThumbnailBox {
        position: absolute;
        text - align: center;
        font - size: 0;
        z - index: 6;
        overflow: hidden; - webkit - transform: translate(0, -50 % );
        transform: translate(0, -50 % );
    }.c_portalResEbizads_banner - 01001.p_ThumbnailBoxA {
        padding - right: 30px;
        padding - left: 30px;
        width: 100 % ;
        position: absolute;
        right: 0;
        bottom: 0;
        text - align: right;
        font - size: 0;
        z - index: 6;
        overflow: hidden;
    }.c_portalResEbizads_banner - 01001.p_ThumbnailBox.p_NumBtn: first - child {
        margin - left: 0;
    }.c_portalResEbizads_banner - 01001.p_NumBtn {
        margin - right: 6px;
        font - size: 0;
        width: 90px;
        height: auto;
        display: inline - block;
        overflow: hidden;
    }.c_portalResEbizads_banner - 01001.p_CircleNumBtn {
        margin - left: 10px;
    }.c_portalResEbizads_banner - 01001.p_SquareNumBtn {
        margin - left: 10px;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnC {
        position: absolute;
        top: 50 % ;
        left: 0;
        cursor: pointer; - webkit - transform: translate(0, -50 % );
        transform: translate(0, -50 % );
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnD {
        position: absolute;
        top: 50 % ;
        right: 0;
        cursor: pointer; - webkit - transform: translate(0, -50 % );
        transform: translate(0, -50 % );
    }.c_portalResEbizads_banner - 01001.p_CircleNumBtn,
    .c_portalResEbizads_banner - 01001.p_SquareNumBtn,
    .c_portalResEbizads_banner - 01001.p_ListNumBtn {
        margin - top: 20px;
        margin - bottom: 20px;
    }.c_portalResEbizads_banner - 01001.p_SquareNumBtn {
        width: 98px;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnD.iconfont: before {
        content: "\e6ae";
        font - size: 30px;
    }.c_portalResEbizads_banner - 01001.p_ImgSummary {
        font - weight: normal;
        white - space: normal;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnC.iconfont {
        font - size: 30px;
        color: rgba(255, 255, 255, .6);
        display: table - cell;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnD.iconfont {
        font - size: 30px;
        color: rgba(255, 255, 255, .6);
        display: table - cell;
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnC: hover.iconfont {
        color: rgba(105, 192, 188, 1);
    }.c_portalResEbizads_banner - 01001.p_SwitchBtnD: hover.iconfont {
        color: rgba(105, 192, 188, 1);
    }.c_portalResEbizads_banner - 01001.p_NumBtn: hover {
        border - color: rgba(103, 184, 180, 1);
    }.c_portalResEbizads_banner - 01001.swiper - container {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        z - index: 1;
        height: 100 % ;
    }.swiper - wrapper {
        position: relative;
        width: 100 % ;
        height: 100 % ;
        z - index: 1;
        display: -webkit - box;
        display: -moz - box;
        display: -ms - flexbox;
        display: -webkit - flex;
        display: flex; - webkit - transition - property: -webkit - transform; - moz - transition - property: -moz - transform; - o - transition - property: -o - transform; - ms - transition - property: -ms - transform;
        transition - property: transform; - webkit - box - sizing: content - box; - moz - box - sizing: content - box;
        box - sizing: content - box;
    }.swiper - container - android.swiper - slide,
    .swiper - wrapper { - webkit - transform: translate3d(0px, 0, 0); - moz - transform: translate3d(0px, 0, 0); - o - transform: translate(0px, 0px); - ms - transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
    }.swiper - slide { - webkit - flex - shrink: 0; - ms - flex: 0 0 auto;
        flex - shrink: 0;
        width: 100 % ;
        height: 100 % ;
        position: relative;
    }.c_portalResEbizads_banner - 01001.p_MatteIcon: before {
        content: '\e752';.
    }.c_portalResEbizads_banner - 01001.widther img {
        width: auto ! important;
    }.c_portalResEbizads_banner - 01001.swiper - pagination {
        position: absolute;
        z - index: 20;
        bottom: 80px;
        width: 100 % ;
        text - align: center;
    }.c_portalResEbizads_banner - 01001.swiper - pagination span {
        display: inline - block;
        margin - right: 4px;
    }.c_portalResEbizads_banner - 01001.background_default {
        display: inline - block;
        width: 27px;
        height: 27px;
        border - radius: 50 % ;
        margin: 0 5px;
        opacity: 0.8;
        cursor: pointer;
    }.c_portalResEbizads_banner - 01001.swiper - wrapper.swiper - slide img {
        transform: translate( - 50 % , -50 % );
        position: absolute;
        top: 50 % ;
        left: 50 % ;
        max - width: 100 % ;
    }
}@media only screen and(max - width: 1024px) and(min - width: 769px) {}.w_fimg - 000.p_title {
    display: inline - table;
    margin: 0;
    min - width: 37px;
    padding: 0;
    color: rgba(51, 51, 51, 1);
    font - size: 16px;
    font - weight: 400;
    cursor: pointer;
}.w_fimg - 000.p_title.font {
    vertical - align: middle;
    line - height: 21px;
}.w_fimg - 000.p_title: hover {
    color: rgba(87, 177, 173, 1);
}.w_fimg - 000.p_title: active {
    color: rgba(69, 165, 161, 1);
}.w_fimg - 000.p_title.iconfont: before {
    display: inline - block;
    content: "";
}.w_fimg - 000 {
    position: relative;
    width: 100 % ;
    height: auto;
    min - height: 200px;
}.w_fimg - 000.animated {
    width: 100 % ;
    height: 100 % ;
    position: relative;
    min - height: inherit;
}.w_fimg - 000.font {
    white - space: nowrap;
}.w_fimg - 000.p_link001 {
    width: 100 % ;
    height: 100 % ;
}.w_fimg - 000.p_link002 {
    width: 100 % ;
    height: 30px;
}.w_fimg - 000.p_box {
    width: 100 % ;
    height: 100 % ;
    text - align: center;
    position: static;
}.w_fimg - 000.p_dimage {
    height: inherit;
    overflow: hidden;
    font - size: 0;
}.w_fimg - 000.e_image: hover: after {
    background: transparent;
}.w_fimg - 000.p_dimage: empty {
    width: 100 % ;
    height: 100 % ;
    top: 0;
    left: 0;
    position: absolute;
    background: #f2f2f2 url(../images/camera.png) no - repeat center;
}.case_b {
    width: calc((100 % -0px) / 6);
    float: left;
    position: relative;
    overflow: hidden;
}.case_img img {
    width: 100 % ;
    height: auto;
}.case_top {
    background: rgba(0, 0, 0, 0.6);
    width: 100 % ;
    height: 100 % ;
    position: absolute;
    top: 0px;
    transition: all 0.6s;
}.case_top: hover {
    background: rgba(0, 65, 180, 0.8);
}.case_top: hover h2 {
    padding - top: 0 % ;
    margin - top: 30 % ;
    background: none ! important;
}.case_top h2 {
    text - align: center;
    margin - top: 35 % ;
    transition: all 0.6s;
}.case1 {
    background: url(https: //static203.yun300.cn/img/pro001.png?tenantId=274476&viewType=1&v=1660269714000) no-repeat top center; 
}
.w_fimgbox-001 .w_imgbox {
    width: 100%;
    height: 100%;
    position: relative;
    min-height: inherit;
}
#content_box-1614925518405-0 p span{
    color:#0067b1
}
#content_box-1614925518405-1 p span{
    color:#0067b1
}
#content_box-1614925518405-2 p span{
    color:#0067b1
}
#content_box-1614925518405-3 p span{
    color:#0067b1
}
#w_common_text-1614912806805 span{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.product_img{
        width: 100%;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    border-bottom: none;
}
.product_img img {
    width: 100%;
    height:280px;
    transition: all 0.5s;
    position: inherit;
}
.title {
    padding: 0px;
    font-size: 14px;
    color: #2a3167;
    line-height: 45px;
    height: 45px;
    overflow: hidden;
    background-color: #fafafa;
    transition: all 0.5s;
}
.proList {
    width:20%;
    margin-bottom: 20px;
    border: none;
    padding: 0 10px;
    text-align: center;
}
.PhotoList_k1 li {
    width:23%;
    font-size: 16px;
    transition: 0.3s ease 0s;
    margin-bottom: 2.5%;
    width: 23%;
    margin-left: 2.6%;
    background: #f6f6f6;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}
.PhotoList_k1 li a {
    font-size: 0px;
    overflow: hidden;
    text-align: center;
    background: #f6f6f6;
    width: 100%;
    margin: 0 auto;
    height: 13.6vw;
    display: block;
}
.PhotoList_k1 li a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0px;
}
.PhotoList_k1 img {
    display: inline-block;
    vertical-align: middle;
    transition: 0.5s linear 0s;
    width: auto;
    height: auto;
    max-height: 87%;
    max-width: 90%;
    margin-left: 0px;
    transform: scale(1);
}
.PhotoList_k1 li span {
    color: #666;
    white-space: nowrap;
    transition: 0.3s ease 0s;
    display: block;
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    padding: 3% 10px;
    box-sizing: border-box;
    border: none;
}
.PhotoList_k1 li:hover img {
    transform: scale(1.1);
}
.PhotoList_k1 li:hover span {
    color: #0c64b3;
    background: #ffffff;
}
.PhotoList_k1 li:nth-child(4n+1) {
    margin-left: 0px;
}
.case2{ 
	background:url(https://static203.yun300.cn/img/pro002.png?tenantId=274476&viewType=1&v=1660269714000) no-repeat top center; }
.case3{
	background:url(https://static203.yun300.cn/img/pro003.png?tenantId=274476&viewType=1&v=1660269714000) no-repeat top center; }
.case4{
	background:url(https://static203.yun300.cn/img/pro004.png?tenantId=274476&viewType=1&v=1660269714000) no-repeat top center; }
.case5{
	background:url(https://static203.yun300.cn/img/pro_05.png?tenantId=274476&viewType=1&v=1660269714000) no-repeat top center; }
	.case6{ background:url(https://static203.yun300.cn/img/pro_005.png?tenantId=274476&viewType=1&v=1660269714000) no-repeat top center; }
	.case_top h2 { color:#fff; font-size: 23px; font-weight: normal; padding-top: 50%; }
	.case_top h2:hover { }
	.case_top h3 { color: #ffffff7a; font-size: 16px; font-weight: normal; text-align: center; font-family: arial; padding-top: 5px; }
	.case_b:hover .case_fl{ display:block; }
	.case_fl{ display:none; transition: all 0.6s; padding-top:20px; }
	.case_fl h4{ display: inherit; line-height: 26px; text-align: center; color:#fff; font-size:15px; font-weight:normal; padding:0px 15px; background:url(https://static203.yun300.cn/img/pro_bg01.jpg?tenantId=274476&viewType=1&v=1660269714000) no-repeat top center; padding-top:10%; margin-top:10%; }
	.case_fl h5{ color: #fff; text-align: center; background: #fff; padding: 15px; border-radius: 25px; width: 150px; margin: auto; margin-top: 35px; }
	@media only screen and (max-width: 768px){
		.c_portalResPublic_codeContainer-01001004{ min-height:500px; width:100%; }
		 #w_fimgbox-1557041067278 { width: 96% !important; margin-top: 0px !important; }
		 #w_fimgbox-1557043473907 { width: 96% !important; }
		 #w_fimgbox-1557043491640{ width: 96% !important; } #w_grid-1557024169152 #w_common_text-1557024247061 p{ text-align: center; } #w_common_text-1557050525115 span{ font-size:16px !important; } #w_common_text-1557050547523 span{ font-size:16px !important; } #w_common_text-1557050633699 span{ font-size:14px !important; } } @media only screen and (min-width: 769px){ .c_portalResPublic_codeContainer-01001004{ min-height:500px; width:100%; } #w_fimgbox-1557041067278 { width: 100% !important; margin-top: 20px !important; } #w_fimgbox-1557043473907 { width: 100% !important; } #w_fimgbox-1557043491640{ width: 100% !important; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_fimgbox-1557041067278 { width: 100% !important; margin-top: 20px !important; } #w_fimgbox-1557043473907 { width:100% !important; } #w_fimgbox-1557043491640{ width:100% !important; } } .c_portalResPublic_codeContainer-01001004 .f-cb{ zoom:1; } .c_portalResPublic_codeContainer-01001004 .f-cb:after{ display:block; height:0; clear:both; visibility:hidden; overflow:hidden; content:"."; } .c_portalResPublic_codeContainer-01001004 .about-num{ margin-top:0px; padding-top:30px; background:none; } .c_portalResPublic_codeContainer-01001004 .about-num li{ float:left; position:relative; padding:0px 3%; text-align:left; border-left:1px solid #ccc; } .c_portalResPublic_codeContainer-01001004 .about-num li:before{ content:''; position:absolute; left:-1px; top:0; width:1px; height:30%; background:#c12c20; z-index:1; } .c_portalResPublic_codeContainer-01001004 .about-num li h2{ font-family:'Oswald', sans-serif; font-size:40px; color:#000000; line-height:40px; display:inline-block; font-weight:800; } .c_portalResPublic_codeContainer-01001004 .about-num li p{ color:#999; font-size:14px; line-height:30px; } .c_portalResPublic_codeContainer-01001004 .about-num .count-unit{ font-size:16px; color:#c52730; text-align:right; display:inline-block; font-style:normal; } .c_portalResPublic_codeContainer-01001004 .about-num li .bot p{ font-size:15px; color:#666; line-height:24px; } @media only screen and (max-width: 768px){ .c_portalResPublic_codeContainer-01001004 .about-num li h2{ font-size:30px; line-height: 30px; } .c_portalResPublic_codeContainer-01001004 .about-num{ margin-top:0px; padding-top:20px; padding-bottom:0px; } .c_portalResPublic_codeContainer-01001004 .about-num .count-unit{ font-size:14px; } .c_portalResPublic_codeContainer-01001004 .about-num li p{ font-size:14px; } .c_portalResPublic_codeContainer-01001004 .about-num li{ width:50%; border-bottom: none; } .c_portalResPublic_codeContainer-01001004 .about-num li:nth-child(1){ border-top: none; } .c_portalResPublic_codeContainer-01001004 .about-num li:nth-child(2){ border-top: none; border-right: none; } .c_portalResPublic_codeContainer-01001004 .about-num li:nth-child(4){ border-right: none; } .c_portalResPublic_codeContainer-01001004 .about-num li:last-child{ display:block; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ .c_portalResPublic_codeContainer-01001004 .about-num li h2{ font-size:30px; } .c_portalResPublic_codeContainer-01001004 .about-num{ margin-top:25px; padding-top:12px; padding-bottom:10px; } .c_portalResPublic_codeContainer-01001004 .about-num .count-unit{ font-size:14px; } .c_portalResPublic_codeContainer-01001004 .about-num li p{ font-size:14px; } }.w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .w_grid-000 > .w_grid{ width: 100%; position: relative; } .w_grid-000 > div > .p_gridbox{ width: 100%; overflow: hidden; position: static; } .w_grid-000 > div > div > .p_gridCell{ float: left; position: static; } .w_grid-000 > div > div > .p_gridCell:not(:empty):before{ content:''; height: 0.1px; display: block; } .w_grid-000 > .w_grid.signal{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell{ min-height: inherit; } .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ margin-left: 0; clear: left; } #w_grid-000 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left: 0; clear: left; } @media only screen and (max-width: 768px){ .w_grid-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (min-width: 769px){ .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ width: 100%; margin-left:0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } .w_fbtn-001{ display: block; width: 100%; height: 100%; max-width:150px; min-height:36px; max-height:0; text-align: center; margin: 0 auto; font-size: 0; } .w_fbtn-001 .p_CommonBtn{ width: 100%; height: inherit; padding:0; } .w_fbtn-001 .p_CommonBtn .font{ text-align: center; display: inline-block; vertical-align: middle; width: 100%; font-size: 14px; height: auto; } .w_fbtn-001 .animated{ width:100%; height:100%; min-height: inherit; } .w_fbtn-001 .p_link{ min-height: inherit; display: block; } .w_fbtn-001 .p_CommonBtn{ border-style: solid; } .w_fbtn-001 .p_CommonBtn{ width: 100%; height:36px; color:rgba(255,255,255,1); border-width: 1px; border-style: none; border-color:transparent; background-color:rgba(255, 102, 0, 1); padding-top:0; padding-right:20px; padding-left:20px; text-align: center; min-height: inherit; } .w_fbtn-001 .p_CommonBtn:before{ content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; }@media only screen and (max-width:768px){ .ss_title h4 { width: 90% !important; } #c_portalResProduct_list-15677614811070710 .name { font-size: 1rem !important; } .lantern { margin-left: 0px !important; margin-right: 0px !important; } .c_portalResProduct_list-01001007 { overflow: hidden; width: 100%; height:auto; min-width: 640px; margin-left: 0; margin-right: 0; } .c_portalResProduct_list-01001007 .p_ProductList{ margin:0; width: auto; height:auto; padding:0; overflow: hidden; background-color:transparent; white-space:normal; font-size: 0; } .c_portalResProduct_list-01001007 .p_categorySummaryBox { padding:15px; border-bottom:1px solid rgba(0,0,0,0.09); } .c_portalResProduct_list-01001007 .p_categorySummary { color: rgba(0,0,0,0.45); font-size: 14px; line-height: 22px; text-align: left; vertical-align: top; word-break: break-all; } .c_portalResProduct_list-01001007 .p_sort{ margin:0; width: auto; height:auto; padding:0 15px; overflow: hidden; font-size: 16px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 10px solid #F5F5F5; } .c_portalResProduct_list-01001007 .d_sortBtn{ -webkit-flex:1.5; flex: 1.5; -webkit-box-flex: 1.5; -moz-box-flex: 1.5; -ms-flex: 1.5; display: block; position: relative; width:100%; line-height: 40px; text-align: center; } .c_portalResProduct_list-01001007 .d_sortBtn:hover, .c_portalResProduct_list-01001007 .d_sortBtn:active{ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001007 .d_sortBtn.active{ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001007 .p_default { -webkit-flex:1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; } .c_portalResProduct_list-01001007 .d_sortBtn:lang(active){ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001007 .d_sortBtn .font .iconfont:first-child{ display:none; } .c_portalResProduct_list-01001007 .d_sortBtn .font .iconfont{ display:inline-block; font-size:12px; width:0; height:0; margin:5px 0 0 3px; font:0/0 arial; vertical-align: middle; border:5px dashed transparent; border-top:5px solid rgba(0,0,0,0.45); text-align:center; } .c_portalResProduct_list-01001007 .d_sortBtn .font .iconfont:before{ content:"\e69a"; line-height: 30px; } .c_portalResProduct_list-01001007 .d_sortBtn:lang(active) .font .iconfont, .c_portalResProduct_list-01001007 .d_sortBtn:hover .font .iconfont, .c_portalResProduct_list-01001007 .d_sortBtn:active .font .iconfont { color: #1890FF; border-top-color: #1890FF; } .c_portalResProduct_list-01001007 .d_sortBtn .font .down-arrow{ margin-top:0; border-top: 0 none; border-bottom: 5px solid rgba(0,0,0,0.45); } .c_portalResProduct_list-01001007 .d_sortBtn .font .arrow:before{ content:"\e69c"; } .c_portalResProduct_list-01001007 .p_default .font .iconfont { display:none; } .c_portalResProduct_list-01001007 .p_products { width: auto; height: auto; margin: 0; padding: 0; overflow: hidden; white-space: normal; } .c_portalResProduct_list-01001007 .p_Product {position: relative;display: inline-block;vertical-align: top;width:calc((100% - 0px)/3); padding: 15px 15px 0;height: inherit;} .c_portalResProduct_list-01001007 .p_ProductInner { width:100%; padding:0 0 15px; border-top: 0 none; border-left: 0 none; border-right: 0 none; box-sizing: content-box; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .c_portalResProduct_list-01001007 .p_Product:last-of-type .p_ProductInner { border:0 none; } .c_portalResProduct_list-01001007 .p_images { position: relative; width: 100%; height: auto; margin: 0; padding: 0; text-align: center; font-size: 0; overflow:hidden; webkit-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; } .c_portalResProduct_list-01001007 .p_image { width: 100%; height: 100%; overflow: hidden; } .c_portalResProduct_list-01001007 .p_imagesPc {display: none;} .c_portalResProduct_list-01001007 .p_linkB { width: inherit; height: inherit; display: block; position: static; } .c_portalResProduct_list-01001007 .p_image { width: 100%; height: 100%; padding:0; } .c_portalResProduct_list-01001007 .p_ThumbnailBox { display: none; } .c_portalResProduct_list-01001007 .d_articles { height: auto; width: auto; padding: 0 0 0 15px; margin:0; overflow: hidden; -webkit-flex: 2.4; flex: 2.4; -webkit-box-flex: 2.4; -moz-box-flex: 2.4; -ms-flex: 2.4; } .c_portalResProduct_list-01001007 .d_HeadBox{ margin:0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResProduct_list-01001007 .d_title{ display:block; width:auto; height: auto; margin:0; padding:0; font-weight:400; cursor:pointer; line-height: 22px; vertical-align: middle; } .c_portalResProduct_list-01001007 .p_TagBox{ position: absolute; top:0; right:0; margin:0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; display: none; } .c_portalResProduct_list-01001007 .p_tag{ float: left; margin:0 5px 0 5px; padding:0; border-width:1px; border-style:none; border-color:transparent; overflow: hidden; } .c_portalResProduct_list-01001007 .p_tag:hover{ border-width:1px; border-style:none; border-color:transparent; } .c_portalResProduct_list-01001007 .p_tag:active{ border-width:1px; border-style:none; border-color:transparent; } .c_portalResProduct_list-01001007 .d_item { width:auto; height: auto; margin:5px 0; padding:0; vertical-align: middle; overflow: hidden; } .c_portalResProduct_list-01001007 .d_item .d_itemLable { display: inline-block; vertical-align: middle; margin:0 5px 0 0; font-size:14px; } .c_portalResProduct_list-01001007 .d_item .d_itemValue { display: inline-block; vertical-align: middle; font-size:14px; } .c_portalResProduct_list-01001007 .p_salePricePc, .c_portalResProduct_list-01001007 .p_NomBoxPc { display: none; } .c_portalResProduct_list-01001007 .d_SummaryBox{ margin:5px 0; width: auto; height:auto; padding:0; overflow: hidden; } .c_portalResProduct_list-01001007 .d_summary{ color:#999; font-size:12px; line-height:20px; text-align:left; vertical-align:top; word-break:break-all; } .c_portalResProduct_list-01001007 .d_SalePrice{ display:inline-table; margin:0; padding:0; text-align:left; vertical-align: middle; } .c_portalResProduct_list-01001007 .p_priceUnit::before { content: "\e6d7"; } .c_portalResProduct_list-01001007 .p_interaction{ margin: 0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; word-break: break-all; white-space: normal; font-size: 14px; } .c_portalResProduct_list-01001007 .p_interaction .btn-default { display: inline-block; margin: 5px 0 0; } .c_portalResProduct_list-01001007 .p_keyword { display: inline-block; padding-right:5px; white-space: nowrap; overflow: hidden; vertical-align: middle; } } @media only screen and (min-width:769px){ .c_portalResProduct_list-01001007 { overflow: hidden; width: 100%; height:auto; margin-left: 0; margin-right: 0; } .c_portalResProduct_list-01001007 .p_ProductList{ width: auto; height: auto; overflow: hidden; white-space: normal; font-size: 0; padding: 20px 25px; } .c_portalResProduct_list-01001007 .p_categorySummaryBox { padding:0 0 20px; margin:0 0 30px; border-bottom:1px solid rgba(0,0,0,0.09); } .c_portalResProduct_list-01001007 .p_categorySummary { color: rgba(0,0,0,0.45); font-size: 14px; line-height: 22px; text-align: left; vertical-align: top; word-break: break-all; } .c_portalResProduct_list-01001007 .p_sort{ margin:0 0 10px; width: auto; height:auto; padding:0 0 0 1px; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; clear:both; font-size: 14px; } .c_portalResProduct_list-01001007 .d_sortBtn{ position:relative; float: left; height:30px; margin:0 0 0 -1px; line-height:30px; text-align:left; padding-left:15px; padding-right: 30px; background-color:rgba(255, 255, 255, 1); border-width:1px; border-style:solid; border-color:#D9D9D9; cursor:pointer; color:rgba(0,0,0,0.65); } .c_portalResProduct_list-01001007 .d_sortBtn:hover, .c_portalResProduct_list-01001007 .d_sortBtn:active{ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001007 .d_sortBtn.active{ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001007 .p_default { padding-right: 15px; } .c_portalResProduct_list-01001007 .d_sortBtn:lang(active){ border-color: #1890FF; color: #1890FF; z-index: 2; } .c_portalResProduct_list-01001007 .d_sortBtn .font .iconfont:first-child{ display:none; } .c_portalResProduct_list-01001007 .d_sortBtn .font .iconfont{ display:inline-block; position:absolute; top:0; right:8px; font-size:12px; color:rgba(0,0,0,0.65); text-align:center; transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); } .c_portalResProduct_list-01001007 .d_sortBtn .font .iconfont:before{ content:"\e69a"; line-height: 30px; } .c_portalResProduct_list-01001007 .d_sortBtn:lang(active) .font .iconfont, .c_portalResProduct_list-01001007 .d_sortBtn:hover .font .iconfont, .c_portalResProduct_list-01001007 .d_sortBtn:active .font .iconfont { color: #1890FF; } .c_portalResProduct_list-01001007 .d_sortBtn .font .arrow{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); } .c_portalResProduct_list-01001007 .d_sortBtn .font .down-arrow{ transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); } .c_portalResProduct_list-01001007 .d_sortBtn .font .arrow:before{ content:"\e69a"; } .c_portalResProduct_list-01001007 .p_default .iconfont.arrow { display: none; } .c_portalResProduct_list-01001007 .p_products { width: auto; height: auto; margin: 0; padding: 0; overflow: hidden; white-space: normal; } .c_portalResProduct_list-01001007 .p_Product { position: relative; display: inline-block; vertical-align: top; width: calc((100% - 0px)/3); padding: 10px; height: inherit; } .c_portalResProduct_list-01001007 .p_ProductInner { width: 100%; padding: 0 0 5px; box-sizing: content-box; } .c_portalResProduct_list-01001007 .p_ProductInner:hover { border-width: 3px; border-color: #1890FF; margin: -2px; } .c_portalResProduct_list-01001007 .p_images { position: relative; width: 100%; height: 188px; margin: 0; padding: 0; text-align: center; font-size: 0; overflow:hidden; } .c_portalResProduct_list-01001007 .p_imagesMo {display: none;} .c_portalResProduct_list-01001007 .p_linkB { width: inherit; height: inherit; display: block; position: static; } .c_portalResProduct_list-01001007 .p_image { width: 100%; height: 100%; padding:0; } .c_portalResProduct_list-01001007 .p_ThumbnailBox { position: absolute; left: 0; bottom: 1px; z-index: 10; width:236px; height: auto; padding:0; overflow: hidden; height: auto; } .c_portalResProduct_list-01001007 .p_ThumbnailBox .p_thumbnail { position: relative; width: 42px; height: 34px; float: left; margin: 0 2px; max-width: 42px; max-height: 34px; overflow:hidden; border:2px solid rgba(0,0,0,.45) } .c_portalResProduct_list-01001007 .p_ThumbnailBox .p_thumbnail:hover { border-color: rgba(255,255,255,.7) } .c_portalResProduct_list-01001007 .d_articles { height: auto; width: auto; padding: 0 0 0 15px; margin:0; overflow: hidden; -webkit-flex: 2.4; flex: 2.4; -webkit-box-flex: 2.4; -moz-box-flex: 2.4; -ms-flex: 2.4; } .c_portalResProduct_list-01001007 .d_HeadBox{ margin:5px 0 0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResProduct_list-01001007 .d_title{ display:block; width:auto; height: auto; margin:0; padding:0; font-weight:400; cursor:pointer; line-height: 22px; vertical-align: middle; } .c_portalResProduct_list-01001007 .p_TagBox{ position: absolute; top:0; right:0; margin:0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .c_portalResProduct_list-01001007 .p_tag{ float: left; margin:0 5px 0 5px; padding:0; border-width:1px; border-style:none; border-color:transparent; overflow: hidden; } .c_portalResProduct_list-01001007 .p_tag:hover{ border-width:1px; border-style:none; border-color:transparent; } .c_portalResProduct_list-01001007 .p_tag:active{ border-width:1px; border-style:none; border-color:transparent; } .c_portalResProduct_list-01001007 .d_item { width:auto; height: auto; margin:5px 0; padding:0; vertical-align: middle; overflow: hidden; } .c_portalResProduct_list-01001007 .d_item .d_itemLable { display: inline-block; vertical-align: middle; margin:0 5px 0 0; font-size:14px; } .c_portalResProduct_list-01001007 .d_item .d_itemValue { display: inline-block; vertical-align: middle; font-size:14px; } .c_portalResProduct_list-01001007 .p_salePriceMo, .c_portalResProduct_list-01001007 .p_NomBoxMo { display: none; } .c_portalResProduct_list-01001007 .d_SummaryBox{ margin:5px 0; width: auto; height:auto; padding:0; overflow: hidden; } .c_portalResProduct_list-01001007 .d_summary{ line-height:20px; text-align:left; vertical-align:top; word-break:break-all; } .c_portalResProduct_list-01001007 .d_SalePrice{ display:inline-table; margin:0; padding:0; text-align:left; vertical-align: middle; } .c_portalResProduct_list-01001007 .p_priceUnit::before { content: "\e6d7"; } .c_portalResProduct_list-01001007 .p_interaction{ margin: 0; width: auto; height:auto; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; word-break: break-all; white-space: normal; font-size: 14px; } .c_portalResProduct_list-01001007 .p_interaction .btn-default { display: inline-block; margin:5px 0 0 ; } .c_portalResProduct_list-01001007 .p_keyword { display: inline-block; padding-right:5px; white-space: nowrap; overflow: hidden; vertical-align: middle; } } @media only screen and (min-width:769px) and (max-width: 1024px){} .c_portalResProduct_list-01001007 .p_CommonSummaryBoxA{ text-align:center; } .c_portalResProduct_list-01001007 .p_MatteIcon .iconfont:before{ content:'\e602'; } .c_portalResProduct_list-01001007 >div{ animation-fill-mode:both; } .c_portalResProduct_list-01001007 #products{ width:100%; height:auto; overflow:hidden; padding:1rem; } .c_portalResProduct_list-01001007 .proName{ width:100%; height:auto; text-align:center; margin:1rem 0 2rem; } .c_portalResProduct_list-01001007 .list{ position:relative; width:100%; height:auto; } .c_portalResProduct_list-01001007 .swiper-container-pro{ width:calc(100% - 100px); margin:0 auto; } .c_portalResProduct_list-01001007 .swiper-wrapperUl{ width:100%; } .c_portalResProduct_list-01001007 .productLi{ overflow:hidden; } .c_portalResProduct_list-01001007 .aTop{ width:100%; overflow:hidden; } .c_portalResProduct_list-01001007 .picture{ width:100%; background:#fff; } .c_portalResProduct_list-01001007 .proPic{ width:100%; } .c_portalResProduct_list-01001007 .number{ margin-top:15%; font-size:2.5rem; padding-left:20%; color:#fff; } .c_portalResProduct_list-01001007 .number::before{ content:''; position:absolute; left:5%; top:0px; bottom:0px; margin:auto; display:block; width:10%; height:2px; background:#fff; } .c_portalResProduct_list-01001007 .blue{ background:rgba(225,109,5,0.8); top:100%; left:0px; width:100%; height:100%; transition:all .5s ease; } .c_portalResProduct_list-01001007 .desc1{ padding:0 5%; color:#fff; height:12rem; line-height:1.5rem; overflow:hidden; padding-top:30px; } .c_portalResProduct_list-01001007 .proName2{ display:block; color:#000; font-size:18px; margin-top:0px; padding:5% 15%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:#eeeeee; } .c_portalResProduct_list-01001007 .desc2{ color:#ffffffb8; font-size:15px; margin:6px 0 27px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; opacity:1; letter-spacing:1px; transition:all .5s ease; } .c_portalResProduct_list-01001007 #products .swiper-button-prev{ position:absolute; top:45%; left:0px; font-size:15px; cursor:pointer; background:#f1f1f1; border-radius:25px; width:45px; height:45px; line-height:45px; text-align:center; color:#333; } .c_portalResProduct_list-01001007 #products .swiper-button-next{ position:absolute; top:45%; right:0px; font-size:15px; cursor:pointer; background:#f1f1f1; border-radius:25px; width:45px; height:45px; line-height:45px; text-align:center; color:#333; } .c_portalResProduct_list-01001007 .proPrice{ color:red; display:none; } @media only screen and (min-width: 769px){ .c_portalResProduct_list-01001007 .productLi:hover .blue{ top:0px; } .c_portalResProduct_list-01001007 .productLi:hover .desc2{ opacity:0; } } .c_portalResProduct_list-01001007 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_portalResProduct_list-01001007 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_portalResProduct_list-01001007 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_portalResProduct_list-01001007 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }.w_fline-001 .p_FLine{ width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color:#f0f0f0; opacity:1; filter:alpha(opacity:100); display: inline-block; vertical-align: middle; } .w_fline-001{ width:100%; min-height:20px; display: block; margin: 0 auto; } .w_fline-001 .w_fline{ width:100%; min-height: inherit; font-size: 0; } .w_fline-001 .w_fline:before{ content: ""; display: inline-block; vertical-align: middle; min-height: inherit; width: 0; }.c_portalResNews_list-01001{ min-width: 320px; width: 100%; } .c_portalResNews_list-01001 .p_PromptNoneData { width: auto; text-align: center } .c_portalResNews_list-01001 .p_PromptNoneData .prompt_title .iconfont:before { content: "" } .c_portalResNews_list-01001 .p_PromptNoneData .prompt_title .first { height: auto; display: table-cell; position: relative; vertical-align: middle; padding: 0 10px 5px 0; } .c_portalResNews_list-01001 .p_PromptNoneData .prompt_title { display: inline-table; padding: 0 30px; min-height: 200px; height: 100% } .c_portalResNews_list-01001 .p_PromptNoneData .prompt_title .first:before { content: "\e6b4" } .c_portalResNews_list-01001 .p_PromptNoneData .prompt_title .font { display: table-cell; vertical-align: middle; text-align: left } .c_portalResNews_list-01001 .p_PromptNoneData .promptbox { width: auto; height: 100% } .c_portalResNews_list-01001 .p_PromptNoneData .prompt_content { padding-left: 65px }  .c_portalResNews_list-01001 .p_moreBtn { position: static; width: auto; display: inline-table; min-height: 29px; margin: 0; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; min-width: 86px; cursor: pointer; text-align: center } .c_portalResNews_list-01001 .p_moreBtn .font { white-space: nowrap; overflow: visible; vertical-align: middle } .c_portalResNews_list-01001 .p_moreBtn .iconfont:before { content: "" } @-moz-keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes three-quarters-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes three-quarters-loader { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loading_animation { -moz-animation: three-quarters-loader 850ms infinite linear; -webkit-animation: three-quarters-loader 850ms infinite linear; animation: three-quarters-loader 850ms infinite linear; box-sizing: border-box; display: inline-block; position: relative; overflow: hidden; text-indent: -9999px; width: 32px; height: 32px; vertical-align: middle } .c_portalResNews_list-01001 .p_loading { width: 100%; height: 70px; line-height: 70px; text-align: center; } .c_portalResNews_list-01001 .p_loading .iconfont:before { content: "" } .c_portalResNews_list-01001 .p_loading .font { display: inline-block; margin-left: 20px; height: inherit }  .c_portalResNews_list-01001 .p_moreBox { margin: 0 20px; width: auto; height: auto; padding: 0; overflow: hidden }  .c_portalResNews_list-01001 .p_ToDetail { display: inline-block; margin: 0; padding: 5px 10px; min-width: 86px; text-align: center; white-space: nowrap; vertical-align: middle; } a>.c_portalResNews_list-01001 .p_ToDetail:hover { cursor: pointer }  .c_portalResNews_list-01001 .p_SummaryBox { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden } .c_portalResNews_list-01001 .p_summary { text-align: left; vertical-align: top; word-break: break-all }  .c_portalResNews_list-01001 .p_time { display: inline-block; margin: 0; padding: 0 5px 0 0; vertical-align: middle; text-align: left; white-space: nowrap; overflow: visible; line-height: 18px; vertical-align: top }  .c_portalResNews_list-01001 .p_assist { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden }  .c_portalResNews_list-01001 .p_TitleBox { width: auto; height: auto; padding:5px 0; overflow: hidden; vertical-align: top; } .c_portalResNews_list-01001 .p_title { display: inline-table; width: 100%; margin: 0; padding: 0; text-align: left; cursor: pointer; overflow: hidden; text-overflow: ellipsis; }  .c_portalResNews_list-01001 .p_header { margin: 5px 0 0; width: auto; height: auto; padding: 0; overflow: hidden; }  .c_portalResNews_list-01001 .p_content { margin: 0; width: 236px; height: 317px; padding: 0; overflow: hidden }  .c_portalResNews_list-01001 .p_images { margin: 0; width: 168px; height: 138px; padding: 0; overflow: hidden; float: left; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; vertical-align: middle; text-align: center; margin-right: 15px }  .c_portalResNews_list-01001 .p_articles { margin: 0; width: inherit; height: 186px; padding: 0; }  .c_portalResNews_list-01001 .p_news { margin: 0; width: inherit; height: auto; padding: 0; overflow: hidden; }  .c_portalResNews_list-01001 .p_Newslist { margin: 0; padding: 0; overflow: hidden; } .c_portalResNews_list-01001 { overflow: hidden; } .c_portalResNews_list-01001 .p_content { width: auto; height: auto; vertical-align: top } .c_portalResNews_list-01001 .p_SummaryBox { width: auto; height: auto; } .c_portalResNews_list-01001 .p_assist { width: auto; height: auto; }   .c_portalResNews_list-01001 .p_icon { display: inline-block; vertical-align: middle; margin-top: 2px } .c_portalResNews_list-01001 .p_about { display: inline-block; vertical-align: middle }   .c_portalResNews_list-01001 .p_articles { display: inline-block; height: auto; min-width: 320px; width: calc((100% - 0px)/1); padding: 15px 20px; overflow: hidden; float: left; } .c_portalResNews_list-01001 .p_thumbnail { width: 100%; height: auto; vertical-align: middle; text-align: center; overflow: hidden } .c_portalResNews_list-01001 .p_thumbnail img { width:100%;} .c_portalResNews_list-01001 .higher .p_thumbnail { position: absolute; height: 100% } .c_portalResNews_list-01001 .widther .p_thumbnail { position: absolute; height: 100% } .c_portalResNews_list-01001 .smaller .p_thumbnail { position: absolute; height: 100% } .c_portalResNews_list-01001 .p_assist { margin-top: 2px; } .c_portalResNews_list-01001 .p_SummaryBox { clear: both; margin-bottom: 10px; margin-top: 8px } .c_portalResNews_list-01001 .p_ToDetail { float: right; position: relative } .c_portalResNews_list-01001 .p_summary { white-space: normal } .c_portalResNews_list-01001 .p_categorySummaryBox{ overflow: hidden; padding: 10px; } @media only screen and (max-width: 768px) { .c_portalResNews_list-01001 .p_articles{ margin-top: 10px !important; width: 100% !important; } .c_portalResNews_list-01001 .mp_linkUrl{ display: block; height: auto; } .c_portalResNews_list-01001 .p_SummaryBox{ display: none; } .c_portalResNews_list-01001 .p_ToDetail{ display: none !important; } .c_portalResNews_list-01001 .mP_SummaryBox{ clear: both; } .c_portalResNews_list-01001 .p_Information{ display: flex; padding: 10px 0; } .c_portalResNews_list-01001 .p_Information li{ flex: 1; height: 20px; overflow: hidden; } .c_portalResNews_list-01001 .p_KeyWord{ width: 100%; margin-top: 5px; } .c_portalResNews_list-01001 .p_KeyWord .p_tag{ padding: 5px 15px; margin-right: 10px; border-radius: 3px; } .c_portalResNews_list-01001 .blank{ width: 100%; height: 15px; overflow: hidden; } .c_portalResNews_list-01001 .p_articles{border: none} } @media only screen and (min-width: 769px) { .c_portalResNews_list-01001 .mp_linkUrl{ display: none; } .c_portalResNews_list-01001 .mP_SummaryBox{ display: none; } .c_portalResNews_list-01001 .p_Information{ display: none; } .c_portalResNews_list-01001 .p_KeyWord{ display: none; } .c_portalResNews_list-01001 .blank{display: none;} } @media only screen and (max-width: 1024px) and (min-width: 769px) { } *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{width:100%;margin:0px auto;}body,#-remove--flag{} @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1366px) and (min-width: 1025px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #c_portalResPublic_codeContainer-16149142316550661{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @-webkit-keyframes gradient{0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @-moz-keyframes gradient{0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes gradient{0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1615170805090 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1614911349249 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1615170805090{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1614911349249{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResEbizads_banner-16467093203360584 .bannerBox{ width:100%; height:auto; } #c_portalResEbizads_banner-16467093203360584 .content{ position:relative; width:100%; height:atuo; } #c_portalResEbizads_banner-16467093203360584 .picB{ width:100%; height:auto; } #c_portalResEbizads_banner-16467093203360584 .bannerPic{ position:relative; width:100%; top:0; left:0; transform:none; } #c_portalResEbizads_banner-16467093203360584 .swiper-button-prev{ background-image:none; width:38px; height:38px; border-radius:50%; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); z-index:1; left:20px; background-color:rgba(91, 112, 136,.5); color:#fff; text-align:center; line-height:38px; } #c_portalResEbizads_banner-16467093203360584 .swiper-button-next{ background-image:none; width:38px; height:38px; border-radius:50%; cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); z-index:1; right:20px; background-color:rgba(91, 112, 136,.5); color:#fff; text-align:center; line-height:38px; } #c_portalResEbizads_banner-16467093203360584 .text{ position:absolute; top:50%; width:60%; max-width:1000px; left:0; right:0; margin:0 auto; transform:translateY(-30%); } #c_portalResEbizads_banner-16467093203360584 .bannerTitle{ color:#fff; position:relative; padding-bottom:2rem; font-size:1.125rem; } #c_portalResEbizads_banner-16467093203360584 .bannerTitle::before{ content:''; display:block; width:2rem; height:0.125rem; background-color:#e34646; position:absolute; top:2.25rem; } #c_portalResEbizads_banner-16467093203360584 .bannerTitle::after{ content:''; display:block; width:2rem; height:0.125rem; background-color:#fff; position:absolute; top:2.25rem; left:2rem; } #c_portalResEbizads_banner-16467093203360584 .summry{ display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; color:#fff; font-size:1.5rem; letter-spacing:3px; } #c_portalResEbizads_banner-16467093203360584 .bannerLink{ display:block; width:6rem; height:2rem; border-radius:1rem; background-color:#fff; text-align:center; line-height:2rem; color:#ccc; margin-top:3rem; } #c_portalResEbizads_banner-16467093203360584 .text *{ transform:translateY(3rem); opacity:0; } #c_portalResEbizads_banner-16467093203360584 .swiper-slide-active .text *{ transition:all 2s ease .5s; transform:translateY(0); opacity:1; } #c_portalResEbizads_banner-16467093203360584 .bannerLink:hover{ background-color:rgba(227, 70, 70, 1); color:#fff; transition:all 2s ease; } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResEbizads_banner-16467093203360584 .bannerTitle { font-size: 1.25rem; } #c_portalResEbizads_banner-16467093203360584 .summry { font-size: 1rem; } } @media only screen and (max-width: 768px){ #c_portalResEbizads_banner-16467093203360584 .bannerBtn { display:none; } #c_portalResEbizads_banner-16467093203360584 .bannerTitle { font-size: 1rem; } #c_portalResEbizads_banner-16467093203360584 .summry { font-size: 0.875rem; } } #c_portalResEbizads_banner-16467093203360584{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResNews_list-16149294212025899 .p_articles{ width:calc((100% - 0px)/4); } #c_portalResNews_list-16149294212025899 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResNews_list-16149294212025899 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResNews_list-16149294212025899 >div{ animation-fill-mode:both; } #c_portalResNews_list-16149294212025899 .con_title{ font-size:32px; font-weight:normal; color:#006ab8; line-height:1.6; text-align:center; margin:20px 0 40px; } #c_portalResNews_list-16149294212025899 .news1_more{ color:#0090da; font-size:15px; text-transform:uppercase; line-height:45px; position:relative; display:inline-block; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; } #c_portalResNews_list-16149294212025899 .newListBox{ padding:0px; overflow:hidden; background:none; } #c_portalResNews_list-16149294212025899 .container{ padding:0px; width:100%; } #c_portalResNews_list-16149294212025899 .p_news{ width:100%; overflow:hidden; } #c_portalResNews_list-16149294212025899 .newList1{ margin:0px; margin-bottom:20px; } #c_portalResNews_list-16149294212025899 .newList{position:relative; overflow:hidden; padding:35px 50px 0; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; } #c_portalResNews_list-16149294212025899 .newPicBox img{ height:315px; width:100%; object-fit:cover; filter:saturate(1); -webkit-filter:saturate(1); } #c_portalResNews_list-16149294212025899 .newTitle1{ font-size:20px; color:#000; font-weight:bold; display:block; transition:none; margin:5px 0; line-height:1.8; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } #c_portalResNews_list-16149294212025899 .content{ margin-bottom:38px; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s; padding:35px 0 0; } #c_portalResNews_list-16149294212025899 .newMs{ font-size:15px; line-height:1.8; display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; color:#555; transition:all .5s ease 0s; } #c_portalResNews_list-16149294212025899 .news1_date{ font-size:16px; color:#666; transition:all .5s ease 0s; } #c_portalResNews_list-16149294212025899 .newTitle{ display:block; width:100%; font-size:1rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } #c_portalResNews_list-16149294212025899 .newYear{ position:absolute; top:0px; right:0px; } #c_portalResNews_list-16149294212025899 .list-icon{ position:absolute; left:5px; display:flex; justify-content:center; align-items:center; width:20px; height:20px; font-size:12px; color:gray; } #c_portalResNews_list-16149294212025899 .content:hover{ padding-left:50px; padding-right:50px; background-size:cover; } #c_portalResNews_list-16149294212025899 .content:hover .news1_date{ color:#000; } #c_portalResNews_list-16149294212025899 .content:hover .newTitle1{ color:#000; } #c_portalResNews_list-16149294212025899 .content:hover .newMs{ color:#000; } #c_portalResNews_list-16149294212025899 .content:hover .news1_more{ color:#da0000; } #c_portalResNews_list-16149294212025899 .newList:hover{ background-size:cover; } #c_portalResNews_list-16149294212025899 .newList:hover .news1_date{ color:#000; } #c_portalResNews_list-16149294212025899 .newList:hover .newTitle1{ color:#000; } #c_portalResNews_list-16149294212025899 .newList:hover .newMs{ color:#000; } #c_portalResNews_list-16149294212025899 .newList:hover .news1_more{ color:#da0000; } @media only screen and (min-width: 769px){ #c_portalResNews_list-16149294212025899 .newList1{ width:50%; float:left; } #c_portalResNews_list-16149294212025899 .news1_con{ padding-right:60px; } } @media only screen and (max-width: 768px){ #c_portalResNews_list-16149294212025899 .content{ margin-bottom:15px; } #c_portalResNews_list-16149294212025899 .con_title{ font-size:20px; margin:0px 0 20px; } #c_portalResNews_list-16149294212025899 .newTitle1{ font-size:15px; } #c_portalResNews_list-16149294212025899 .newMs{ font-size:13px; } #c_portalResNews_list-16149294212025899 .news1_more{ font-size:12px; } #c_portalResNews_list-16149294212025899 .news1_date{ font-size:12px; } #c_portalResNews_list-16149294212025899 .content:hover { padding-left: 20px; padding-right:25px; } #c_portalResNews_list-16149294212025899 .newList { padding: 15px 20px 0; } } #c_portalResNews_list-16149294212025899 .p_hot .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16149294212025899 .p_new .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16149294212025899 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16149294212025899 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16149294212025899 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16149294212025899 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResNews_list-16149294212025899{ width:auto; max-width:none; min-width:320px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResFriendlink_list-16467171852584985 .p_articles{ width:calc((100% - 200px)/20); margin:5; margin-top:5; margin-right:5; margin-bottom:5; margin-left:5; } #c_portalResFriendlink_list-16467171852584985 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResFriendlink_list-16467171852584985 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResFriendlink_list-16467171852584985 >div{ animation-fill-mode:both; } #c_portalResFriendlink_list-16467171852584985 .linkBox{ padding:10px; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll-container{ position:relative; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll-clip{ position:relative; overflow:hidden; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll-list{ overflow:hidden; margin:0px; padding:0px; list-style:none; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll-list li{ padding:10px; margin:0px; list-style:none; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll-list li img{ border:none; display:block; width:100%; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll-btn-left{ left:6px; bottom:6px; background-position:0 -44px; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll-btn-left.disabled{ background-position:0 0 !important; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus{ background-position:0 -88px; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll-btn-right{ right:6px; bottom:6px; background-position:-84px -44px; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll-btn-right.disabled{ background-position:-84px 0 !important; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus{ background-position:-84px -88px; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll-btn-up{ right:6px; top:6px; background-position:-126px -44px; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll-btn-up.disabled{ background-position:-126px 0 !important; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus{ background-position:-126px -88px; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll-btn-down{ right:6px; bottom:6px; background-position:-42px -44px; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll-btn-down.disabled{ background-position:-42px 0 !important; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus{ background-position:-42px -88px; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll-btn-pause{ right:6px; bottom:6px; background-position:-168px -44px; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus{ background-position:-168px -88px; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll-btn-pause.active{ background-position:-84px -44px; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus{ background-position:-84px -88px; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll{ width:100%; height:auto; margin-bottom:1em; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll .simply-scroll-clip{ width:100%; height:auto; } #c_portalResFriendlink_list-16467171852584985 .simply-scroll .simply-scroll-list li{ float:left; width:200px; height:auto; } #c_portalResFriendlink_list-16467171852584985 .vert{ width:340px; height:400px; margin-bottom:1.5em; } #c_portalResFriendlink_list-16467171852584985 .vert .simply-scroll-clip{ width:290px; height:400px; } #c_portalResFriendlink_list-16467171852584985 .vert .simply-scroll-list li{ width:290px; height:200px; } #c_portalResFriendlink_list-16467171852584985 .vert .simply-scroll-btn-up{ right:0px; top:0px; } #c_portalResFriendlink_list-16467171852584985 .vert .simply-scroll-btn-down{ right:0px; top:52px; } #c_portalResFriendlink_list-16467171852584985 .p_page .pre .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResFriendlink_list-16467171852584985 .p_page .next .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResFriendlink_list-16467171852584985 .p_more .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResFriendlink_list-16467171852584985 .p_loading .iconfont:before{ shadow-angle:0; shadow-distance:0; shadow-angle-ofInset:0; shadow-distance-ofInset:0; } #c_portalResFriendlink_list-16467171852584985 .p_OccupyBox{ display:none; } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResFriendlink_list-16467171852584985 .simply-scroll .simply-scroll-list li { width:150px; } } @media only screen and (max-width: 768px){ #c_portalResFriendlink_list-16467171852584985 .simply-scroll .simply-scroll-list li { width:100px; } } #c_portalResFriendlink_list-16467171852584985{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResProduct_list-16149239751647249 .p_Product{ width:calc((100% - 0px)/3); } #c_portalResProduct_list-16149239751647249 .p_CommonSummaryBoxA{ text-align:center; } #c_portalResProduct_list-16149239751647249 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResProduct_list-16149239751647249 >div{ animation-fill-mode:both; } #c_portalResProduct_list-16149239751647249 .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16149239751647249 .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16149239751647249 .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16149239751647249 .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_portalResProduct_list-16149239751647249{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:15px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1615170849571 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1615170943733 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1615170968263 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1615171015696 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1646709320241 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1646709320241 > div > .p_gridbox{ margin-top:50px; } }  @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1614912806734 > div > .p_gridbox{ background-image:url(../images/bg11.png); } #w_grid-1614912806734 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1614912806734 >div{ animation-fill-mode:both; } #w_grid-1614912806734 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1614912806734> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:1rem; margin-left:0px; } } @media only screen and (min-width: 769px){ #w_grid-1614912806734> div > .p_gridbox > .p_gridCell{ margin-bottom:4rem; margin-top:1rem; margin-left:0px; } #w_grid-1614912806734> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1614912806734> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1614913427711 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1614913427711 >div{ animation-fill-mode:both; } #w_grid-1614913427711 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1614913427711 .reset_style:nth-child(1) span{font-size:30px;font-family:'xy'!important;color:#e3e3e3;text-transform:Uppercase;} #w_grid-1614913427711 .reset_style:nth-child(2) span{font-size:24px;color:#000;} } @media only screen and (min-width: 769px){ #w_grid-1614913427711 .reset_style:nth-child(1) span{font-size:40px;font-family:'xy'!important;color:#e3e3e3;text-transform:Uppercase;} #w_grid-1614913427711 .reset_style:nth-child(2) span{font-size:34px;color:#000;} #w_grid-1614913427711> div > .p_gridbox > .p_gridCell{ margin-bottom:1rem; margin-top:1rem; margin-left:0px; } #w_grid-1614913427711> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1614913427711> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1614913427711 .reset_style:nth-child(1) span{font-size:36px;font-family:'xy'!important;color:#e3e3e3;text-transform:Uppercase;} #w_grid-1614913427711 .reset_style:nth-child(2) span{font-size:30px;color:#000;} #w_grid-1614913427711> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1614913427711> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1614913427711> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_fline-1614913616246 .p_FLine{ border-top-color:rgba(0, 117, 194, 1); border-top-width:2px; } #w_fline-1614913616246 .w_fline .p_FLine{ border-top-style:solid; } #w_fline-1614913616246 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1614913616246 >div{ animation-fill-mode:both; } #w_grid-1614912806767 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1614912806767 >div{ animation-fill-mode:both; } #w_grid-1614912806767 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1614912806767> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:0rem; margin-left:0px; } #w_grid-1614912806767> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1614912806767> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (min-width: 769px){ #w_grid-1614912806767> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:3%; } #w_grid-1614912806767> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:46.1138%; margin-left:3%; margin-right:0px; clear:none; } #w_grid-1614912806767> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:50.886199999999995%; } #w_grid-1614912806767> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1614912806767> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:2%; } #w_grid-1614912806767> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:49.803599999999996%; margin-left:2%; margin-right:0px; clear:none; } #w_grid-1614912806767> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:48.1964%; } #w_grid-1614912806767> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } #w_grid-1614912806794 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1614912806794 .reset_style:nth-child(1) span{font-size:24px!important;} }  @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_fline-1614914380295 .p_FLine{ border-top-color:rgba(0, 117, 194, 1); border-top-width:2px; } #w_fline-1614914380295 .w_fline .p_FLine{ border-top-style:solid; } #w_fline-1614914380295 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1614914380295 >div{ animation-fill-mode:both; } #w_fbtn-1614912806808 .p_CommonBtn{ background-color:#ffffff; border-radius:5px; border:1px solid #dddddd; } #w_fbtn-1614912806808 .p_CommonBtn .font{ color:#666666; font-size:15px; font-weight:bold; } #w_fbtn-1614912806808 .p_CommonBtn:hover{ background-color:#da0000; } #w_fbtn-1614912806808 .p_CommonBtn:hover .font{ color:#ffffff; } #w_fbtn-1614912806808 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fbtn-1614912806808 >div{ animation-fill-mode:both; }  #w_fimg-1614912806788 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimg-1614912806788 >div{ animation-fill-mode:both; } #w_grid-1614913073950 > div > .p_gridbox{ background-image:url(../images/bg22.jpg); } #w_grid-1614913073950 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1614913073950 >div{ animation-fill-mode:both; } #w_grid-1614913073950 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1614913073950> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:2rem; margin-left:0px; } #w_grid-1614913073950> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1614913073950> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1614913073950> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1614913073950> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1614913073950> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_grid-1614914740207 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1614914761319 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1614914761319 >div{ animation-fill-mode:both; } #w_grid-1614914761319 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1614914761319 .reset_style:nth-child(1) span{font-size:30px;font-family:'xy'!important;color:rgba(255,255,255,0.2);text-transform:Uppercase;} #w_grid-1614914761319 .reset_style:nth-child(2) span{font-size:24px;color:#fff;} } @media only screen and (min-width: 769px){ #w_grid-1614914761319 .reset_style:nth-child(1) span{font-size:40px;font-family:'xy'!important;color:rgba(255,255,255,0.2);text-transform:Uppercase;} #w_grid-1614914761319 .reset_style:nth-child(2) span{font-size:34px;color:#fff;} #w_grid-1614914761319> div > .p_gridbox > .p_gridCell{ margin-bottom:1rem; margin-top:1rem; margin-left:0px; } #w_grid-1614914761319> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1614914761319> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1614914761319 .reset_style:nth-child(1) span{font-size:36px;font-family:'xy'!important;color:rgba(255,255,255,0.2);text-transform:Uppercase;} #w_grid-1614914761319 .reset_style:nth-child(2) span{font-size:30px;color:#fff;} #w_grid-1614914761319> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1614914761319> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1614914761319> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_fline-1614914761337 .p_FLine{ border-top-color:rgba(255, 255, 255, 1); border-top-width:2px; } #w_fline-1614914761337 .w_fline .p_FLine{ border-top-style:solid; } #w_fline-1614914761337 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1614914761337 >div{ animation-fill-mode:both; } #w_grid-1614914699836 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1614914699836 >div{ animation-fill-mode:both; } #w_grid-1614914699836 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1614914699836> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:2rem; margin-left:0; } #w_grid-1614914699836> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1614914699836> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1614923114001 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1614923139845 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1614923139845 >div{ animation-fill-mode:both; } #w_grid-1614923139845 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1614923139845 .reset_style:nth-child(1) span{font-size:30px;font-family:'xy'!important;color:#e3e3e3;text-transform:Uppercase;} #w_grid-1614923139845 .reset_style:nth-child(2) span{font-size:24px;color:#000;} } @media only screen and (min-width: 769px){ #w_grid-1614923139845 .reset_style:nth-child(1) span{font-size:40px;font-family:'xy'!important;color:#e3e3e3;text-transform:Uppercase;} #w_grid-1614923139845 .reset_style:nth-child(2) span{font-size:34px;color:#000;} #w_grid-1614923139845> div > .p_gridbox > .p_gridCell{ margin-bottom:1rem; margin-top:1rem; margin-left:0px; } #w_grid-1614923139845> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1614923139845> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1614923139845 .reset_style:nth-child(1) span{font-size:36px;font-family:'xy'!important;color:#e3e3e3;text-transform:Uppercase;} #w_grid-1614923139845 .reset_style:nth-child(2) span{font-size:30px;color:#000;} #w_grid-1614923139845> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1614923139845> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1614923139845> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_fline-1614923139876 .p_FLine{ border-top-color:rgba(0, 103, 177, 1); border-top-width:2px; } #w_fline-1614923139876 .w_fline .p_FLine{ border-top-style:solid; } #w_fline-1614923139876 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1614923139876 >div{ animation-fill-mode:both; } #w_grid-1614923196609 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1614924267434 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1614923709636 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1614923102313 > div > .p_gridbox{ background-image:url(../images/f04_08.jpg); background-size:100%; } #w_grid-1614923102313 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1614923102313 >div{ animation-fill-mode:both; } #w_grid-1614923102313 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1614923102313 > div > .p_gridbox{ background-image:url(../images/mbj10011.jpg); background-size: 100%; background-repeat: no-repeat; background-position: center 50px; } #w_grid-1614923102313> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:1rem; margin-left:0; } } @media only screen and (min-width: 769px){ #w_grid-1614923102313 > div > .p_gridbox{ background-image:url(../images/f04_08.jpg); } #w_grid-1614923102313> div > .p_gridbox > .p_gridCell{ margin-bottom:2rem; margin-top:1rem; margin-left:0; } #w_grid-1614923102313> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1614923102313> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1614923102313 > div > .p_gridbox{ background-image:url(../images/f04_08.jpg); } } #w_grid-1614925319085 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1614925319085 >div{ animation-fill-mode:both; } #w_grid-1614925319085 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1614925319085> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1614925319085> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1614925319085> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1614925343395 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1614925343395 >div{ animation-fill-mode:both; } #w_grid-1614925343395 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1614925343395 .reset_style:nth-child(1) span{font-size:30px;font-family:'xy'!important;color:#e3e3e3;text-transform:Uppercase;} #w_grid-1614925343395 .reset_style:nth-child(2) span{font-size:24px;color:#000;} } @media only screen and (min-width: 769px){ #w_grid-1614925343395 .reset_style:nth-child(1) span{font-size:40px;font-family:'xy'!important;color:#e3e3e3;text-transform:Uppercase;} #w_grid-1614925343395 .reset_style:nth-child(2) span{font-size:34px;color:#000;} #w_grid-1614925343395> div > .p_gridbox > .p_gridCell{ margin-bottom:1rem; margin-top:1rem; margin-left:0px; } #w_grid-1614925343395> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1614925343395> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1614925343395 .reset_style:nth-child(1) span{font-size:36px;font-family:'xy'!important;color:#e3e3e3;text-transform:Uppercase;} #w_grid-1614925343395 .reset_style:nth-child(2) span{font-size:30px;color:#000;} #w_grid-1614925343395> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1614925343395> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1614925343395> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_fline-1614925343460 .p_FLine{ border-top-color:rgba(0, 103, 177, 1); border-top-width:2px; } #w_fline-1614925343460 .w_fline .p_FLine{ border-top-style:solid; } #w_fline-1614925343460 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1614925343460 >div{ animation-fill-mode:both; } #w_grid-1614925518405 > div > .p_gridbox{ background-color:rgba(255, 255, 255, 1); box-shadow:0 0 20px rgba(0,0,0,.08); } #w_grid-1614925518405 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1614925518405 >div{ animation-fill-mode:both; margin-top:0px; z-index:2; } #w_grid-1614925518405 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (min-width: 769px){ #w_grid-1614925518405> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; } #w_grid-1614925518405> div > .p_gridbox > .p_gridCell:nth-child(4n+0){ width:25%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1614925518405> div > .p_gridbox > .p_gridCell:nth-child(4n+1){ margin-left:0px; clear:left; margin-right:0px; width:25%; } #w_grid-1614925518405> div > .p_gridbox > .p_gridCell:nth-child(4n+2){ width:25%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1614925518405> div > .p_gridbox > .p_gridCell:nth-child(4n+3){ width:25%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1614925518405> div > .p_gridbox > .p_gridCell:nth-child(4n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1614925518405> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1614925518405> div > .p_gridbox > .p_gridCell:nth-child(4n+0){ width:25%; margin-left:0; margin-right:0; clear:none; } #w_grid-1614925518405> div > .p_gridbox > .p_gridCell:nth-child(4n+1){ margin-left:0; clear:left; margin-right:0; width:25%; } #w_grid-1614925518405> div > .p_gridbox > .p_gridCell:nth-child(4n+2){ width:25%; margin-left:0; margin-right:0; clear:none; } #w_grid-1614925518405> div > .p_gridbox > .p_gridCell:nth-child(4n+3){ width:25%; margin-left:0; margin-right:0; clear:none; } #w_grid-1614925518405> div > .p_gridbox > .p_gridCell:nth-child(4n){ margin-right:0; } } @media only screen and (max-width: 768px){ #w_grid-1614925518405> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0px; padding-top:10px; } #w_grid-1614925518405> div > .p_gridbox > .p_gridCell:nth-child(2n+0){ width:50%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1614925518405> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ margin-left:0px; clear:left; margin-right:0px; width:50%; } #w_grid-1614925518405> div > .p_gridbox > .p_gridCell:nth-child(2n){ margin-right:0px; } } #w_fimgbox-1614925880953 .w_imgbox{ background-color:#ffffff; transition:all .5s ease; } #w_fimgbox-1614925880953 .w_imgbox:hover{ background-color:#0067b1; } #w_fimgbox-1614925880953 .w_imgbox .p_gridbox{ background-image:url(../images/i11.png); background-image-part-image:url(../images/i11.png); background-repeat:no-repeat; background-position:top center; transition:all .5s ease; } #w_fimgbox-1614925880953 .w_imgbox:hover .p_gridbox{ background-image:url(../images/ii1.png); background-image-part-image:url(../images/ii1.png); } #w_fimgbox-1614925880953 .w_imgbox:hover .reset_style span{ color:#fff; transition:all .5s ease; } #w_fimgbox-1614925880953 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimgbox-1614925880953 >div{ animation-fill-mode:both; } #w_fimgbox-1614925880953 .p_contentbox{ background-repeat:no-repeat; background-position:top center; align-items:center; display:flex; } @media only screen and (max-width: 768px){ #w_fimgbox-1614925880953 .w_imgbox .reset_style:nth-child(1) span{ font-size:12px!important; } #w_fimgbox-1614925880953 .w_imgbox .reset_style:nth-child(2) span{ display:none; } } #w_grid-1614926003854 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1614926003854 >div{ animation-fill-mode:both; } #w_grid-1614926003854 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1614926003854> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1614926003854> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1614926003854> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1614926003854 .p_gridbox{ background-image:url(../images/i11.png); background-image-part-image:url(../images/i11.png); background-repeat:no-repeat; background-position:top center; } #w_fimgbox-1614928150542 .w_imgbox{ background-color:#ffffff; transition:all .5s ease; } #w_fimgbox-1614928150542 .w_imgbox:hover{ background-color:#0067b1; } #w_fimgbox-1614928150542 .w_imgbox .p_gridbox{ background-image:url(../images/i22.png); background-image-part-image:url(../images/i22.png); background-repeat:no-repeat; background-position:top center; transition:all .5s ease; } #w_fimgbox-1614928150542 .w_imgbox:hover .p_gridbox{ background-image:url(../images/ii2.png); background-image-part-image:url(../images/ii2.png); } #w_fimgbox-1614928150542 .w_imgbox:hover .reset_style span{ color:#fff; transition:all .5s ease; } #w_fimgbox-1614928150542 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimgbox-1614928150542 >div{ animation-fill-mode:both; } #w_fimgbox-1614928150542 .p_contentbox{ background-repeat:no-repeat; background-position:top center; align-items:center; display:flex; } @media only screen and (max-width: 768px){ #w_fimgbox-1614928150542 .w_imgbox .reset_style:nth-child(1) span{ font-size:12px!important; } #w_fimgbox-1614928150542 .w_imgbox .reset_style:nth-child(2) span{ display:none; } } #w_grid-1614928150559 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1614928150559 >div{ animation-fill-mode:both; } #w_grid-1614928150559 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1614928150559> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1614928150559> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1614928150559> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1614928150559 .p_gridbox{ background-image:url(../images/i1.png); background-image-part-image:url(../images/i1.png); background-repeat:no-repeat; background-position:top center; } #w_fimgbox-1614928154673 .w_imgbox{ background-color:#ffffff; transition:all .5s ease; } #w_fimgbox-1614928154673 .w_imgbox:hover{ background-color:#0067b1; } #w_fimgbox-1614928154673 .w_imgbox .p_gridbox{ background-image:url(../images/i33.png); background-image-part-image:url(../images/i33.png); background-repeat:no-repeat; background-position:top center; transition:all .5s ease; } #w_fimgbox-1614928154673 .w_imgbox:hover .p_gridbox{ background-image:url(../images/ii3.png); background-image-part-image:url(../images/ii3.png); } #w_fimgbox-1614928154673 .w_imgbox:hover .reset_style span{ color:#fff; transition:all .5s ease; } #w_fimgbox-1614928154673 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimgbox-1614928154673 >div{ animation-fill-mode:both; } #w_fimgbox-1614928154673 .p_contentbox{ background-repeat:no-repeat; background-position:top center; align-items:center; display:flex; } @media only screen and (max-width: 768px){ #w_fimgbox-1614928154673 .w_imgbox .reset_style:nth-child(1) span{ font-size:12px!important; } #w_fimgbox-1614928154673 .w_imgbox .reset_style:nth-child(2) span{ display:none; } } #w_grid-1614928154679 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1614928154679 >div{ animation-fill-mode:both; } #w_grid-1614928154679 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1614928154679> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1614928154679> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1614928154679> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1614928154679 .p_gridbox{ background-image:url(../images/i1.png); background-image-part-image:url(../images/i1.png); background-repeat:no-repeat; background-position:top center; } #w_fimgbox-1614928157952 .w_imgbox{ background-color:#ffffff; transition:all .5s ease; } #w_fimgbox-1614928157952 .w_imgbox:hover{ background-color:#0067b1; } #w_fimgbox-1614928157952 .w_imgbox .p_gridbox{ background-image:url(../images/i44.png); background-image-part-image:url(../images/i44.png); background-repeat:no-repeat; background-position:top center; transition:all .5s ease; } #w_fimgbox-1614928157952 .w_imgbox:hover .p_gridbox{ background-image:url(../images/ii4.png); background-image-part-image:url(../images/ii4.png); } #w_fimgbox-1614928157952 .w_imgbox:hover .reset_style span{ color:#fff; transition:all .5s ease; } #w_fimgbox-1614928157952 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fimgbox-1614928157952 >div{ animation-fill-mode:both; } #w_fimgbox-1614928157952 .p_contentbox{ background-repeat:no-repeat; background-position:top center; align-items:center; display:flex; } @media only screen and (max-width: 768px){ #w_fimgbox-1614928157952 .w_imgbox .reset_style:nth-child(1) span{ font-size:12px!important; } #w_fimgbox-1614928157952 .w_imgbox .reset_style:nth-child(2) span{ display:none; } } #w_grid-1614928157967 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1614928157967 >div{ animation-fill-mode:both; } #w_grid-1614928157967 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; }  @media only screen and (min-width: 769px){ #w_grid-1614928157967> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1614928157967> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1614928157967> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1614928157967 .p_gridbox{ background-image:url(../images/i1.png); background-image-part-image:url(../images/i1.png); background-repeat:no-repeat; background-position:top center; } #w_grid-1614929442826 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1614929442826 >div{ animation-fill-mode:both; } #w_grid-1614929442826 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0px; clear:left; } @media only screen and (max-width: 768px){ #w_grid-1614929442826 .reset_style:nth-child(1) span{font-size:30px;font-family:'xy'!important;color:#e3e3e3;text-transform:Uppercase;} #w_grid-1614929442826 .reset_style:nth-child(2) span{font-size:24px;color:#000;} } @media only screen and (min-width: 769px){ #w_grid-1614929442826 .reset_style:nth-child(1) span{font-size:40px;font-family:'xy'!important;color:#e3e3e3;text-transform:Uppercase;} #w_grid-1614929442826 .reset_style:nth-child(2) span{font-size:34px;color:#000;} #w_grid-1614929442826> div > .p_gridbox > .p_gridCell{ margin-bottom:1rem; margin-top:1rem; margin-left:0px; } #w_grid-1614929442826> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0px; margin-right:0px; clear:none; } #w_grid-1614929442826> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ #w_grid-1614929442826 .reset_style:nth-child(1) span{font-size:36px;font-family:'xy'!important;color:#e3e3e3;text-transform:Uppercase;} #w_grid-1614929442826 .reset_style:nth-child(2) span{font-size:30px;color:#000;} #w_grid-1614929442826> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1614929442826> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1614929442826> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } #w_fline-1614929442847 .p_FLine{ border-top-color:rgba(0, 103, 177, 1); border-top-width:2px; } #w_fline-1614929442847 .w_fline .p_FLine{ border-top-style:solid; } #w_fline-1614929442847 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_fline-1614929442847 >div{ animation-fill-mode:both; } #w_grid-1646717185090 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } @media only screen and (max-width: 768px){ } @media only screen and (min-width: 769px){ } @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1615170849571{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1615170943733{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1615170968263{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1615171015696{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1646709320241{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1614912806734{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1614913427711{ width:96%; max-width:1460px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:10px; padding-right:10px; padding-bottom:0px; } #w_common_text-1614913569381{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1614913590263{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:-30px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fline-1614913616246{ width:100%; max-width:50px; min-width:0px; height:auto; max-height:none; min-height:10px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1614912806767{ width:96%; max-width:1460px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:10px; padding-right:10px; padding-bottom:0px; } #w_grid-1614912806794{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1614912806800{ width:auto; max-width:1240px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fline-1614914380295{ width:100%; max-width:90px; min-width:0px; height:auto; max-height:none; min-height:10px; margin-top:0px; margin-left:0px; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1614912806805{ width:auto; max-width:1240px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:10px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fbtn-1614912806808{ width:100%; max-width:158px; min-width:0px; height:100%; max-height:0px; min-height:46px; margin-top:26px; margin-left:0px; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimg-1614912806788{ width:100%; max-width:642px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1614913073950{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1614914740207{ width:96%; max-width:1460px; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:10px; padding-right:10px; padding-bottom:0px; } #w_grid-1614914761319{ width:96%; max-width:1460px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:10px; padding-top:0px; padding-left:10px; padding-right:10px; padding-bottom:0px; } #w_common_text-1614914761329{ width:auto; max-width:none; min-width:0px; height:42px; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1614914761333{ width:auto; max-width:none; min-width:0px; height:45px; max-height:none; min-height:0px; margin-top:-30px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fline-1614914761337{ width:100%; max-width:50px; min-width:0px; height:auto; max-height:none; min-height:10px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1614914699836{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1614923114001{ width:98%; max-width:1460px; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:10px; padding-right:10px; padding-bottom:0px; } #w_grid-1614923139845{ width:96%; max-width:1460px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:20px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:10px; padding-right:10px; padding-bottom:0px; } #w_common_text-1614923139862{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1614923139868{ width:auto; max-width:none; min-width:0px; height:45px; max-height:none; min-height:0px; margin-top:-30px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fline-1614923139876{ width:100%; max-width:50px; min-width:0px; height:auto; max-height:none; min-height:10px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1614923196609{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1614924267434{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1614923709636{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1614923102313{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1614925319085{ width:96%; max-width:1460px; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:10px; padding-right:10px; padding-bottom:0px; } #w_grid-1614925343395{ width:96%; max-width:1460px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:10px; padding-right:10px; padding-bottom:0px; } #w_common_text-1614925343440{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1614925343450{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:-30px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fline-1614925343460{ width:100%; max-width:50px; min-width:0px; height:auto; max-height:none; min-height:10px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1614925518405{ width:100%; max-width:1720px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10%; margin-left:auto; margin-right:auto; margin-bottom:10%; padding-top:0px; padding-left:10px; padding-right:10px; padding-bottom:0px; } #w_fimgbox-1614925880953{ width:100%; max-width:none; min-width:0px; height:100%; max-height:100%; min-height:200px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1614926003854{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:80px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1614926106439{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:40px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimgbox-1614928150542{ width:100%; max-width:none; min-width:0px; height:100%; max-height:100%; min-height:200px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1614928150559{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:80px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1614928150570{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:40px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimgbox-1614928154673{ width:100%; max-width:none; min-width:0px; height:100%; max-height:100%; min-height:200px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1614928154679{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:80px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1614928154685{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:40px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fimgbox-1614928157952{ width:100%; max-width:none; min-width:0px; height:100%; max-height:100%; min-height:200px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1614928157967{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:80px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1614928157981{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:40px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1614929442826{ width:96%; max-width:1460px; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:10%; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:10px; padding-right:10px; padding-bottom:0px; } #w_common_text-1614929442842{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_common_text-1614929442845{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:-30px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_fline-1614929442847{ width:100%; max-width:50px; min-width:0px; height:auto; max-height:none; min-height:10px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1646717185090{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; }