.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);
}

.e_SideMajorStyleBox-001 {
    width: 100%;
    height: auto;
    width-uint: %;
}

.e_SideMajorStyleBox-001 .stylebox_link {
    color: #666666;
    font-size: 14px;
    display: table;
    height: inherit;
    border-width: 0;
    float: right;
    vertical-align: middle;
    margin-right: 15px;
}

.e_SideMajorStyleBox-001 .stylebox_top {
    width: auto;
    height: 40px;
    background-color: rgba(101, 190, 186, 1);
}

.e_SideMajorStyleBox-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_SideMajorStyleBox-001 .title_icon::before {
    content: "";
}

.e_SideMajorStyleBox-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_SideMajorStyleBox-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_SideMajorStyleBox-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_SideMajorStyleBox-001 .stylebox_link a {
    color: inherit;
    display: table-cell;
    vertical-align: middle;
}

.e_SideMajorStyleBox-001 .link_icon {
    display: inline-block;
    margin-left: 5px;
}

.e_SideMajorStyleBox-001 .link_icon::before {
    content: '\e6af';
}

.e_SideMajorStyleBox-001 .stylebox_top_line {
    height: 1px;
    background-color: rgba(240,240,240,1);
}

.e_SideMajorStyleBox-001 .stylebox_content {
    border-style: solid;
    border-width: 1px;
    border-color: #f0f0f0;
    width: 100%;
    width-uint: %;
}

.e_SideMajorStyleBox-001 .stylebox_bottom_line {
    height: 1px;
    background-color: rgba(240,240,240,1);
}

@media only screen and (max-width: 768px) {
    #c_portalResProduct_list-15585303838364422 a:hover {
        color:#ce9d5f;
        text-decoration: none
    }

    #c_portalResProduct_list-15585303838364422 a:focus {
        color: #ce9d5f;
        text-decoration: underline;
    }

    #c_portalResProduct_list-15585303838364422 a:active {
        color: #ce9d5f;
        text-decoration: none
    }

    .c_portalResProduct_list-01001 {
        overflow: hidden;
        width: 100%;
        height: auto;
        min-width: 640px;
        margin-left: 0;
        margin-right: 0;
    }

    .c_portalResProduct_list-01001 .p_ProductList {
        margin: 0;
        width: auto;
        height: auto;
        padding: 0;
        overflow: hidden;
        background-color: transparent;
        white-space: normal;
        font-size: 0;
    }

    .c_portalResProduct_list-01001 .p_categorySummaryBox {
        padding: 15px;
        border-bottom: 1px solid rgba(0,0,0,0.09);
    }

    .c_portalResProduct_list-01001 .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-01001 .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;
        border-bottom: 10px solid #F5F5F5;
        display: none;
    }

    #w_grid-1557225604941 {
        display: none;
    }

    .c_portalResProduct_list-01001 .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-01001 .d_sortBtn:hover, .c_portalResProduct_list-01001 .d_sortBtn:active {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    .c_portalResProduct_list-01001 .d_sortBtn.active {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    .c_portalResProduct_list-01001 .p_default {
        -webkit-flex: 1;
        flex: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
    }

    .c_portalResProduct_list-01001 .d_sortBtn:lang(active) {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:first-child {
        display: none;
    }

    .c_portalResProduct_list-01001 .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-01001 .d_sortBtn .font .iconfont:before {
        content: "\e69a";
        line-height: 30px;
    }

    .c_portalResProduct_list-01001 .d_sortBtn:lang(active) .font .iconfont, .c_portalResProduct_list-01001 .d_sortBtn:hover .font .iconfont, .c_portalResProduct_list-01001 .d_sortBtn:active .font .iconfont {
        color: #1890FF;
        border-top-color: #1890FF;
    }

    .c_portalResProduct_list-01001 .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-01001 .d_sortBtn .font .arrow:before {
        content: "\e69c";
    }

    .c_portalResProduct_list-01001 .p_default .font .iconfont {
        display: none;
    }

    .c_portalResProduct_list-01001 .p_products {
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        overflow: hidden;
        white-space: normal;
    }

    .c_portalResProduct_list-01001 .p_Product {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: calc((100% - 0px)/1)!important;
        padding: 15px 15px 0;
        height: inherit;
    }

    .c_portalResProduct_list-01001 .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-01001 .p_Product:last-of-type .p_ProductInner {
        border: 0 none;
    }

    .c_portalResProduct_list-01001 .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-01001 .p_image {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .c_portalResProduct_list-01001 .p_imagesPc {
        display: none;
    }

    .c_portalResProduct_list-01001 .p_linkB {
        width: inherit;
        height: inherit;
        display: block;
        position: static;
    }

    .c_portalResProduct_list-01001 .p_image {
        width: 100%;
        height: 100%;
        padding: 0;
    }

    .c_portalResProduct_list-01001 .p_ThumbnailBox {
        display: none;
    }

    .c_portalResProduct_list-01001 .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-01001 .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-01001 .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-01001 .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-01001 .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-01001 .p_tag:hover {
        border-width: 1px;
        border-style: none;
        border-color: transparent;
    }

    .c_portalResProduct_list-01001 .p_tag:active {
        border-width: 1px;
        border-style: none;
        border-color: transparent;
    }

    .c_portalResProduct_list-01001 .d_item {
        width: auto;
        height: auto;
        margin: 5px 0;
        padding: 0;
        vertical-align: middle;
        overflow: hidden;
        display: none;
    }

    .c_portalResProduct_list-01001 .d_item .d_itemLable {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 0 0;
        font-size: 14px;
    }

    .c_portalResProduct_list-01001 .d_item .d_itemValue {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
    }

    .c_portalResProduct_list-01001 .p_salePricePc, .c_portalResProduct_list-01001 .p_NomBoxPc {
        display: none;
    }

    .c_portalResProduct_list-01001 .d_SummaryBox {
        margin: 5px 0;
        width: auto;
        height: auto;
        padding: 0;
        overflow: hidden;
    }

    .c_portalResProduct_list-01001 .d_summary {
        color: #999;
        font-size: 12px;
        line-height: 20px;
        text-align: left;
        vertical-align: top;
        word-break: break-all;
    }

    .c_portalResProduct_list-01001 .d_SalePrice {
        display: inline-table;
        margin: 0;
        padding: 0;
        text-align: left;
        vertical-align: middle;
    }

    .c_portalResProduct_list-01001 .p_priceUnit::before {
        content: "\e6d7";
    }

    .c_portalResProduct_list-01001 .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-01001 .p_interaction .btn-default {
        display: inline-block;
        margin: 5px 0 0;
    }

    .c_portalResProduct_list-01001 .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-01001 {
        overflow: hidden;
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-right: 0;
    }

    .c_portalResProduct_list-01001 .p_ProductList {
        width: auto;
        height: auto;
        overflow: hidden;
        white-space: normal;
        font-size: 0;
        padding: 20px 25px;
        padding-bottom: 50px;
    }

    .c_portalResProduct_list-01001 .p_categorySummaryBox {
        padding: 0 0 20px;
        margin: 0 0 30px;
        border-bottom: 1px solid rgba(0,0,0,0.09);
    }

    .c_portalResProduct_list-01001 .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-01001 .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;
        display: none;
    }

    .c_portalResProduct_list-01001 .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-01001 .d_sortBtn:hover, .c_portalResProduct_list-01001 .d_sortBtn:active {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    .c_portalResProduct_list-01001 .d_sortBtn.active {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    .c_portalResProduct_list-01001 .p_default {
        padding-right: 15px;
    }

    .c_portalResProduct_list-01001 .d_sortBtn:lang(active) {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    .c_portalResProduct_list-01001 .d_sortBtn .font .iconfont:first-child {
        display: none;
    }

    .c_portalResProduct_list-01001 .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-01001 .d_sortBtn .font .iconfont:before {
        content: "\e69a";
        line-height: 30px;
    }

    .c_portalResProduct_list-01001 .d_sortBtn:lang(active) .font .iconfont, .c_portalResProduct_list-01001 .d_sortBtn:hover .font .iconfont, .c_portalResProduct_list-01001 .d_sortBtn:active .font .iconfont {
        color: #1890FF;
    }

    .c_portalResProduct_list-01001 .d_sortBtn .font .arrow {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    .c_portalResProduct_list-01001 .d_sortBtn .font .down-arrow {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    .c_portalResProduct_list-01001 .d_sortBtn .font .arrow:before {
        content: "\e69a";
    }

    .c_portalResProduct_list-01001 .p_default .iconfont.arrow {
        display: none;
    }

    .c_portalResProduct_list-01001 .p_products {
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        overflow: hidden;
        white-space: normal;
    }

    .c_portalResProduct_list-01001 .p_Product {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: calc((100% - 0px)/3);
        padding: 10px;
        height: inherit;
    }

    .c_portalResProduct_list-01001 .p_ProductInner {
        width: 100%;
        padding: 0 0 5px;
        box-sizing: content-box;
        border: #dbdbdb 1px solid
    }

    .c_portalResProduct_list-01001 .p_ProductInner:hover {
        border-width: 3px;
        border-color: #ce9d5f;
        margin: -2px;
    }

    .c_portalResProduct_list-01001 .p_images {
        position: relative;
        width: 100%;
        height: 188px;
        margin: 0;
        padding: 0;
        text-align: center;
        font-size: 0;
        overflow: hidden;
        padding-bottom: 100% !important;
    }

    .c_portalResProduct_list-01001 .p_imagesMo {
        display: none;
    }

    .c_portalResProduct_list-01001 .p_linkB {
        width: inherit;
        height: inherit;
        display: block;
        position: static;
    }

    .c_portalResProduct_list-01001 .p_image {
        width: 100%;
        height: 100%;
        padding: 0;
    }

    .c_portalResProduct_list-01001 .p_ThumbnailBox {
        position: absolute;
        left: 0;
        bottom: 1px;
        z-index: 10;
        width: 236px;
        height: auto;
        padding: 0;
        overflow: hidden;
        height: auto;
    }

    .c_portalResProduct_list-01001 .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-01001 .p_ThumbnailBox .p_thumbnail:hover {
        border-color: rgba(255,255,255,.7)
    }

    .c_portalResProduct_list-01001 .d_articles {
        height: auto;
        width: auto;
        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-01001 .d_HeadBox {
        margin: 5px 0 0;
        width: auto;
        height: auto;
        padding: 15px 0px;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: transparent;
        overflow: hidden;
        text-align: center;
    }

    .c_portalResProduct_list-01001 .d_title {
        display: block;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        font-weight: 400;
        cursor: pointer;
        line-height: 50px;
        vertical-align: middle;
        text-align: center;
    }

    .c_portalResProduct_list-01001 .d_title:hover {
        color: #ce9d5f
    }

    .c_portalResProduct_list-01001 .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-01001 .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-01001 .p_tag:hover {
        border-width: 1px;
        border-style: none;
        border-color: transparent;
    }

    .c_portalResProduct_list-01001 .p_tag:active {
        border-width: 1px;
        border-style: none;
        border-color: transparent;
    }

    .c_portalResProduct_list-01001 .d_item {
        width: auto;
        height: auto;
        margin: 5px 0;
        padding: 0;
        vertical-align: middle;
        overflow: hidden;
        display: none;
    }

    .c_portalResProduct_list-01001 .d_item .d_itemLable {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 0 0;
        font-size: 14px;
    }

    .c_portalResProduct_list-01001 .d_item .d_itemValue {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
    }

    .c_portalResProduct_list-01001 .p_salePriceMo, .c_portalResProduct_list-01001 .p_NomBoxMo {
        display: none;
    }

    .c_portalResProduct_list-01001 .d_SummaryBox {
        margin: 5px 0;
        width: auto;
        height: auto;
        padding: 0;
        overflow: hidden;
        display: none;
    }

    .c_portalResProduct_list-01001 .d_summary {
        line-height: 20px;
        text-align: left;
        vertical-align: top;
        word-break: break-all;
    }

    .c_portalResProduct_list-01001 .d_SalePrice {
        display: inline-table;
        margin: 0;
        padding: 0;
        text-align: left;
        vertical-align: middle;
    }

    .c_portalResProduct_list-01001 .p_priceUnit::before {
        content: "\e6d7";
    }

    .c_portalResProduct_list-01001 .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-01001 .p_interaction .btn-default {
        display: inline-block;
        margin: 5px 0 0 ;
    }

    .c_portalResProduct_list-01001 .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) {
}

.w_fvideo-001 {
    max-width: 480px;
    min-height: 270px;
    margin: 0 auto;
}

.w_fvideo-001 .w_fvideo {
    width: 100%;
    min-height: inherit;
    position: relative;
    overflow: hidden;
    font-size: 0;
}

.w_fvideo-001 .w_fvideo:before {
    content: '';
    width: 0;
    min-height: inherit;
    display: inline-block;
    vertical-align: middle;
}

.w_fvideo-001 .w_fvideo .p_video {
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

.w_fvideo-001 .w_fvideo .p_video + div {
    display: none;
}

.c_portalResPublic_websiteShare-01001 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
    max-width: 100%;
    min-width: 320px;
    overflow: hidden;
}

.c_portalResPublic_websiteShare-01001 .row {
    margin-left: 0;
    margin-right: 0;
}

.c_portalResPublic_websiteShare-01001 .row-pad {
    padding: 5px 0 0 0;
}

.c_portalResPublic_websiteShare-01001 .iShare a {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
}

.c_portalResPublic_websiteShare-01001 .iShare img {
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 769px) {
}

@media screen and (min-width: 769px) and (max-width:1024px) {
}

@media screen and (max-width: 768px) {
}

@media only screen and (max-width: 768px) {
    .jg_list {
        width:96% !important;
        margin: 0 2% !important;
    }

    #c_portalResPublic_codeContainer-15580846105130858 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #w_common_text-1558663030867 {
        display: block;
    }

    .c_portalResPublic_codeContainer-01001 {
        min-height: 500px;
        width: 98%;
    }

    #c_portalResPublic_codeContainer-15585815429745884 {
        display: none;
    }

    .pro_text h1 {
        font-size: 24px !important;
    }

    .pro_sort_body .pro_text {
        top: 15% !important;
    }
}

@media only screen and (min-width: 769px) {
    #w_common_text-1558663030867 {
        display:none;
    }

    .c_portalResPublic_codeContainer-01001 {
        min-height: 500px;
        width: 100%;
    }

    .pro_sort_body {
        width: 48%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .pro_sort_body .pro_text {
        top: 20% !important;
    }
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
}

.pro_title {
    width: 100%;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 20px
}

.pro_title h1 {
    font-size: 50px;
    font-family: Roboto-Black;
    line-height: 0.8em
}

.pro_title span {
    display: block;
    font-size: 24px;
}

.pro_sort_body {
    float: left;
    margin: 1%;
    position: relative;
    overflow: hidden;
}

.pro_sort_body .pro_img {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.pro_sort_body .pro_text {
    position: absolute;
    z-index: 1;
    left: 50% !important;
    transform: translatex(-50%);
    text-align: center;
    text-transform: uppercase;
    top: 40%;
    color: #fff;
}

.pro_text h1 {
    font-size: 30px;
    font-family: Roboto-Black;
}

.pro_text span {
    display: block;
    font-size: 24px;
    line-height: 2em
}

.pro_text a {
    display: block;
    font-size: 14px;
    width: 150px;
    height: 40px;
    border: #ce9d5f 1px solid;
    line-height: 40px;
    color: #ce9d5f;
    margin: 0 auto
}

.pro_text a:hover {
    background: #ce9d5f;
    color: #fff;
}

.pro_sort_body:hover img {
    transform: scale(1.1);
}

.pro_sort_body img {
    transition: all 1s;
}

.sy_about {
    color: #fff;
    padding-bottom: 50px;
}

.sy_body_title {
    font-size: 55px;
    font-family: Roboto-Black;
    padding-bottom: 20px
}

.sy_body_title span {
    display: block;
}

.sy_body_title p {
    font-size: 18px;
    line-height: 2em;
}

.sy_body_body {
    font-size: 16px;
    line-height: 2em;
}

.sy_made_text {
    width: 50%;
    float: left;
}

.sy_made_img {
    width: 50%;
    float: left;
}

.sy_qw_text {
    text-align: right;
    padding-right: 20px;
}

.sy_made_text h1 {
    padding-top: 10%;
    font-size: 30px;
    font-family: Roboto-Black;
    text-transform: uppercase
}

.sy_made_text span {
    display: block;
    font-size: 24px;
    line-height: 2em;
    font-weight: normal;
}

.sy_made_text p {
    font-size: 16px;
    line-height: 2em;
    color: #666;
    max-width: 450px;
}

.sy_qw_text p {
    margin-right: 0px;
    margin-left: auto;
}

.sy_made_text a {
    display: block;
    font-size: 14px;
    width: 150px;
    height: 40px;
    border: #ce9d5f 1px solid;
    line-height: 40px;
    color: #ce9d5f;
    margin-right: 0px;
    margin-left: auto;
    text-align: center;
    margin-top: 20px
}

.sy_made_text a:hover {
    background: #ce9d5f;
    color: #fff;
}

.sy_gc_text a {
    margin-right: auto;
    margin-left: 0px;
}

.sy_gc_text {
    padding-left: 20px;
}

.sy_made_img a {
    font-size: 0px;
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .sy_qw_text {
        padding-right:20px;
    }

    .sy_made_text h1 {
        font-size: 24px;
    }

    .sy_made_text span {
        font-size: 16px;
    }

    .sy_made_text p {
        font-size: 14px;
        max-width: 350px;
    }

    .sy_made_text a {
        height: 30px;
        line-height: 30px;
        margin-top: 10px
    }
}

@media only screen and (max-width: 768px) {
    .sy_made_text {
        width:100%;
    }

    .sy_made_img {
        width: 100%;
    }

    .sy_qw_text {
        text-align: right;
        padding: 30px;
    }

    .sy_gc_text {
        padding: 30px;
    }

    .sy_made_text h1 {
        padding-top: 0;
    }
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
}

.foot_top .foot_li {
    float: left;
    min-height: 250px;
    padding-left: 20px;
    padding-right: 5%;
    padding-bottom: 40px;
}

.foot_top ul li {
    font-size: 14px;
    line-height: 2.4em;
    color: #666
}

.foot_top h1 {
    padding-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #222;
}

.foot_bottom {
    width: 100%;
    clear: both;
    border-top: #dbdbdb 1px solid;
    line-height: 2em;
    font-size: 14px;
    padding: 20px 20px
}

.foot_li07 p {
    text-align: center;
    font-size: 14px;
    color: #666;
}

.foot_sy a {
    color: #666;
}

.foot_sy a:hover {
    color: #ce9d5f;
}

@media only screen and (max-width: 1439px) and (min-width: 1024px) {
    .foot_top .foot_li {
        padding-right:3%;
    }
}

.ny_product {
    width: 100%;
}

.ny_product_body {
    height: 525px;
}

.ny_product_text {
    width: 50%;
    float: left;
    padding-top: 80px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    text-align: center;
}

.ny_product_text h1 {
    font-size: 60px;
    color: #666;
    font-family: Roboto-Black;
    font-weight: bold;
    padding-bottom: 20px
}

.ny_product_text p {
    padding-bottom: 20px;
    padding-top: 10px;
    line-height: 2em;
    padding-left: 15%;
    padding-right: 15%;
}

.ny_product_m {
    display: block;
    font-size: 14px;
    width: 150px;
    height: 40px;
    border: #ce9d5f 1px solid;
    line-height: 40px;
    color: #ce9d5f;
    margin-right: 0px;
    margin-left: auto;
    text-align: center;
    left: 50% !important;
    transform: translatex(-50%);
    position: absolute;
}

.ny_product_m:hover {
    background: #ce9d5f;
    color: #fff;
}

.ny_product_img {
    width: 50%;
    float: left;
    overflow: hidden;
    height: 525px;
}

.ny_product_img img {
    width: auto;
    transition: all .5s;
    height: 525px;
}

.ny_product_body:hover .ny_product_img img {
    transform: scale(1.1);
}

.ny_product01 .ny_product_text,.ny_product03 .ny_product_text {
    text-align: center;
    height: 500px;
    position: relative;
}

.ny_product01 .ny_product_m,.ny_product03 .ny_product_m {
    margin-right: 0px;
    margin-left: 0px;
}

.ny_product02 .ny_product_m,.ny_product04 .ny_product_m {
    margin-left: 0px;
    margin-right: auto;
}

@media only screen and (max-width: 768px) {
    .ny_product_text {
        width:100%;
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 30px
    }

    .ny_product_img {
        width: 100%;
        overflow: hidden;
        margin: 0 auto;
        position: absolute;
        top: 350px;
    }

    .ny_product_body {
        height: 700px;
        background: #f5f5f5;
        position: relative;
    }
}

.mapBox {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.mapBox .mapPath {
    display: none;
    margin-top: 50px;
    width: 1280px;
    overflow: hidden;
    border: solid 3px #ccc;
    padding: 5px;
    text-align: center;
    margin-left: -290px;
}

table td {
    border-bottom: solid 1px #dedede;
    border-right: solid 1px #dedede;
    padding: 8px 5px;
    line-height: 22px;
}

.jg_body {
    width: 100%;
}

.jg_list {
    width: 48%;
    float: left;
    margin: 0 1%;
}

.jg_list img {
    width: 100%;
    height: auto;
}

.jg_text a {
    display: block;
    width: 100%;
    line-height: 50px;
    background-color: #f5f5f5;
    font-size: 16px;
    text-align: center;
    margin-bottom: 50px;
}

.jg_list:hover .jg_text a {
    display: block;
    width: 100%;
    line-height: 50px;
    background-color: #ce9d5f;
    font-size: 16px;
    text-align: center;
    margin-bottom: 50px;
    color: #fff
}

.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?tenantId=202210&viewType=1&v=1723190408000) no-repeat center;
}

@media only screen and (max-width: 768px) {
    #c_portalResnav_main-15580763825692032 {
        margin-top: 0px !important;
    }

    #c_portalResnav_main-15584960461718585 {
        margin-top: 0px !important;
        background: #ce9d5f;
        padding: 20px !important;
    }

    #c_portalResnav_main-15580763825692032 {
        background: #ce9d5f;
        padding: 20px !important;
    }

    .c_portalResnav_main-01001 .p_problemCategory {
        display: block;
    }

    .c_portalResnav_main-01001 .p_navPc {
        display: none;
    }

    .c_portalResnav_main-01001 .p_linkBox {
        display: none;
    }

    .c_portalResnav_main-01001 .p_parent {
        display: block;
    }

    .c_portalResnav_main-01001 .p_categoryBtn:before {
    }

    .c_portalResnav_main-01001 .icon-arrow_up:before {
        content: "\e69a";
    }

    .c_portalResnav_main-01001 .icon-arrow_down:before {
        content: "\e69c";
    }

    .c_portalResnav_main-01001 .p_btn-show {
        color: #fff;
        background: #ce9d5f;
    }

    .c_portalResnav_main-01001 .p_btn-hide {
        width: 12%;
        height: 100%;
        float: left;
        background-color: #ce9d5f;
    }

    .c_portalResnav_main-01001 .p_category {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 100%;
    }

    .c_portalResnav_main-01001 .p_parent {
        width: auto;
        height: auto;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        display: -webkit-flex;
        display: -moz-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-box;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 0 0 5px;
    }

    .c_portalResnav_main-01001 .p_categoryBox {
        overflow-y: auto;
        width: 88%;
        height: 100%;
        float: left;
        background-color: rgb(239,239,245);
    }

    .c_portalResnav_main-01001 .p_categoryBox > .p_parentBox {
        background-color: #FFFFFE!important;
        padding-left: 0px;
    }

    .c_portalResnav_main-01001 .p_parentBox {
        width: auto;
        height: auto;
        color: #fff;
    }

    .c_portalResnav_main-01001 .p_parentBox {
        width: auto;
        height: auto;
        color: #fff;
        background-color: rgb(239,239,245);
        padding-left: 20px;
    }

    .c_portalResnav_main-01001 .p_childBox .p_parent {
        border-bottom: 1px solid #c0c0c0;
    }

    .c_portalResnav_main-01001 .p_c-fff {
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 10px;
        color: #fff;
        font-size: 24px;
    }

    .c_portalResnav_main-01001 .p_categoryBtn {
        display: block;
        margin: 12px 5px 10px 0;
        color: #000000;
        font-size: 12px;
    }

    .c_portalResnav_main-01001 .p_link {
        height: auto;
        vertical-align: middle;
        width: initial;
        margin: 15px 0px 15px 15px;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: block;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        display: -webkit-flex;
        display: -moz-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-box;
        color: #000;
        font-size: 16px
    }

    .c_portalResnav_main-01001 {
        width: 640px;
    }
}

@media only screen and (min-width: 769px) {
    .c_portalResnav_main-01001 .p_problemCategory {
        display: none;
    }

    .c_portalResnav_main-01001 .p_parent {
        display: none;
    }

    .c_portalResnav_main-01001 .p_navPc {
        display: block;
    }

    .c_portalResnav_main-01001 .p_linkBox {
        display: block;
    }

    .c_portalResnav_main-01001 {
        width: auto;
        height: auto;
        overflow: visible;
    }

    .c_portalResnav_main-01001 .p_category {
        height: 100%;
        width: 100%;
        position: relative;
        z-index: 111111111111
    }

    .clearfix:before, .clearfix:after {
        content: "";
        display: block;
        clear: both;
        width: 0;
        height: 0;
        visibility: hidden;
        font-size: 0;
    }

    .c_portalResnav_main-01001 .p_categoryBox {
        line-height: 24px;
        width: 100%;
        float: left;
    }

    .c_portalResnav_main-01001 .p_categoryBox .p_linkBox {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
    }

    .c_portalResnav_main-01001 .p_categoryBox > .p_parentBox {
        border-top: 0px solid #fff;
    }

    .c_portalResnav_main-01001 .p_categoryBox > .p_parentBox:hover {
        border-bottom: 2px solid #b72024;
    }

    .c_portalResnav_main-01001 .p_categoryBox .p_title {
        height: auto;
        width: auto;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: block;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        font-size: 16px;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #ffffff;
    }

    .c_portalResnav_main-01001 .p_categoryBox .slideOut .p_title {
        font-size: 14px;
    }

    .c_portalResnav_main-01001 .p_categoryBox .p_title:hover {
        color: #ffffff;
    }

    .c_portalResnav_main-01001 .p_categoryBtn {
        display: inline-block;
        vertical-align: middle;
        background-color: rgba(255,255,255,0);
        border-color: rgba(255,255,255,0);
        border-style: solid;
        border-width: 0;
        color: #e29029;
        height: auto;
        width: 14px;
        margin: 0 4px 0 0;
        padding: 0;
        position: static;
        text-align: center;
        color: rgba(217,217,217,1);
        display: none;
    }

    .c_portalResnav_main-01001 .p_categoryBtn:hover {
        border-width: 0;
        border-style: solid;
        color: #e29029;
        border-color: rgba(255,255,255,0);
        background-color: rgba(255,255,255,0);
        box-shadow: none;
    }

    .c_portalResnav_main-01001 .p_categoryBtn:active {
        border-width: 0;
        border-style: solid;
        color: #e29029;
        border-color: rgba(255,255,255,0);
        background-color: rgba(255,255,255,0);
        box-shadow: none;
    }

    .c_portalResnav_main-01001 .p_linkBox .iconfont:before {
        content: '';
    }

    .c_portalResnav_main-01001 .p_childBox .p_linkBox .icon-duduyinleappicon1401:before {
        content: '\e65f';
        color: #e29029;
        font-size: 10px
    }

    .c_portalResnav_main-01001 .p_categoryBox .p_childBox {
        border: 1px solid rgba(240,240,240,1);
        z-index: 9;
        background: #fff !important;
    }

    .c_portalResnav_main-01001 .p_categoryBox .p_parentBox {
        position: relative;
        width: 14.25%;
        height: 90px;
        float: left;
        text-align: center;
    }

    .c_portalResnav_main-01001 .p_childBox .p_parentBox {
        position: relative;
        width: 100%;
        height: 50px;
        float: left;
        text-align: center;
    }

    .c_portalResnav_main-01001 .p_parentBox:last-child .p_linkBox {
        border-bottom: 0 none;
    }

    .c_portalResnav_main-01001 .p_categoryBox>.p_parentBox>.p_childBox {
        margin-top: 90px;
        left: 0px;
    }

    .c_portalResnav_main-01001 .p_categoryBox .slideOut {
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%;
        height: auto;
        background: #fff;
    }

    .c_portalResnav_main-01001 .p_category > .js_categoryBox > .p_parentBox > .p_childBox {
        display: none;
    }

    .c_portalResnav_main-01001 .p_category > .js_categoryBox > .p_parentBox > .p_childBox.slideOut {
        display: block;
    }
}

#w_grid-1548322045199 {
    border-bottom: #5b5751 1px solid;
}

#w_grid-1558496000961 {
    border-bottom: #5b5751 1px solid;
}

.c_portalResnav_main-01001 .p_categoryBox .p_childBox .p_title {
    color: #444
}

.c_portalResnav_main-01001 .p_categoryBox .p_childBox .p_title:hover {
    color: #e29029
}

.w_grid-001 {
    margin-left: auto;
    margin-right: auto;
    max-width: 1180px;
    min-height: 12rem;
    width: 100%;
}

.w_grid-001 > .w_grid {
    width: 100%;
    position: relative;
}

.w_grid-001 > div > .p_gridbox {
    width: 100%;
    overflow: hidden;
    position: static;
}

.w_grid-001 > div > .p_gridbox > .p_gridCell {
    float: left;
    position: static;
}

.w_grid-001 > div > .p_gridbox > .p_gridCell:not(:empty):before {
    content: '';
    height: 0.1px;
    display: block;
}

.w_grid-001 > div > .p_gridbox > .p_gridCell:first-child {
    margin-left: 0;
    clear: left;
}

#w_grid-001 > div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
    margin-left: 0;
    clear: left;
}

@media only screen and (max-width: 768px) {
    .w_grid-001 > 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-001 > div > .p_gridbox > .p_gridCell {
        width: 49.5%;
        margin-left: 1%;
        margin-top: 0.6rem;
        margin-bottom: 0.6rem;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

.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;
    }

    #content_box-1558074493383-0 {
        width: 160px;
        float: left;
    }

    #content_box-1558074493383-1 {
        width: 100px;
        float: right;
        position: relative;
        z-index: 1;
        height: 1080px;
    }

    #content_box-1558074493383-2 {
        width: 45px;
        height: 45px;
        right: 125px;
        position: fixed;
    }

    #w_grid-1548322045199 {
        height: 80px !important;
    }

    #w_grid-1548322045199 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
        height: 80px;
    }

    #c_portalResPublic_codeContainer-15580761128141391 {
        margin-left: 15px !important;
        margin-top: 20px !important;
    }

    #content_box-1558074493383-1 .p_category {
        width: 100%;
        height: 1080px;
        position: fixed;
        top: 0;
        left: 100%;
    }

    #content_box-1558496004543-1 .p_category {
        width: 100%;
        position: fixed;
        top: 0;
        left: 100%;
    }

    #w_grid-1558074493383 .p_gridbox {
        overflow: visible !important;
    }

    #content_box-1558496004543-0 {
        width: 160px;
        float: left;
    }

    #content_box-1558496004543-1 {
        width: 100px;
        float: right;
        position: relative;
        z-index: 1;
    }

    #content_box-1558496004543-2 {
        width: 45px;
        height: 45px;
        right: 125px;
        position: fixed;
    }

    #w_grid-1558496000961 {
        height: 84px !important;
    }
}

@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_grid-1558004597776 {
    background-image: url(../images/yd_bj001.jpg?tenantId=202210&viewType=1&v=1723190408000);
    background-image-part-image: url(../images/yd_bj001.jpg?tenantId=202210&viewType=1&v=1723190408000);
    animation-duration: 8.5s;
}

.yd_body {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 50px;
    position: relative;
}

.yd_logo {
    padding-top: 30px
}

.yd_bj {
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.3);
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
}

.yd_text {
    margin-top: 40%;
}

.yd_text h1 {
    font-size: 16px;
    line-height: 2em;
}

.yd_text :before {
    position: absolute;
    width: 1px;
    display: block;
    content: "";
    height: 120px;
    background: #999;
    left: 50%;
    bottom: 46%;
    animation-name: scrollTip;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.82, 0.24, 0.25, 1);
}

@keyframes scrollTip {
    0% {
        transform: scale(1, 0);
        transform-origin: top;
    }

    49% {
        transform: scale(1, 1);
        transform-origin: top;
    }

    51% {
        transform: scale(1, 1);
        transform-origin: bottom;
    }

    100% {
        transform: scale(1, 0);
        transform-origin: bottom;
    }
}

.yd_more a {
    display: block;
    width: 110px;
    height: 110px;
    background: url(../images/yd_tb01.png?tenantId=202210&viewType=1&v=1723190408000);
    margin: 0 auto;
    margin-top: 30px;
    font-size: 0px;
    position: relative;
    animation: 1s linear infinite CDturn;
    animation-direction: alternate;
    opacity: 1
}

.yd_more span {
    display: block;
    width: 15px;
    height: 13px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    bottom: 53px;
    left: 50%;
    transform: translatex(-50%);
    transition: all .5s;
}

.yd_more a:hover span {
    bottom: 42px;
}

.yd_more a:hover {
    background: url(../images/yd_tb02.png?tenantId=202210&viewType=1&v=1723190408000);
    animation: none;
}

@keyframes CDturn {
    from {
        opacity: 1
    }

    to {
        opacity: .3
    }
}

#w_grid-1548322045199 {
    background-color: rgba(0, 0, 0, 0);
}

#w_grid-1548322045199.fixed {
    background-color: rgba(255, 255,255, 1);
    border-bottom: #ddd 1px solid;
}

#w_grid-1548322045199.fixed .p_categoryBox .p_title {
    color: #222;
}

#w_grid-1548322045199.fixed .p_categoryBox .p_title:hover {
    color: #da7a01;
}

#w_grid-1558496000961 {
    background-color: rgba(0, 0, 0, 0);
}

#w_grid-1558496000961.fixed {
    background-color: rgba(255, 255,255, 1);
    border-bottom: #ddd 1px solid;
}

#w_grid-1558496000961.fixed .p_categoryBox .p_title {
    color: #222;
}

#w_grid-1558496000961.fixed .p_categoryBox .p_title:hover {
    color: #da7a01;
}

.language a {
    display: block;
    width: 45px;
    height: 45px;
    border: #ce9d5f 1px solid;
    line-height: 45px;
    text-align: center;
    color: #ce9d5f;
}

.language a:hover {
    background: #ce9d5f;
    color: #fff;
}

.logo_01 {
    display: block;
}

.logo_02 {
    display: none;
}

.fixed .logo_01 {
    display: none;
}

.fixed .logo_02 {
    display: block;
}

#w_grid-1558345851912 {
    background-image: url(../images/about_bj.jpg?tenantId=202210&viewType=1&v=1723190408000);
    background-image-part-image: url(../images/about_bj.jpg?tenantId=202210&viewType=1&v=1723190408000);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

#w_common_text-1558604518073 p {
    border-bottom: #f0f0f0 1px solid;
    padding-bottom: 5px;
}

#w_common_text-1558605812103 p {
    border-bottom: #f0f0f0 1px solid;
    padding-bottom: 5px;
}

#c_portalResIntro_category-1558604271954 .p_parentBox:nth-child(3) {
    background: #ce9d5f;
}

#c_portalResIntro_category-1558604271954 .p_categoryBox .p_parentBox:nth-child(3) .p_title {
    color: #fff !important;
}

#c_portalResIntro_category-1558605812128 .p_parentBox:nth-child(4) {
    background: #ce9d5f;
}

#c_portalResIntro_category-1558605812128 .p_categoryBox .p_parentBox:nth-child(4) .p_title {
    color: #fff !important;
}

.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;
}

.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: 10px 20px;
    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: normal;
}

.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;
    font-size: 18px;
    color: #222;
}

.c_portalResNews_list-01001 .p_title:hover {
    color: #ce9d5f;
}

.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;
    display: none
}

.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;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.c_portalResNews_list-01001 .p_ToDetail {
    float: left;
    position: relative;
    border-color: #cf8b32 !important;
    margin-top: 15px;
    display: none;
}

.c_portalResNews_list-01001 .p_summary {
    white-space: normal;
    line-height: 1.5;
    font-size: 0.925rem;
}

.c_portalResNews_list-01001 .p_categorySummaryBox {
    overflow: hidden;
    padding: 10px;
    display: none;
}

@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) {
}

@CHARSET "UTF-8"; * {
    padding: 0;
    margin: 0;
}

.pagebox {
    width: 100%;
}

.pagebox,#-remove--flag {
    width: 100%;
    margin: 0px auto;
}

body,#-remove--flag {
}

@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) {
}

@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) {
}

#c_portalResPublic_websiteShare-15625499541164096 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResPublic_websiteShare-15625499541164096 .iShare img {
    display: none;
}

#c_portalResPublic_websiteShare-15625499541164096 .iShare a {
    width: 28px;
    height: 28px;
}

#c_portalResPublic_websiteShare-15625499541164096 .iShare a.iShare_moments {
    display: none;
}

#c_portalResPublic_websiteShare-15625499541164096 .iShare a.iShare_weibo {
    background: url(../images/ys_fx01.png?tenantId=202210&viewType=1&v=1723190408000);
}

#c_portalResPublic_websiteShare-15625499541164096 .iShare a.iShare_wechat {
    background: url(../images/ys_fx02.png?tenantId=202210&viewType=1&v=1723190408000);
}

#c_portalResPublic_websiteShare-15625499541164096 .iShare a.iShare_qq {
    background: url(../images/ys_fx03.png?tenantId=202210&viewType=1&v=1723190408000);
}

#c_portalResPublic_websiteShare-15625499541164096 .iShare a.iShare_qzone {
    background: url(../images/ys_fx04.png?tenantId=202210&viewType=1&v=1723190408000);
}

#c_portalResPublic_websiteShare-15625499541164096 .iShare a.iShare_copy {
    background: url(../images/ys_fx05.png?tenantId=202210&viewType=1&v=1723190408000);
}

#c_portalResPublic_websiteShare-15625499541164096 .iShare {
    width: 190px;
}

#c_portalResPublic_websiteShare-15625499541164096 {
    width: 100%;
    max-width: 190px;
    min-width: 190px;
    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;
}

@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) {
}

@keyframes top-bottom {
    0% {
        transform: translate(-50%,-50%);
    }

    25% {
        transform: translate(-50%,-52%);
    }

    50% {
        transform: translate(-50%,-50%);
    }

    75% {
        transform: translate(-50%,-48%);
    }

    100% {
        transform: translate(-50%,-50%);
    }
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-50%);
}
}

25% {
    transform: translate(-50%,-52%);
}

50% {
    transform: translate(-50%,-50%);
}

75% {
    transform: translate(-50%,-48%);
}

100% {
    transform: translate(-50%,-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) {
}

@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) {
}

@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) {
}

@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) {
}

@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) {
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@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) {
}

#c_portalResProduct_list-15940239662977005 .p_Product {
    width: calc((100% - 0px)/6);
}

#c_portalResProduct_list-15940239662977005 .p_CommonSummaryBoxA {
    text-align: center;
}

#c_portalResProduct_list-15940239662977005 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResProduct_list-15940239662977005 >div {
    animation-name: lv-fadeInUp;
    animation-duration: 1s;
    animation-delay: 0.8s;
    animation-fill-mode: both;
}

#c_portalResProduct_list-15940239662977005 .pro {
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0rem;
}

#c_portalResProduct_list-15940239662977005 .show-content {
    display: block!important;
    opacity: 1!important;
}

#c_portalResProduct_list-15940239662977005 .hide-content {
    width: 0px;
    padding: 0!important;
}

#c_portalResProduct_list-15940239662977005 .txtTop {
    overflow: hidden;
    font-size: 30px;
    color: #222;
    font-weight: bold;
    line-height: 1.5;
}

#c_portalResProduct_list-15940239662977005 .txtTop p {
    font-family: 'Oswald', sans-serif;
    font-size: 60px;
    color: #00a0e9;
}

#c_portalResProduct_list-15940239662977005 .txtTop::after {
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    background: #00a0e9;
    margin: 17px 0;
}

#c_portalResProduct_list-15940239662977005 .contentBox {
    margin: 0 0 10vh 0;
    overflow: hidden;
}

#c_portalResProduct_list-15940239662977005 .content-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
    opacity: 0;
    transition: all .5s ease;
}

#c_portalResProduct_list-15940239662977005 .content {
    width: 100%;
    height: 100%;
    padding: 0 40px 0 0;
}

#c_portalResProduct_list-15940239662977005 .proTitle {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 5px;
    font-weight: bold;
    color: #232323;
}

#c_portalResProduct_list-15940239662977005 .proMs {
    width: 100%;
    font-size: 0.875rem;
    overflow: hidden;
    height: 5rem;
    line-height: 1.8rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3px;
}

#c_portalResProduct_list-15940239662977005 .showImgBox {
    position: relative;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

#c_portalResProduct_list-15940239662977005 .show-slide {
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0;
    transition: all .5s ease;
}

#c_portalResProduct_list-15940239662977005 .proPic {
    width: 100%;
    height: 100%;
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
}

#c_portalResProduct_list-15940239662977005 .readMore:before {
    position: absolute;
    content: "";
    display: block;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    box-sizing: border-box;
    background: rgba(0,0,0,.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    top: 20px;
    left: 20px;
    z-index: 1;
}

#c_portalResProduct_list-15940239662977005 .readMore:after {
    position: absolute;
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    background: url(../images/zd_about_more02.png?tenantId=202210&viewType=1&v=1723190408000) no-repeat center center;
    color: #fff;
    left: calc((100% - 60px)/2);
    top: calc((100% - 60px)/2);
    z-index: 1;
}

#c_portalResProduct_list-15940239662977005 .contorlBox {
    position: relative;
}

#c_portalResProduct_list-15940239662977005 .contorlPic {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#c_portalResProduct_list-15940239662977005 .contor-slide {
    width: calc(100% / 5);
    height: 100%;
    float: left;
    opacity: 0.5;
    transition: all .5s ease;
}

#c_portalResProduct_list-15940239662977005 .contor-opacity {
    opacity: 1!important;
}

#c_portalResProduct_list-15940239662977005 .proPicControl {
    width: 100%;
    height: 100%;
}

#c_portalResProduct_list-15940239662977005 .contor-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#c_portalResProduct_list-15940239662977005 .btn-pre {
    cursor: pointer;
    left: 0px;
    background: #00a0e9;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
}

#c_portalResProduct_list-15940239662977005 .btn-next {
    cursor: pointer;
    right: 0px;
    background: #00a0e9;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
}

#c_portalResProduct_list-15940239662977005 .readMore {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}

@media only screen and (max-width: 768px) {
    #c_portalResProduct_list-15940239662977005 .contentBox {
        height:auto;
        margin-bottom: 10px;
    }

    #c_portalResProduct_list-15940239662977005 .contorlBox {
        margin: 1rem 0;
        height: auto;
        padding: 0 20px;
    }

    #c_portalResProduct_list-15940239662977005 .contor-slide {
        padding: 0 5px;
    }

    #c_portalResProduct_list-15940239662977005 .btn-pre {
        left: 0px;
    }

    #c_portalResProduct_list-15940239662977005 .btn-next {
        right: 0px;
    }

    #c_portalResProduct_list-15940239662977005 .show-slide {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 67%;
    }

    #c_portalResProduct_list-15940239662977005 .proPic {
        position: absolute;
        top: 0;
        left: 0;
    }

    #c_portalResProduct_list-15940239662977005 .txtTop p {
        font-size: 40px;
    }

    #c_portalResProduct_list-15940239662977005 .txtTop {
        font-size: 21px;
    }

    #c_portalResProduct_list-15940239662977005 .proTitle {
        font-size: 18px;
    }

    #c_portalResProduct_list-15940239662977005 .content {
        padding: 0;
    }

    #c_portalResProduct_list-15940239662977005 .proMs {
        line-height: 1.6rem;
    }
}

@media only screen and (min-width: 769px) {
    #c_portalResProduct_list-15940239662977005 .txtTop {
        width:50%;
    }

    #c_portalResProduct_list-15940239662977005 .contentBox {
        width: 50%;
    }

    #c_portalResProduct_list-15940239662977005 .showImgBox {
        position: absolute;
        width: 50%;
        max-width: 750px;
        height: 0px;
        padding-bottom: 31.3%;
        right: 0rem;
        top: auto;
        bottom: 0px;
        overflow: hidden;
    }

    #c_portalResProduct_list-15940239662977005 .showImg {
        position: absolute;
        top: 0px;
        left: auto;
        right: 0px;
        width: 100%;
        max-width: 750px;
        height: 0px;
        padding-bottom: 67%;
        transform: translate(0%,0%);
    }

    #c_portalResProduct_list-15940239662977005 .showImgBox:hover .proPic {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -moz-transform: scale(1.1);
    }

    #c_portalResProduct_list-15940239662977005 .show-slide {
        width: 100%;
        height: 100%;
    }

    #c_portalResProduct_list-15940239662977005 .contorlBox {
        position: relative;
        width: calc(50% - 40px);
        height: auto;
        padding: 0px 40px;
    }

    #c_portalResProduct_list-15940239662977005 .contor-slide {
        padding: 0 5px;
    }

    #c_portalResProduct_list-15940239662977005 .btn-pre {
        left: 0px;
    }

    #c_portalResProduct_list-15940239662977005 .btn-next {
        right: 0px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #c_portalResProduct_list-15940239662977005 .content {
        padding:20px;
    }

    #c_portalResProduct_list-15940239662977005 .contorlBox {
        padding: 0 55px;
    }

    #c_portalResProduct_list-15940239662977005 .contor-slide {
        padding: 0 5px;
    }

    #c_portalResProduct_list-15940239662977005 .btn-pre {
        left: 0px;
    }

    #c_portalResProduct_list-15940239662977005 .btn-next {
        right: 0px;
    }
}

#c_portalResProduct_list-15940239662977005 .p_page .pre .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15940239662977005 .p_page .next .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15940239662977005 .p_more .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15940239662977005 .p_loading .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

@media only screen and (max-width: 768px) {
    #c_portalResProduct_list-15940239662977005 .showImgBox {
        display:none;
    }
}

#c_portalResProduct_list-15940239662977005 {
    width: 100%;
    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_portalResnav_main-15622286198346388 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResnav_main-15622286198346388 .clear {
    clear: both;
}

#c_portalResnav_main-15622286198346388 ::placeholder {
    font-size: 36px;
    color: #515151;
}

#c_portalResnav_main-15622286198346388 .hvr-left:nth-child(9) {
    display: none;
}

#c_portalResnav_main-15622286198346388 .f-cb {
    zoom:1px; }

#c_portalResnav_main-15622286198346388 .f-cb:after {
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}

#c_portalResnav_main-15622286198346388 .fl {
    float: left;
    display: inline;
}

#c_portalResnav_main-15622286198346388 .fr {
    float: right;
    display: inline;
}

#c_portalResnav_main-15622286198346388 .head_lan {
    width: auto;
    height: 36px;
    background: #ffc100;
    margin-top: 27px;
    border-radius: 30px;
    margin-bottom: 27px;
}

#c_portalResnav_main-15622286198346388 .head_lan .lan {
    width: 100%;
    line-height: 32px;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

#c_portalResnav_main-15622286198346388 .head_lan .lan .iconfont {
    line-height: 36px;
    height: 36px;
    width: 30px;
    text-align: center;
    margin-left: 19px;
    display: inline-block;
}

#c_portalResnav_main-15622286198346388 .head_lan .lan .iconfont:before {
    content: '\e628';
    width: 19px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    color: #333;
    font-size: 20px;
    text-align: center;
}

#c_portalResnav_main-15622286198346388 .head_lan .lan a {
    display: block;
    width: auto;
    height: 36px;
    line-height: 36px;
    padding-left: 6px;
    color: #333;
    text-align: center;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    font-weight: bold;
    font-size: 18px;
}

#c_portalResnav_main-15622286198346388 .head_lan .lan a:hover {
    background: rgba(136,3,10,0);
}

#c_portalResnav_main-15622286198346388 .head_lan .lan:after {
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}

#c_portalResnav_main-15622286198346388 .head_lan .lan_tel {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
}

#c_portalResnav_main-15622286198346388 .head_lan .lan_tel a {
    color: #fff;
}

#c_portalResnav_main-15622286198346388 .head_lan .lan_tel .iconfont {
    line-height: 30px;
    height: 30px;
    width: 30px;
    text-align: center;
    margin-right: 10px;
    border-radius: 50%;
    border: 1px solid #fff;
    display: inline-block;
}

#c_portalResnav_main-15622286198346388 .head_lan .lan_tel .iconfont:before {
    content: '\e628';
    color: #fff;
    font-size: 18px;
    text-align: center;
}

#c_portalResnav_main-15622286198346388 .header1.active .lan_tel .iconfont {
    border: 1px solid #b72024;
}

#c_portalResnav_main-15622286198346388 .header1.active .lan_tel .iconfont:before {
    color: #b72024;
}

#c_portalResnav_main-15622286198346388 .header1.active .lan_tel a {
    color: #b72024;
}

#c_portalResnav_main-15622286198346388 .header1:hover .lan_tel .iconfont {
    border: 1px solid #b72024;
}

#c_portalResnav_main-15622286198346388 .header1:hover .lan_tel .iconfont:before {
    color: #b72024;
}

#c_portalResnav_main-15622286198346388 .header1:hover .lan_tel a {
    color: #b72024;
}

#c_portalResnav_main-15622286198346388 .scroll {
    overflow-y: unset !important;
    display: unset important;
}

#c_portalResnav_main-15622286198346388 .header1 {
    z-index: 9;
    height: 90px;
    position: fixed;
    background: #fff;
    border-bottom: 1px solid rgba(255,255,255,.1);
    top: 0px;
    width: 100%;
    padding: 0 30px;
    box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

#c_portalResnav_main-15622286198346388 .header1.active {
    background: #fff;
}

#c_portalResnav_main-15622286198346388 .header1.scroll {
    height: 70px;
}

#c_portalResnav_main-15622286198346388 .header1:hover {
    background: #fff;
}

#c_portalResnav_main-15622286198346388 .wel_top {
    z-index: 9;
    height: 40px;
    position: fixed;
    background: #b72024;
    top: 0px;
    width: 100%;
    padding: 0 30px;
    overflow: hidden;
}

#c_portalResnav_main-15622286198346388 .wel_top .top_tel {
    color: #fff;
    line-height: 40px;
    font-weight: bold;
    font-size: 16px;
}

#c_portalResnav_main-15622286198346388 .wel_top .top_tel .iconfont {
    line-height: 40px;
    height: 40px;
    width: 30px;
    display: inline-block;
}

#c_portalResnav_main-15622286198346388 .wel_top .top_tel .iconfont:before {
    content: '\e628';
    color: #fff;
    font-size: 20px;
}

#c_portalResnav_main-15622286198346388 .wel_top .top_link {
    color: #fff;
    line-height: 40px;
}

#c_portalResnav_main-15622286198346388 .wel_top .top_link a {
    color: #fff;
    display: inline-block;
}

#c_portalResnav_main-15622286198346388 .wel_top .clear {
    clear: both;
}

#c_portalResnav_main-15622286198346388 .header1 h1 {
    width: 406px;
    height: 90px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

#c_portalResnav_main-15622286198346388 .header1 h1 img {
    max-width: 70%;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    margin-top: 10px;
    -webkit-transition: all 0.5s 0s cubic-bezier(0.86, 0.5, 1, 1);
    transition: all 0.5s 0s cubic-bezier(0.86, 0.5, 1, 1);
}

#c_portalResnav_main-15622286198346388 .header1 h1 img.img1 {
    opacity: 1;
}

#c_portalResnav_main-15622286198346388 .header1:hover h1 img.img1 {
    opacity: 0;
}

#c_portalResnav_main-15622286198346388 .header1.active h1 img.img1 {
    opacity: 0;
}

#c_portalResnav_main-15622286198346388 .header1:hover h1 img.img2 {
    opacity: 1;
}

#c_portalResnav_main-15622286198346388 .header1.active h1 img.img2 {
    opacity: 1;
}

#c_portalResnav_main-15622286198346388 .header1.scroll h1 {
    height: 70px;
    width: 261px;
}

#c_portalResnav_main-15622286198346388 .header1 nav {
    float: left;
    height: 90px;
    line-height: 90px;
    width: 840px;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -285px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

#c_portalResnav_main-15622286198346388 .header1.scroll nav {
    height: 70px;
    line-height: 70px;
}

#c_portalResnav_main-15622286198346388 .header1 nav li {
    float: left;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    -webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
    transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
    margin: 0 20px;
}

#c_portalResnav_main-15622286198346388 .header1.scroll nav li {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-delay: 0s !important;
    transition-delay: 0;
}

#c_portalResnav_main-15622286198346388 .header1 nav li:nth-child(8) {
    margin-right: 0px;
}

#c_portalResnav_main-15622286198346388 .js-m.animate {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

#c_portalResnav_main-15622286198346388 .js-m.js-m-2 {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}

#c_portalResnav_main-15622286198346388 .js-m.js-m-2.animate {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

#c_portalResnav_main-15622286198346388 .hvr-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: #00a0e9;
    left: 0%;
    right: 0px;
    width: 0%;
    bottom: 0px;
    height: 3px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#c_portalResnav_main-15622286198346388 .hvr-left:hover:before {
    width: 100%;
}

#c_portalResnav_main-15622286198346388 .hvr-left.cur:before {
    width: 100%;
}

#c_portalResnav_main-15622286198346388 .hvr-left {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
}

#c_portalResnav_main-15622286198346388 .header1 nav li > a {
    color: #333;
    display: block;
    position: relative;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

#c_portalResnav_main-15622286198346388 .header1:hover nav li > a {
    color: #333;
}

#c_portalResnav_main-15622286198346388 .header1.active nav li > a {
    color: #333;
}

#c_portalResnav_main-15622286198346388 .header1 .nav-sub {
    width: 180px;
    background: #fff;
    position: absolute;
    top: 90px;
    left: 0px;
    height: auto;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform .3s .2s;
    transition: transform .3s .2s;
}

#c_portalResnav_main-15622286198346388 .header1 .nav-sub.active {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
}

#c_portalResnav_main-15622286198346388 .header1 .nav-sub.active .n-nav-sub {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all .2s .3s;
    transition: all .2s .3s;
}

#c_portalResnav_main-15622286198346388 .header1.scroll .nav-sub {
    top: 70px;
}

#c_portalResnav_main-15622286198346388 .header1 .nav-sub .n-nav-sub {
    opacity: 0;
    -webkit-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    transform: translate(0, -20px);
    -webkit-transition: all .2s;
    transition: all .2s;
}

#c_portalResnav_main-15622286198346388 .header1 .nav-sub a {
    height: 45px;
    line-height: 45px;
    display: block;
    padding: 0 20px;
    text-align: left;
    color: #333;
    font-size: 14px;
    position: relative;
    -webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
    transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
}

#c_portalResnav_main-15622286198346388 .header1 .nav-sub a:hover {
    background-color: #00a0e9;
    color: #333;
}

#c_portalResnav_main-15622286198346388 .header1 .nav-sub .nav-arrow {
    position: absolute;
    top: 15px;
    right: 10px;
    width: 16px;
    height: 16px;
    opacity: 0;
    -webkit-transform: rotate(0deg) translate(-20px, 0px);
    -ms-transform: rotate(0deg) translate(-20px, 0px);
    transform: rotate(0deg) translate(-20px, 0px);
}

#c_portalResnav_main-15622286198346388 .header1 .nav-sub a:hover .nav-arrow {
    -webkit-transition: -webkit-transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms;
    transition: transform 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 300ms;
    opacity: 1;
    -webkit-transform: rotate(0deg) translate(0px, 0px);
    -ms-transform: rotate(0deg) translate(0px, 0px);
    transform: rotate(0deg) translate(0px, 0px);
}

#c_portalResnav_main-15622286198346388 .icon-up:before {
    content: '\e6a7';
}

#c_portalResnav_main-15622286198346388 .header1 .nav-sub .nav-arrow:before {
    font-size: 16px;
    color: #333;
}

#c_portalResnav_main-15622286198346388 .header1 .header-right {
    width: 190px;
    position: absolute;
    right: 20px;
    top: 0px;
    z-index: 10;
}

#c_portalResnav_main-15622286198346388 .header1 .header-right .search-btn {
    width: 60px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    cursor: pointer;
    display: inherit;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

#c_portalResnav_main-15622286198346388 .header1.scroll .header-right .search-btn {
    height: 70px;
    line-height: 70px;
}

#c_portalResnav_main-15622286198346388 .icon-search1:before {
    content: '\e661';
}

#c_portalResnav_main-15622286198346388 .header1 .header-right .search-btn:before {
    font-size: 25px;
    color: #fff;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

#c_portalResnav_main-15622286198346388 .header1:hover .header-right .search-btn:before {
    color: #000;
}

#c_portalResnav_main-15622286198346388 .header1.active .header-right .search-btn:before {
    color: #000;
}

#c_portalResnav_main-15622286198346388 .header1:hover .header-right .search-btn:hover:before {
    color: #b72024;
}

#c_portalResnav_main-15622286198346388 .header1.active .header-right .search-btn:hover:before {
    color: #b72024;
}

#c_portalResnav_main-15622286198346388 .header2 {
    height: 60px;
    position: fixed;
    background: #fff;
    z-index: 22;
    top: 0px;
    width: 100%;
    display: none;
}

#c_portalResnav_main-15622286198346388 .header2 .main-wrap {
    height: 60px;
    padding: 0 3%;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

#c_portalResnav_main-15622286198346388 .header2 .logo {
    width: 200px;
    height: 60px;
    margin-top: 9px;
    overflow: hidden;
}

#c_portalResnav_main-15622286198346388 .header2 .logo a {
    display: block;
}

#c_portalResnav_main-15622286198346388 .header2 .logo img {
    width: 100%;
    vertical-align: top;
}

#c_portalResnav_main-15622286198346388 .header2 .nav-btn {
    width: 25px;
    height: 16px;
    position: relative;
    cursor: pointer;
    margin-top: 22px;
}

#c_portalResnav_main-15622286198346388 .header2 .nav-btn.active {
    -webkit-animation: rotate 0.5s linear 0s;
    animation: rotate 0.5s linear 0s;
}

#c_portalResnav_main-15622286198346388 .header2 .nav-btn .line {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #333;
    position: absolute;
    left: 50%;
    margin-left: -15px;
}

#c_portalResnav_main-15622286198346388 .header2 .nav-btn .line1 {
    -webkit-transform-origin: 4px 0;
    -ms-transform-origin: 4px 0;
    transform-origin: 4px 0;
}

#c_portalResnav_main-15622286198346388 .header2 .nav-btn.active .line1 {
    top: 0px;
}

#c_portalResnav_main-15622286198346388 .header2 .nav-btn.hover .line {
    background: #333;
}

#c_portalResnav_main-15622286198346388 .header2 .nav-btn .line2 {
    top: 7px;
}

#c_portalResnav_main-15622286198346388 .header2 .nav-btn .line3 {
    bottom: 0px;
    -webkit-transform-origin: 1px center;
    -ms-transform-origin: 1px center;
    transform-origin: 1px center;
}

#c_portalResnav_main-15622286198346388 .header2 .caid {
    height: 55px;
    line-height: 55px;
    padding-right: 10px;
    position: relative;
}

#c_portalResnav_main-15622286198346388 .header2 .sub-menu {
    width: 100%;
    padding: 0 3%;
    display: none;
    position: absolute;
    left: 0px;
    top: 70px;
    z-index: 2;
    overflow-y: auto;
}

#c_portalResnav_main-15622286198346388 .header2 .sub-menu ul {
    width: 100%;
    overflow-y: auto;
    height: calc(100vh - 55px - 1.5rem);
}

#c_portalResnav_main-15622286198346388 .js-m-3 {
    opacity: 0;
    -webkit-transform: translate(30px, 0);
    -ms-transform: translate(30px, 0);
    transform: translate(30px, 0);
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}

#c_portalResnav_main-15622286198346388 .js-m-3.animate {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

#c_portalResnav_main-15622286198346388 .header2 .sub-menu li {
    border-bottom: 1px solid #555;
    font-size: 16px;
    padding: 0 20px;
}

#c_portalResnav_main-15622286198346388 .header2 .sub-menu .tit {
    display: inline-block;
    text-decoration: none;
    width: 80%;
    line-height: 60px;
    color: #fff;
    position: relative;
    box-sizing: border-box;
}

#c_portalResnav_main-15622286198346388 .header2 .sub-menu .sub-tit.on {
    background-color: #e9e9e9;
}

#c_portalResnav_main-15622286198346388 .header2 .sub-menu .sec-list {
    line-height: 40px;
    padding: 10px 0%;
    display: none;
}

#c_portalResnav_main-15622286198346388 .header2 .sub-menu .jt {
    position: relative;
    display: inline-block;
    width: 10%;
    height: 60px;
    text-align: center;
    background: none;
    float: right;
}

#c_portalResnav_main-15622286198346388 .header2 .sub-menu .jt:after {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: url(//dfs.yun300.cn/group1/M00/04/55/rBQBHVzEZzKEUBJMAAAAAMfREL8486.png?tenantId=202210&viewType=1&v=1723190408000) no-repeat center;
    background-size: 17px auto;
    position: absolute;
    right: 3%;
    top: 15px;
}

#c_portalResnav_main-15622286198346388 .header2 .sub-menu .jt.jtRote:after {
    background: url(//dfs.yun300.cn/group1/M00/16/5A/rBQBG1zEZ1eEBkkYAAAAADz6RB0116.png?tenantId=202210&viewType=1&v=1723190408000) no-repeat center;
    background-size: 20px auto;
}

#c_portalResnav_main-15622286198346388 .header2 .sub-menu .sec-list p {
    background: url(//dfs.yun300.cn/group1/M00/04/56/rBQBHVzEdJGEfkUaAAAAAGBOHjA006.png?tenantId=202210&viewType=1&v=1723190408000) no-repeat left center;
    background-size: 3px auto;
    font-size: 14px;
}

#c_portalResnav_main-15622286198346388 .header2 .sub-menu .sec-list a {
    padding-left: 5%;
    color: #666;
    display: block;
}

#c_portalResnav_main-15622286198346388 .header2 .sub-menu .sec-list a:active {
    color: #b72024;
}

#c_portalResnav_main-15622286198346388 .search-bg {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 20;
    background-color: rgba(55,55,55,.95);
    display: none;
}

#c_portalResnav_main-15622286198346388 .search-alert {
    position: fixed;
    z-index: 100;
    background-color: #222;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform .3s .5s;
    transition: transform .3s .5s;
}

#c_portalResnav_main-15622286198346388 .search-alert .close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 38px;
    right: 2.6%;
    cursor: pointer;
    text-shadow: none;
    opacity: 1;
    float: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#c_portalResnav_main-15622286198346388 .search-alert .close:before {
    font-size: 30px;
    top: 0px;
    left: 0px;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#c_portalResnav_main-15622286198346388 .search-alert .close:hover:before {
    color: #b72024;
}

#c_portalResnav_main-15622286198346388 .icon-close:before {
    content: "\e6d3";
}

#c_portalResnav_main-15622286198346388 .search-alert .cent-form {
    position: absolute;
    width: 94.8%;
    left: 2.6%;
    top: 50%;
    height: 80px;
    margin-top: -63px;
    border-bottom: 1px solid #515151;
    opacity: 0;
    -webkit-transform: translate(0, 40px);
    -ms-transform: translate(0, 40px);
    transform: translate(0, 40px);
    -webkit-transition: all .5s;
    transition: all .5s;
}

#c_portalResnav_main-15622286198346388 .search-alert .cent-form:before {
    color: #fff;
    font-size: 30px;
    position: absolute;
    left: 0px;
    height: 50px;
    top: 50%;
    margin-top: -25px;
}

#c_portalResnav_main-15622286198346388 .search-alert .cent-form .tex {
    border: none;
    font-size: 36px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    width: 100%;
    color: #fff;
    background: none;
    padding-left: 10%;
    padding-right: 20%;
}

#c_portalResnav_main-15622286198346388 .search-alert .cent-form .sub-butn {
    border: none;
    height: 46px;
    font-size: 24px;
    line-height: 46px;
    color: #555;
    text-align: center;
    background: none;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 105px;
}

#c_portalResnav_main-15622286198346388 .search-alert.active {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
}

#c_portalResnav_main-15622286198346388 .search-alert.active .cent-form {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all .5s .3s;
    transition: all .5s .3s;
}

#c_portalResnav_main-15622286198346388 .header2 .mo_tel {
    font-size: 16px;
    color: #b72024;
    font-weight: bold;
    line-height: 60px;
}

#c_portalResnav_main-15622286198346388 .header2 .mo_tel .iconfont {
    line-height: 40px;
    height: 40px;
    width: 30px;
    display: inline-block;
}

#c_portalResnav_main-15622286198346388 .header2 .mo_tel .iconfont:before {
    content: '\e628';
    color: #b72024;
    font-size: 20px;
}

#c_portalResnav_main-15622286198346388 .header2 .mo_lan {
    line-height: 60px;
}

@media only screen and (min-width: 769px) {
    #c_portalResnav_main-15622286198346388 .pc_nav {
        height:90px;
    }
}

@media only screen and (max-width: 768px) {
    #c_portalResnav_main-15622286198346388 .pc_nav {
        height:60px;
    }

    #c_portalResnav_main-15622286198346388 .search-alert .close {
        right: 5%;
    }

    #c_portalResnav_main-15622286198346388 .search-alert .cent-form {
        height: 60px;
    }

    #c_portalResnav_main-15622286198346388 ::placeholder {
        font-size: 22px;
    }

    #c_portalResnav_main-15622286198346388 .search-alert .cent-form .tex {
        font-size: 22px;
        padding-right: 30%;
    }

    #c_portalResnav_main-15622286198346388 .search-alert .cent-form .sub-butn {
        font-size: 22px;
    }

    #c_portalResnav_main-15622286198346388 .search-alert .cent-form:before {
        font-size: 24px;
        height: 46px;
        margin-top: -17px;
    }
}

@media only screen and (max-width: 1480px) {
    #c_portalResnav_main-15622286198346388 .header1 nav {
        margin-left: -160px;
    }

    #c_portalResnav_main-15622286198346388 .header1 nav li {
        margin: 0 0 0 20px;
    }
}

@media only screen and (max-width: 1200px) {
    #c_portalResnav_main-15622286198346388 .pc_nav {
        height:60px;
    }

    #c_portalResnav_main-15622286198346388 .wel_top {
        display: none !important;
    }

    #c_portalResnav_main-15622286198346388 .header1 {
        display: none !important;
    }

    #c_portalResnav_main-15622286198346388 .header1.active {
        display: none !important;
    }

    #c_portalResnav_main-15622286198346388 .header2 {
        display: block;
    }
}

@media only screen and (max-width: 1360px) {
    #c_portalResnav_main-15622286198346388 .header1 nav li {
        margin: 0 0 0 20px;
    }

    #c_portalResnav_main-15622286198346388 .header1 nav {
        width: 730px;
        margin-left: -210px;
    }

    #c_portalResnav_main-15622286198346388 .header1 h1 img {
        width: 90%;
    }
}

#c_portalResnav_main-15622286198346388 {
    width: 100%;
    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;
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

#c_portalResNews_list-15625471793975119 .p_articles {
    width: calc((100% - 0px)/3);
}

#c_portalResNews_list-15625471793975119 .p_CommonSummaryBoxA {
    text-align: center;
}

#c_portalResNews_list-15625471793975119 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResNews_list-15625471793975119 >div {
    animation-name: lv-fadeInUp;
    animation-duration: 1s;
    animation-delay: 1.1s;
    animation-fill-mode: both;
}

#c_portalResNews_list-15625471793975119 .newContent {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#c_portalResNews_list-15625471793975119 .newHeader {
    padding: 2rem 0 1rem;
}

#c_portalResNews_list-15625471793975119 .newBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0rem;
}

#c_portalResNews_list-15625471793975119 .newsWidth {
    position: relative;
    float: left;
    height: 340px;
    padding: 1rem;
}

#c_portalResNews_list-15625471793975119 .newsMargin {
    position: relative;
    margin-top: 20px;
    width: 100%;
    height: calc((100% - 20px)/1);
    border-radius: 5px;
    background: #f4f4f4;
    transition: all .5s ease;
}

#c_portalResNews_list-15625471793975119 .newsinfo {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

#c_portalResNews_list-15625471793975119 .newsdate {
    position: absolute;
    top: -14px;
    border-radius: 5px;
    width: 100px;
    margin: 0 0 40px;
    padding: 40px 10px 20px;
    transition: all .5s ease;
}

#c_portalResNews_list-15625471793975119 #newslist1 .newsdate {
    background-color: #f08400;
}

#c_portalResNews_list-15625471793975119 #newslist2 .newsdate {
    background-color: #016eb7;
}

#c_portalResNews_list-15625471793975119 #newslist3 .newsdate {
    background-color: #ffd000;
}

#c_portalResNews_list-15625471793975119 .md {
    color: #FFF;
    font-size: 30px;
    line-height: 30px;
    text-align: right;
    width: 100%;
    white-space: nowrap;
}

#c_portalResNews_list-15625471793975119 .year {
    color: #fff;
    font-size: 16px;
    text-align: right;
    transition: all .5s ease;
}

#c_portalResNews_list-15625471793975119 .title {
    height: 20px;
    line-height: 20px;
    font-size: 1rem;
    color: #464646;
    margin-bottom: 1rem;
}

#c_portalResNews_list-15625471793975119 .newsbody {
    position: absolute;
    top: 130px;
    transition: all .5s ease;
}

#c_portalResNews_list-15625471793975119 .ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

#c_portalResNews_list-15625471793975119 .description {
    width: 100%;
    line-height: 1.5;
    font-size: 0.875rem;
    color: #6a6a6a;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: all .5s ease;
}

#c_portalResNews_list-15625471793975119 .newIcon {
    position: absolute;
    font-size: 2.25rem;
    color: #454545;
    opacity: 0;
}

#c_portalResNews_list-15625471793975119 .clear {
    clear: both;
}

@media only screen and (max-width: 768px) {
    #c_portalResNews_list-15625471793975119 .newsWidth {
        width:100%;
        padding: 20px 0px;
        height: 320px;
    }

    #c_portalResNews_list-15625471793975119 .newsinfo {
        padding: 0 30px;
    }

    #c_portalResNews_list-15625471793975119 .newsbody {
        width: calc(100% - 60px);
    }

    #c_portalResNews_list-15625471793975119 .newIcon {
        opacity: 1;
        right: 15%;
        top: 60px;
    }
}

@media only screen and (min-width: 769px) {
    #c_portalResNews_list-15625471793975119 .newsWidth {
        width:calc(100% / 3);
    }

    #c_portalResNews_list-15625471793975119 .newsinfo {
        padding: 0 40px;
    }

    #c_portalResNews_list-15625471793975119 .newsbody {
        width: calc(100% - 80px);
    }

    #c_portalResNews_list-15625471793975119 .newIcon {
        right: 15%;
        top: 60px;
        transition: all .5s ease;
    }

    #c_portalResNews_list-15625471793975119 .newsWidth:hover .newsMargin {
        background: #f4f4f4;
    }

    #c_portalResNews_list-15625471793975119 .newsWidth:hover .newsdate {
        padding: 60px 10px 20px;
    }

    #c_portalResNews_list-15625471793975119 #newslist1:hover .newsdate {
        background-color: #f08400;
    }

    #c_portalResNews_list-15625471793975119 #newslist2:hover .newsdate {
        background-color: #016eb7;
    }

    #c_portalResNews_list-15625471793975119 #newslist3:hover .newsdate {
        background-color: #ffd000;
    }

    #c_portalResNews_list-15625471793975119 .newsWidth:hover .year {
        color: #fff;
    }

    #c_portalResNews_list-15625471793975119 .newsWidth:hover .newsbody {
        top: 150px;
    }

    #c_portalResNews_list-15625471793975119 .newsWidth:hover .title {
        color: #222;
        font-weight: bold;
    }

    #c_portalResNews_list-15625471793975119 .newsWidth:hover .description {
        color: #A1A1A1;
    }

    #c_portalResNews_list-15625471793975119 .newsWidth:hover .newIcon {
        opacity: 1;
        right: 10%;
        top: 80px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #c_portalResNews_list-15625471793975119 .newsWidth {
        width:50%
    }
}

#c_portalResNews_list-15625471793975119 .p_page .pre .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResNews_list-15625471793975119 .p_page .next .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResNews_list-15625471793975119 .p_more .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResNews_list-15625471793975119 .p_loading .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResNews_list-15625471793975119 {
    width: 100%;
    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_portalResPublic_codeContainer-16025765005050801 .floatQQ {
    background: #c20012 url(../images/lf21.png?tenantId=202210&viewType=1&v=1723190408000) no-repeat;
}

#c_portalResPublic_codeContainer-16025765005050801 .floatShop {
    background: #016eb7 url(../images/tubiao_sb_01.png?tenantId=202210&viewType=1&v=1723190408000) no-repeat;
}

#c_portalResPublic_codeContainer-16025765005050801 .floatTel {
    background: #016eb7 url(../images/lf24.png?tenantId=202210&viewType=1&v=1723190408000) no-repeat;
}

@media only screen and (min-width: 769px) {
    #c_portalResPublic_codeContainer-16025765005050801 .floatBox {
        position: fixed;
        right: -10px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 50;
        width: 87px;
    }

    #c_portalResPublic_codeContainer-16025765005050801 .floatLi {
        position: relative;
        left: 0;
        display: flex;
        width: auto;
        height: 57px;
        margin-bottom: 3px;
        line-height: 27px;
        text-align: center;
        overflow: hidden;
        transition: all 0.5s ease ;
    }

    #c_portalResPublic_codeContainer-16025765005050801 .floatLi3 {
        position: relative;
        left: 0;
        display: flex;
        width: 300px;
        height: 57px;
        margin-bottom: 3px;
        line-height: 27px;
        text-align: center;
        overflow: hidden;
        transition: all 0.5s ease ;
    }

    #c_portalResPublic_codeContainer-16025765005050801 .alink {
        display: inline-block;
        width: 87px;
        height: 100%;
        padding: 30px 0 0 0;
        color: #fff;
        font-size: 0.75rem;
    }

    #c_portalResPublic_codeContainer-16025765005050801 .floatTel2 {
        display: block;
        z-index: 1;
        width: 184px;
        height: 57px;
        font: 24px/57px Arial;
        color: #fff;
        background: #f14702;
        cursor: pointer;
    }

    #c_portalResPublic_codeContainer-16025765005050801 .floatTop {
        background: #ffc100 url(../images/lf20.png?tenantId=202210&viewType=1&v=1723190408000) no-repeat;
        cursor: pointer;
    }

    #c_portalResPublic_codeContainer-16025765005050801 .floatLi:hover {
        left: -10px;
    }

    #c_portalResPublic_codeContainer-16025765005050801 .floatLi3:hover {
        left: -10px;
    }
}

@media only screen and (max-width: 768px) {
    #c_portalResPublic_codeContainer-16025765005050801 .floatLiT {
        display:none;
    }

    #c_portalResPublic_codeContainer-16025765005050801 .floatBox {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 50;
        width: 100%;
        height: 57px;
        background: rgb(194, 0, 18);
    }

    #c_portalResPublic_codeContainer-16025765005050801 .moli {
        position: relative;
        width: 50%;
        height: 57px;
        line-height: 27px;
        color: #fff;
        float: left;
        text-align: center;
    }

    #c_portalResPublic_codeContainer-16025765005050801 .moli .alink {
        display: inline-block;
        color: #fff;
        font-size: 0.75rem;
        width: 77px;
        height: 27px;
        padding: 30px 0 0 0;
        color: #fff;
        background-color: rgba(0,0,0,0);
    }

    #c_portalResPublic_codeContainer-16025765005050801 .floatTel2 {
        display: none;
    }
}

#c_portalResPublic_codeContainer-16025765005050801 {
    width: 100%;
    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_portalResProduct_list-15623109702474014 .p_Product {
    width: calc((100% - 0px)/3);
}

#c_portalResProduct_list-15623109702474014 .p_CommonSummaryBoxA {
    text-align: center;
}

#c_portalResProduct_list-15623109702474014 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResProduct_list-15623109702474014 >div {
    animation-fill-mode: both;
}

#c_portalResProduct_list-15623109702474014 .relative {
    position: relative;
}

#c_portalResProduct_list-15623109702474014 .absolute {
    position: absolute;
}

#c_portalResProduct_list-15623109702474014 #products {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 1rem 0rem;
}

#c_portalResProduct_list-15623109702474014 .proName {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 1rem 0 2rem;
}

#c_portalResProduct_list-15623109702474014 .list {
    position: relative;
    width: 100%;
    height: auto;
}

#c_portalResProduct_list-15623109702474014 .swiper-container-pro {
    width: calc(100% - 64px);
    margin: 0 auto;
}

#c_portalResProduct_list-15623109702474014 .swiper-wrapperUl {
    width: 100%;
}

#c_portalResProduct_list-15623109702474014 .productLi {
    overflow: hidden;
}

#c_portalResProduct_list-15623109702474014 .block {
    display: block;
}

#c_portalResProduct_list-15623109702474014 .aTop {
    width: 100%;
    height: 100%;
    padding-bottom: 60%;
    overflow: hidden;
}

#c_portalResProduct_list-15623109702474014 .picture {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    overflow: hidden;
}

#c_portalResProduct_list-15623109702474014 .productLi .picture > img {
    transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
}

#c_portalResProduct_list-15623109702474014 .productLi:hover .picture > img {
    overflow: hidden;
    transform: scale3D(1.1, 1.1, 1.1);
    cursor: pointer;
}

#c_portalResProduct_list-15623109702474014 .proPic {
    width: 100%;
    height: 100%;
}

#c_portalResProduct_list-15623109702474014 .number {
    width: 60px;
    height: 60px;
    background: url(../images/zd_about_more02.png?tenantId=202210&viewType=1&v=1723190408000) no-repeat center center;
}

#c_portalResProduct_list-15623109702474014 .number::before {
    content: '';
    position: absolute;
    left: 5%;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 10%;
    height: 2px;
    background: #c50809;
    display: none;
}

#c_portalResProduct_list-15623109702474014 .blue {
    background: rgba(0, 0, 0, 0.7);
    top: 100%;
    left: 0px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    transition: all .5s ease;
}

#c_portalResProduct_list-15623109702474014 .desc1 {
    padding: 0 20%;
    color: #fff;
    height: 6rem;
    line-height: 1.5rem;
    overflow: hidden;
}

#c_portalResProduct_list-15623109702474014 .proName2 {
    display: block;
    color: #333;
    font-size: 16px;
    background: #fff;
    margin-top: 0px;
    padding: 0 15%;
    border-top: 2px solid #f0a600;
    line-height: 60px;
    overflow: hidden;
    transition: all .5s ease;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#c_portalResProduct_list-15623109702474014 .desc2 {
    color: #888;
    font-size: 0.75rem;
    margin: 16px 0 28px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 1;
    letter-spacing: 1px;
    transition: all .5s ease;
    display: none;
}

#c_portalResProduct_list-15623109702474014 #products .swiper-button-prev {
    position: absolute;
    top: 48%;
    left: 0px;
    color: #fff;
    font-size: 2rem;
    cursor: pointer;
    background: none;
    z-index: 1;
    transition: all .5s ease;
}

#c_portalResProduct_list-15623109702474014 #products .swiper-button-prev:hover {
    color: #c50809;
}

#c_portalResProduct_list-15623109702474014 #products .swiper-button-next {
    position: absolute;
    top: 48%;
    right: 0px;
    color: #fff;
    font-size: 2rem;
    cursor: pointer;
    z-index: 1;
    transition: all .5s ease;
    background: none;
}

#c_portalResProduct_list-15623109702474014 #products .swiper-button-next:hover {
    color: #c50809;
}

#c_portalResProduct_list-15623109702474014 .proPrice {
    color: red;
    display: none;
}

@media only screen and (min-width: 769px) {
    #c_portalResProduct_list-15623109702474014 .productLi:hover .blue {
        top:0px;
    }

    #c_portalResProduct_list-15623109702474014 .productLi:hover .proName2 {
        background: #f0a600;
        color: #fff;
    }

    #c_portalResProduct_list-15623109702474014 .productLi:hover .desc2 {
        opacity: 0;
    }
}

@media only screen and (max-width: 768px) {
    #c_portalResProduct_list-15623109702474014 .productLi:hover .proName2 {
        background:#c50809;
        color: #fff;
    }

    #c_portalResProduct_list-15623109702474014 .proName2 {
        line-height: 42px;
        font-size: 14px;
    }
}

#c_portalResProduct_list-15623109702474014 .p_page .pre .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15623109702474014 .p_page .next .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15623109702474014 .p_more .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15623109702474014 .p_loading .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15623109702474014 {
    width: 100%;
    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;
}

@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) {
}

.banner-switch {
    background: none!important;
}

#c_portalResEbizads_banner-15622249060426985 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResEbizads_banner-15622249060426985 >div {
    animation-fill-mode: both;
}

#c_portalResEbizads_banner-15622249060426985 .banner-text h1 {
    font-weight: bold;
    font-size: 46px;
    margin-bottom: 30px;
    color: #fff;
    text-shadow: 3px 0 10px #777;
}

#c_portalResEbizads_banner-15622249060426985 .banner-text h2 {
    text-shadow: 3px 0 8px #777;
}

#c_portalResEbizads_banner-15622249060426985 .banner-switch > div > span {
    margin: 0px;
    color: #fff;
    font-size: 30px;
}

#c_portalResEbizads_banner-15622249060426985 .banner-switch {
    width: 53%;
}

#c_portalResEbizads_banner-15622249060426985 .banner-switch > div {
    margin: 0.3rem 0.6rem;
}

#c_portalResEbizads_banner-15622249060426985 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: -90px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_grid-1562224470576 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

@media only screen and (max-width: 768px) {
    #w_grid-1562224470576 > div > .p_gridbox > .p_gridCell> .c_portalResEbizads_banner-01001 {
        margin-top:-60px;
    }
}

@media only screen and (min-width: 769px) {
    #w_grid-1562224470576 > div > .p_gridbox > .p_gridCell> .c_portalResEbizads_banner-01001 {
        margin-top:-90px;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 769px) {
    #w_grid-1562224470576 > div > .p_gridbox > .p_gridCell> .c_portalResEbizads_banner-01001 {
        margin-top:-60px;
    }
}

#w_grid-1602472315670 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1602471752097 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1562224601777 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

@media only screen and (max-width: 768px) {
    #w_grid-1562224601777 > div > .p_gridbox > .p_gridCell>.w_grid-000:nth-child(2) {
        margin-top:0px;
    }
}

#w_grid-1562236405483 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1562236405483 >div {
    animation-fill-mode: both;
}

#w_grid-1562236405483 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0px;
    clear: left;
}

#w_grid-1562236405483 > div > .p_gridbox:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    background: #00a0e9;
    height: 80%;
    z-index: -1;
}

#w_grid-1562236405483.scrolled > div > .p_gridbox:after {
    animation: lv_widthin 1.5s forwards 0.3s;
}

@media only screen and (max-width: 768px) {
    #w_grid-1562236405483 > div > .p_gridbox:after {
        width:60%;
        height: 30%;
    }

    #w_grid-1562236405483> div > .p_gridbox > .p_gridCell {
        margin-bottom: 2rem;
        margin-top: 2rem;
        margin-left: 0%;
    }
}

@media only screen and (min-width: 769px) {
    #w_grid-1562236405483 > div > .p_gridbox:after {
        max-width:45%;
    }

    #w_grid-1562236405483> div > .p_gridbox > .p_gridCell {
        margin-bottom: 5rem;
        margin-top: 5rem;
        margin-left: 0%;
    }

    #w_grid-1562236405483> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0%;
        margin-right: 0;
        clear: none;
    }

    #w_grid-1562236405483> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #w_grid-1562236405483> div > .p_gridbox > .p_gridCell {
        margin-bottom:3rem;
        margin-top: 3rem;
        margin-left: 0%;
    }

    #w_grid-1562236405483 > div > .p_gridbox:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 45%;
        background: #c52730;
        height: 50%;
        z-index: -1;
    }
}

#w_grid-1562236539293 > div > .p_gridbox {
    align-items: center;
    display: flex;
}

#w_grid-1562236539293 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1562236539293 >div {
    animation-fill-mode: both;
}

#w_grid-1562236539293 > div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (max-width: 768px) {
    #w_grid-1562236539293 > div > .p_gridbox {
        display:block;
    }
}

@media only screen and (min-width: 769px) {
    #w_grid-1562236539293> div > .p_gridbox > .p_gridCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 3%;
    }

    #w_grid-1562236539293> div > .p_gridbox > .p_gridCell:nth-child(2n+0) {
        width: 48.5%;
        margin-left: 3%;
        margin-right: 0;
        clear: none;
    }

    #w_grid-1562236539293> div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
        margin-left: 0;
        clear: left;
        margin-right: 0;
        width: 48.5%;
    }

    #w_grid-1562236539293> div > .p_gridbox > .p_gridCell:nth-child(2n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #w_grid-1562236539293 > div > .p_gridbox {
        display:block;
    }

    #w_grid-1562236539293> div > .p_gridbox > .p_gridCell {
        margin-bottom: 0rem;
        margin-top: 0rem;
        margin-left: 0;
    }

    #w_grid-1562236539293> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    #w_grid-1562236539293> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0;
    }
}

#w_fvideo-1591102209246 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_fvideo-1591102209246 >div {
    animation-name: lv-fadeInLeft;
    animation-duration: 1s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
}

#w_fvideo-1591102209246 .w_fvideo:before {
    position: absolute;
    content: "";
    display: block;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    box-sizing: border-box;
    background: rgba(0,0,0,.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    top: 20px;
    left: 20px;
    z-index: 0;
}

#w_fvideo-1591102209246 .w_fvideo:after {
    position: absolute;
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    background: url(../images/zd_about_more02.png?tenantId=202210&viewType=1&v=1723190408000) no-repeat center center;
    color: #fff;
    left: calc((100% - 60px)/2);
    top: calc((100% - 60px)/2);
    z-index: 1;
}

#w_fvideo-1591102209246 .w_fvideo>img {
    height: 560px;
    object-fit: cover;
    transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
}

#w_fvideo-1591102209246:hover .p_dimage>img {
    overflow: hidden;
    transform: scale3D(1.1, 1.1, 1.1);
    cursor: pointer;
}

@media only screen and (max-width: 768px) {
    #w_fvideo-1591102209246 .p_dimage>img {
        height:260px;
    }
}

#w_grid-1562236704536 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1562236704536 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(1) {
    font-family: 'Oswald', sans-serif;
}

@media only screen and (max-width: 768px) {
    #w_grid-1562236704536 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(1) span {
        font-size:40px !important;
    }

    #w_grid-1562236704536 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(2) span {
        font-size: 22px !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #w_grid-1562236704536 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(1) span {
        font-size:50px !important;
    }

    #w_grid-1562236704536 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(2) span {
        font-size: 26px !important;
    }
}

#w_common_text-1562236919034 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1562236919034 >div {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: both;
}

#w_common_text-1562236919034 .p_link001 {
    height: calc(100%);
}

#w_common_text-1562236927767 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1562236927767 >div {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 1.1s;
    animation-fill-mode: both;
}

#w_common_text-1562236927767 .p_link001 {
    height: calc(100%);
}

#w_fline-1562237954640 .p_FLine {
    border-top-color: #00a0e9;
    border-top-width: 2px;
}

#w_fline-1562237954640 .w_fline .p_FLine {
    border-top-style: solid;
}

#w_fline-1562237954640 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_fline-1562237954640 >div {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
}

#w_common_text-1562237125457 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1562237125457 >div {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 1.3s;
    animation-fill-mode: both;
}

#w_common_text-1562237125457 .p_link001 {
    height: calc(100%);
}

#w_grid-1591096001042 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1591096206818 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_fbtn-1591151199725 .p_CommonBtn {
    background-color: #016eb7;
    border: 1px solid #016eb7;
    border-radius: 30px;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}

#w_fbtn-1591151199725 .p_CommonBtn .font {
    color: rgba(255, 255, 255, 1);
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}

#w_fbtn-1591151199725 .p_CommonBtn:hover {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #016eb7;
}

#w_fbtn-1591151199725 .p_CommonBtn:hover .font {
    color: #016eb7;
}

#w_fbtn-1591151199725 .p_CommonBtn:active {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #016eb7;
}

#w_fbtn-1591151199725 .p_CommonBtn:active .font {
    color: #016eb7;
}

#w_fbtn-1591151199725 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_fbtn-1591151199725 >div {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: both;
}

#w_grid-1562236407625 > div > .p_gridbox:before {
    content: '';
    position: absolute;
    right: 0;
    top: 15px;
    width: 30%;
    background: #f0a600;
    height: 130px;
    z-index: 1;
}

#w_grid-1562236407625.scrolled > div > .p_gridbox:before {
    animation-name: fadeInRight;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: both;
}

#w_grid-1562236407625 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1562236407625 >div {
    animation-fill-mode: both;
}

#w_grid-1562236407625 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (max-width: 768px) {
    #w_grid-1562236407625 > div > .p_gridbox:before {
        content:'';
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        background: #c20113;
        height: 100px;
        z-index: -1;
    }

    #w_grid-1562236407625> div > .p_gridbox > .p_gridCell {
        margin-bottom: 0rem;
        margin-top: 0rem;
        margin-left: 0;
    }
}

@media only screen and (min-width: 769px) {
    #w_grid-1562236407625> div > .p_gridbox > .p_gridCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0px;
    }

    #w_grid-1562236407625> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
    }

    #w_grid-1562236407625> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #w_grid-1562236407625> div > .p_gridbox > .p_gridCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0;
    }
}

#w_grid-1562311430771 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1562311430771 >div {
    animation-fill-mode: both;
}

#w_grid-1562311430771 > div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (max-width: 768px) {
    #w_grid-1562311430771 > div > .p_gridbox > .p_gridCell:nth-child(1)>.reset_style {
        margin-top:20px;
    }

    #w_grid-1562311430771 > div > .p_gridbox > .p_gridCell:nth-child(1)>.reset_style>div>p>span:nth-child(1) strong {
        font-size: 22px !important;
        color: #fff;
    }

    #w_grid-1562311430771 > div > .p_gridbox > .p_gridCell:nth-child(1)>.reset_style span {
        font-size: 14px !important;
        color: #fff;
    }
}

@media only screen and (min-width: 769px) {
    #w_grid-1562311430771> div > .p_gridbox > .p_gridCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0;
    }

    #w_grid-1562311430771> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    #w_grid-1562311430771> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0;
    }
}

#w_common_text-1562311469735 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_common_text-1562311469735 >div {
    animation-name: fadeInLeft;
    animation-duration: 1s;
    animation-delay: 0.8s;
    animation-fill-mode: both;
}

#w_common_text-1562311469735 .p_link001 {
    height: calc(100%);
}

#w_grid-1562296953960 > div > .p_gridbox {
    background: #00a0e9;
}

#w_grid-1562296953960 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1562296953960 >div {
    animation-name: lv-fadeInUp;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: both;
}

#w_grid-1562296953960 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (min-width: 769px) {
    #w_grid-1562296953960> div > .p_gridbox > .p_gridCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0px;
    }

    #w_grid-1562296953960> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
    }

    #w_grid-1562296953960> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #w_grid-1562296953960> div > .p_gridbox > .p_gridCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0px;
    }

    #w_grid-1562296953960> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
    }

    #w_grid-1562296953960> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0px;
    }
}

#w_grid-1593767536238 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1562296970914 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1562296970914 >div {
    animation-fill-mode: both;
}

#w_grid-1562296970914 > div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (max-width: 768px) {
    #w_grid-1562296970914> div > .p_gridbox > .p_gridCell {
        margin-bottom:3rem;
        margin-top: 3rem;
        margin-left: 0px;
    }
}

@media only screen and (min-width: 769px) {
    #w_grid-1562296970914> div > .p_gridbox > .p_gridCell {
        margin-bottom:5rem;
        margin-top: 5rem;
        margin-left: 0px;
    }

    #w_grid-1562296970914> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
    }

    #w_grid-1562296970914> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #w_grid-1562296970914> div > .p_gridbox > .p_gridCell {
        margin-bottom:4rem;
        margin-top: 4rem;
        margin-left: 0px;
    }
}

#w_fbtn-1562314103853 .p_CommonBtn {
    background-color: #016eb7;
    border: 1px solid #016eb7;
    border-radius: 30px;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}

#w_fbtn-1562314103853 .p_CommonBtn .font {
    color: rgba(255, 255, 255, 1);
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}

#w_fbtn-1562314103853 .p_CommonBtn:hover {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #016eb7;
}

#w_fbtn-1562314103853 .p_CommonBtn:hover .font {
    color: #016eb7;
}

#w_fbtn-1562314103853 .p_CommonBtn:active {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #016eb7;
}

#w_fbtn-1562314103853 .p_CommonBtn:active .font {
    color: #016eb7;
}

#w_fbtn-1562314103853 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_fbtn-1562314103853 >div {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: both;
}

#w_grid-1593768511800 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1593768558347 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1593768577883 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1593768590057 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1593768595876 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1593768619784 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1593768607058 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1593768632724 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1593768640414 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1593768718845 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1593768734543 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1593768739581 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1593768755265 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1593768500553 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1593768185084 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1562236409488 > div > .p_gridbox {
    background-image: url(../images/bj_kh_06.png?tenantId=202210&viewType=1&v=1723190408000);
}

#w_grid-1562236409488 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1562236409488 >div {
    animation-fill-mode: both;
}

#w_grid-1562236409488 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (max-width: 768px) {
    #w_grid-1562236409488> div > .p_gridbox > .p_gridCell {
        margin-bottom:2rem;
        margin-top: 2rem;
        margin-left: 0px;
    }
}

@media only screen and (min-width: 769px) {
    #w_grid-1562236409488> div > .p_gridbox > .p_gridCell {
        margin-bottom:4rem;
        margin-top: 4rem;
        margin-left: 0px;
    }

    #w_grid-1562236409488> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
    }

    #w_grid-1562236409488> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #w_grid-1562236409488> div > .p_gridbox > .p_gridCell {
        margin-bottom:3rem;
        margin-top: 3rem;
        margin-left: 0px;
    }
}

#w_grid-1562236409488 .p_gridbox {
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#w_grid-1562320355256 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1562320355256 >div {
    animation-fill-mode: both;
}

#w_grid-1562320355256 > div > .p_gridbox {
    overflow: visible;
}

#w_grid-1562320355256 > div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
    margin-left: 0px;
    clear: left;
}

#w_grid-1562320355256 > div > .p_gridbox > .p_gridCell>.w_fimg-000 .p_dimage:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,1);
    top: 0px;
    left: 0px;
    z-index: -1;
}

#w_grid-1562320355256 > div > .p_gridbox > .p_gridCell>.w_fimg-000 .p_dimage img {
    transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -o-transition: all .8s ease;
}

#w_grid-1562320355256 > div > .p_gridbox > .p_gridCell:hover>.w_fimg-000 .p_dimage img {
    overflow: hidden;
    transform: scale3D(1.1, 1.1, 1.1);
    opacity: .5;
    cursor: pointer;
}

#w_grid-1562320355256 > div > .p_gridbox > .p_gridCell>.w_grid-000 {
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
}

#w_grid-1562320355256 > div > .p_gridbox > .p_gridCell:hover>.w_grid-000 {
    padding-left: 0px;
    padding-right: 0px;
    cursor: pointer;
}

@media only screen and (max-width: 768px) {
    #w_grid-1562320355256> div > .p_gridbox > .p_gridCell:nth-child(1)>.w_grid-000 {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 0px;
    }

    #w_grid-1562320355256> div > .p_gridbox > .p_gridCell:nth-child(2)>.w_grid-000 {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 0px;
    }

    #w_grid-1562320355256> div > .p_gridbox > .p_gridCell {
        margin-bottom: 0.6rem;
        margin-top: 0.6rem;
        margin-left: 0;
    }

    #w_grid-1562320355256> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    #w_grid-1562320355256> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0;
    }
}

@media only screen and (min-width: 769px) {
    #w_grid-1562320355256> div > .p_gridbox > .p_gridCell {
        margin-bottom:3.5rem;
        margin-top: 2rem;
        margin-left: 0%;
    }

    #w_grid-1562320355256> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
    }

    #w_grid-1562320355256> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #w_grid-1562320355256> div > .p_gridbox > .p_gridCell {
        margin-bottom:0.6rem;
        margin-top: 0.6rem;
        margin-left: 0%;
    }

    #w_grid-1562320355256> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    #w_grid-1562320355256> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0;
    }
}

#w_grid-1594023236209 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1594023967431 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1594023145035 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1593769637871 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1572501461056 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1572499191049 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1562236412793 > div > .p_gridbox {
    background-image: ;
}

#w_grid-1562236412793 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1562236412793 >div {
    animation-fill-mode: both;
}

#w_grid-1562236412793 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (max-width: 768px) {
    #w_grid-1562236412793> div > .p_gridbox > .p_gridCell {
        margin-bottom:2rem;
        margin-top: 2rem;
        margin-left: 0px;
    }
}

@media only screen and (min-width: 769px) {
    #w_grid-1562236412793> div > .p_gridbox > .p_gridCell {
        margin-bottom:4rem;
        margin-top: 4rem;
        margin-left: 0px;
    }

    #w_grid-1562236412793> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
    }

    #w_grid-1562236412793> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #w_grid-1562236412793> div > .p_gridbox > .p_gridCell {
        margin-bottom:4rem;
        margin-top: 4rem;
        margin-left: 0px;
    }

    #w_grid-1562236412793> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
    }

    #w_grid-1562236412793> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0px;
    }
}

#w_grid-1562323520722 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1562323520722 >div {
    animation-fill-mode: both;
}

#w_grid-1562323520722 > div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (min-width: 769px) {
    #w_grid-1562323520722> div > .p_gridbox > .p_gridCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0%;
    }

    #w_grid-1562323520722> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    #w_grid-1562323520722> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0;
    }
}

#w_grid-1562548001453 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1562548001453 >div {
    animation-name: lv-fadeInUp;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: both;
}

#w_grid-1562548001453 > div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (max-width: 768px) {
    #w_grid-1562548001453 > div > .p_gridbox > .p_gridCell:nth-child(1)>.reset_style>div>p>span:nth-child(1) strong {
        font-size:22px !important;
    }

    #w_grid-1562548001453 > div > .p_gridbox > .p_gridCell:nth-child(1)>.reset_style span {
        font-size: 14px !important;
    }

    #w_grid-1562548001453 > div > .p_gridbox > .p_gridCell:nth-child(2) {
        display: none;
    }
}

@media only screen and (min-width: 769px) {
    #w_grid-1562548001453> div > .p_gridbox > .p_gridCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0px;
    }

    #w_grid-1562548001453> div > .p_gridbox > .p_gridCell:nth-child(2n+0) {
        width: 39.04%;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
    }

    #w_grid-1562548001453> div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
        margin-left: 0px;
        clear: left;
        margin-right: 0px;
        width: 60.96%;
    }

    #w_grid-1562548001453> div > .p_gridbox > .p_gridCell:nth-child(2n) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #w_grid-1562548001453> div > .p_gridbox > .p_gridCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0px;
    }

    #w_grid-1562548001453> div > .p_gridbox > .p_gridCell:nth-child(2n+0) {
        width: 39.04%;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    #w_grid-1562548001453> div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
        margin-left: 0;
        clear: left;
        margin-right: 0;
        width: 60.96%;
    }

    #w_grid-1562548001453> div > .p_gridbox > .p_gridCell:nth-child(2n) {
        margin-right: 0;
    }
}

#w_common_text-1562548001469 .p_link001 {
    height: calc(100%);
}

#w_fbtn-1562548053679 .p_CommonBtn {
    background-color: #ffd000;
    border: 1px solid #ffd000;
    border-radius: 30px;
}

#w_fbtn-1562548053679 .p_CommonBtn .font {
    color: #232323;
}

#w_fbtn-1562548053679 .p_CommonBtn:hover {
    background-color: rgba(197, 39, 48, 0);
    border: 1px solid #ffd000;
}

#w_fbtn-1562548053679 .p_CommonBtn:hover .font {
    color: #ffd000;
}

#w_fbtn-1562548053679 .p_CommonBtn:active {
    background-color: rgba(197, 39, 48, 0);
    border: 1px solid #ffd000;
}

#w_fbtn-1562548053679 .p_CommonBtn:active .font {
    color: #232323;
}

#w_fbtn-1562548053679 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_fbtn-1562548053679 >div {
    animation-fill-mode: both;
}

#w_grid-1574670357836 > div > .p_gridbox {
    background-color: #eee;
}

#w_grid-1574670357836 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1574670357836 >div {
    animation-fill-mode: both;
}

#w_grid-1574670357836 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (max-width: 768px) {
    #w_grid-1574670357836> div > .p_gridbox > .p_gridCell {
        margin-bottom:5rem;
        margin-top: 2rem;
        margin-left: 0px;
    }
}

@media only screen and (min-width: 769px) {
    #w_grid-1574670357836> div > .p_gridbox > .p_gridCell {
        margin-bottom:1.5rem;
        margin-top: 1.5rem;
        margin-left: 0px;
    }

    #w_grid-1574670357836> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
    }

    #w_grid-1574670357836> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #w_grid-1574670357836> div > .p_gridbox > .p_gridCell {
        margin-bottom:2rem;
        margin-top: 2rem;
        margin-left: 0px;
    }

    #w_grid-1574670357836> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
    }

    #w_grid-1574670357836> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0px;
    }
}

#w_grid-1574670357840 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1574670357840 >div {
    animation-fill-mode: both;
}

#w_grid-1574670357840 > div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (min-width: 769px) {
    #w_grid-1574670357840> div > .p_gridbox > .p_gridCell {
        margin-bottom:0.6rem;
        margin-top: 0.6rem;
        margin-left: 2%;
    }

    #w_grid-1574670357840> div > .p_gridbox > .p_gridCell:nth-child(4n+0) {
        width: 15.087%;
        margin-left: 2%;
        margin-right: 0px;
        clear: none;
    }

    #w_grid-1574670357840> div > .p_gridbox > .p_gridCell:nth-child(4n+1) {
        margin-left: 0px;
        clear: left;
        margin-right: 0px;
        width: 18.132599999999996%;
    }

    #w_grid-1574670357840> div > .p_gridbox > .p_gridCell:nth-child(4n+2) {
        width: 42.6384%;
        margin-left: 2%;
        margin-right: 0px;
        clear: none;
    }

    #w_grid-1574670357840> div > .p_gridbox > .p_gridCell:nth-child(4n+3) {
        width: 18.142%;
        margin-left: 2%;
        margin-right: 0px;
        clear: none;
    }

    #w_grid-1574670357840> div > .p_gridbox > .p_gridCell:nth-child(4n) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #w_grid-1574670357840> div > .p_gridbox > .p_gridCell {
        margin-bottom:0.6rem;
        margin-top: 0.6rem;
        margin-left: 0;
    }

    #w_grid-1574670357840> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    #w_grid-1574670357840> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0;
    }
}

#w_fimg-1574670357843 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_fimg-1574670357843 >div {
    animation-fill-mode: both;
}

#w_common_text-1572508104478 .p_link001 {
    height: calc(100%);
}

#w_common_text-1562549954106 .p_link001 {
    height: calc(100%);
}

#w_fimg-1574670357888 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_fimg-1574670357888 >div {
    animation-fill-mode: both;
}

#w_grid-1575529520270 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_grid-1562224470576 {
    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-1602472315670 {
    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-1602471752097 {
    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-1562224601777 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 492px;
    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-1562236405483 {
    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-1562236539293 {
    width: 94%;
    max-width: 1600px;
    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_fvideo-1591102209246 {
    width: auto;
    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-1562236704536 {
    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_common_text-1562236919034 {
    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-1562236927767 {
    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_fline-1562237954640 {
    width: 100%;
    max-width: 50px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 36px;
    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-1562237125457 {
    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_grid-1591096001042 {
    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: 30px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_grid-1591096206818 {
    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_fbtn-1591151199725 {
    width: 100%;
    max-width: 200px;
    min-width: 0px;
    height: 100%;
    max-height: 0px;
    min-height: 40px;
    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_grid-1562236407625 {
    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-1562311430771 {
    width: 94%;
    max-width: 1600px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1562311469735 {
    width: auto;
    max-width: 800px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_grid-1562296953960 {
    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-1593767536238 {
    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-1562296970914 {
    width: 100%;
    max-width: 1660px;
    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_fbtn-1562314103853 {
    width: 100%;
    max-width: 200px;
    min-width: 0px;
    height: 100%;
    max-height: 0px;
    min-height: 40px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_grid-1593768511800 {
    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-1593768558347 {
    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-1593768577883 {
    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-1593768590057 {
    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-1593768595876 {
    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-1593768619784 {
    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-1593768607058 {
    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-1593768632724 {
    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-1593768640414 {
    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-1593768718845 {
    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-1593768734543 {
    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-1593768739581 {
    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-1593768755265 {
    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-1593768500553 {
    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-1593768185084 {
    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-1562236409488 {
    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-1562320355256 {
    width: 94%;
    max-width: 1600px;
    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-1594023236209 {
    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-1594023967431 {
    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-1594023145035 {
    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-1593769637871 {
    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-1572501461056 {
    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-1572499191049 {
    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-1562236412793 {
    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-1562323520722 {
    width: 94%;
    max-width: 1600px;
    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-1562548001453 {
    width: 100%;
    max-width: 1560px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1562548001469 {
    width: auto;
    max-width: 700px;
    min-width: 0px;
    height: 40px;
    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_fbtn-1562548053679 {
    width: 100%;
    max-width: 120px;
    min-width: 0px;
    height: 100%;
    max-height: 0px;
    min-height: 40px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_grid-1574670357836 {
    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-1574670357840 {
    width: 100%;
    max-width: 1600px;
    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_fimg-1574670357843 {
    width: 100%;
    max-width: 260px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1572508104478 {
    width: auto;
    max-width: 682px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 33px;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1562549954106 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 19px;
    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_fimg-1574670357888 {
    width: 100%;
    max-width: 150px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_grid-1575529520270 {
    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;
}