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

#w_grid-1562758700919 {
    box-shadow: 0px 15px 15px 0px #ccc;
}

@media only screen and (max-width: 768px) {
    #w_common_text-1562058200761 p {
        text-align: center!important;
    }

    #w_common_text-1562058176312 p {
        text-align: center!important;
    }

    #w_common_text-1562212229014 span {
        font-size: 24px!important;
    }

    #w_grid-1562218451594 > div > .p_gridbox {
        background-size: 200%!important;
    }

    #w_grid-1562249225478 {
        margin-top: 200px!important;
    }

    #w_grid-1562249281682 {
        padding: 0 10px!important;
    }

    #w_grid-1562141305868 {
        margin-left: 0px!important;
    }

    .w_grid-000 > div > .p_gridbox > .p_gridCell {
        width: 100%;
        margin-left: 0;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    #w_grid-1562246982658 {
        border-bottom: 0px solid #c3a679;
    }

    #w_grid-1562735302307 > div > .p_gridbox,#w_grid-1562735554054 > div > .p_gridbox {
        background-image: inherit!important;
    }

    #w_grid-1562058115816 {
        margin-bottom: 30px !important;
    }
}

@media only screen and (min-width: 769px) {
    .p_page {
        display: inline-block!important;
    }

    .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child {
        width: 100%;
        margin-left: 0;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    #w_grid-1562056758955 {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #w_grid-1562056758955 {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
    }

    #w_grid-1562056760605 {
        margin-top: 103px;
    }
}

#content_box-1562208785766-0, #w_grid-1562208921054, #w_grid-1562208929607, #w_grid-1562208928924 {
    transition: all .5s ease;
}

#content_box-1562208785766-0:hover, #w_grid-1562208921054:hover, #w_grid-1562208929607:hover, #w_grid-1562208928924:hover {
    background: rgba(27 , 38 , 94 , 0.9);
}

#w_grid-1581311484258 {
    position: relative;
    z-index: 999;
}

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

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

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

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

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

    .c_portalResProduct_list-01001 .p_ProductInner:hover {
        border-width: 3px;
        border-color: #1890FF;
        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;
    }

    .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;
        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: 5px 0 0;
        width: auto;
        height: auto;
        padding: 0;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: transparent;
        overflow: hidden;
    }

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

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

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

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

@media only screen and (max-width: 768px) {
    .c_portalResnav_main-01001005 .p_problemCategory {
        display: block;
    }

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

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

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

    .c_portalResnav_main-01001005 .p_categoryBtn:before {
    }

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

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

    .c_portalResnav_main-01001005 .p_btn-show {
        color: #fff;
        background: #7F7F7F;
        margin-top: 14px;
    }

    .c_portalResnav_main-01001005 .p_btn-hide {
        width: 10%;
        height: 100%;
        float: left;
        background-color: transparent;
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        background: transparent;
    }

    .c_portalResnav_main-01001005 .p_category {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 100%;
        background: #fff;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .c_portalResnav_main-01001005 .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;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0;
    }

    .c_portalResnav_main-01001005 .p_categoryBox {
        overflow-y: auto;
        width: 100%;
        height: auto;
        float: none;
        background-color: transparent;
        position: fixed;
        z-index: 1;
        top: 70px;
        background-color: #fff;
        height: 1200px;
    }

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

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

    .c_portalResnav_main-01001005 .p_parentBox {
        width: auto;
        height: auto;
        color: #fff;
        background-color: rgb(239,239,245);
        padding-left: 20px;
        overflow: hidden;
        position: relative;
        padding: 10px 0px;
    }

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

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

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

    .c_portalResnav_main-01001005 .p_link {
        height: auto;
        vertical-align: middle;
        width: 100%;
        margin: 10px 0;
        -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: 20px;
        text-align: center;
        -webkit-box-align: center;
        display: block;
        position: relative;
        top: 100px;
        opacity: 0;
        transition: .6s;
        transition-delay: .5s;
    }

    .c_portalResnav_main-01001005 .p_category.show-sub .p_parentBox .p_link {
        top: 0px;
        opacity: 1;
    }

    .c_portalResnav_main-01001005 .p_category.show-sub .p_parentBox:nth-child(1) .p_link {
        transition-delay: 0.1s;
    }

    .c_portalResnav_main-01001005 .p_category.show-sub .p_parentBox:nth-child(2) .p_link {
        transition-delay: 0.2s;
    }

    .c_portalResnav_main-01001005 .p_category.show-sub .p_parentBox:nth-child(3) .p_link {
        transition-delay: 0.3s;
    }

    .c_portalResnav_main-01001005 .p_category.show-sub .p_parentBox:nth-child(4) .p_link {
        transition-delay: 0.4s;
    }

    .c_portalResnav_main-01001005 .p_category.show-sub .p_parentBox:nth-child(5) .p_link {
        transition-delay: 0.5s;
    }

    .c_portalResnav_main-01001005 .p_category.show-sub .p_parentBox:nth-child(6) .p_link {
        transition-delay: 0.6s;
    }

    .c_portalResnav_main-01001005 .p_category.show-sub .p_parentBox:nth-child(7) .p_link {
        transition-delay: 0.7s;
    }

    .c_portalResnav_main-01001005 .p_category.show-sub .p_parentBox:nth-child(8) .p_link {
        transition-delay: 0.8s;
    }

    .c_portalResnav_main-01001005 .p_category.show-sub .p_parentBox:nth-child(9) .p_link {
        transition-delay: 0.9s;
    }

    .c_portalResnav_main-01001005 .p_category.show-sub .p_parentBox:nth-child(10) .p_link {
        transition-delay: 1s;
    }

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

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

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

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

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

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

    .c_portalResnav_main-01001005 .p_category {
        height: 100%;
        width: 100%;
        position: relative;
        background-color: transparent;
    }

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

    .c_portalResnav_main-01001005 .p_categoryBox {
        line-height: 24px;
        width: 100%;
        float: left;
        text-align: right;
    }

    .c_portalResnav_main-01001005 .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;
        text-align: center;
        position: relative;
        background: transparent;
    }

    .c_portalResnav_main-01001005 .p_categoryBox > .p_parentBox:after {
        content: "";
        display: block;
        position: absolute;
        width: 60%;
        height: 3px;
        background-color: #36d2d5;
        bottom: 0px;
        left: 10%;
        transform: scale(0);
        transition: 1s;
    }

    .c_portalResnav_main-01001005 .p_categoryBox > .p_parentBox:hover:after {
        transform: scale(1);
    }

    .c_portalResnav_main-01001005 .p_categoryBox > .p_parentBox.current:after {
        transform: scale(1);
    }

    .c_portalResnav_main-01001005 .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: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: bold;
        color: #FFF;
    }

    .c_portalResnav_main-01001005 .p_categoryBox > .p_parentBox:hover .p_title {
        color: #36d2d5;
    }

    c_portalResnav_main-01001005 .p_categoryBox > .p_parentBox.current .p_title {
        color: #36d2d5;
    }

    .c_portalResnav_main-01001005 .p_categoryBox .p_title:hover {
        color: #36d2d5;
    }

    .c_portalResnav_main-01001005 .p_categoryBox > .p_parentBox.current .p_title {
        color: #36d2d5;
    }

    .c_portalResnav_main-01001005 .p_categoryBox > .p_parentBox.current .p_title:hover {
        color: #36d2d5;
    }

    .c_portalResnav_main-01001005 .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: rgb(64,143,244);
        height: auto;
        width: 14px;
        margin: 0 4px 0 0;
        padding: 0;
        position: static;
        text-align: center;
        color: rgba(217,217,217,1);
    }

    .c_portalResnav_main-01001005 .p_categoryBtn:hover {
        border-width: 0;
        border-style: solid;
        color: rgb(64,143,244);
        border-color: rgba(255,255,255,0);
        background-color: rgba(255,255,255,0);
        box-shadow: none;
    }

    .c_portalResnav_main-01001005 .p_categoryBtn:active {
        border-width: 0;
        border-style: solid;
        color: rgb(64,143,244);
        border-color: rgba(255,255,255,0);
        background-color: rgba(255,255,255,0);
        box-shadow: none;
    }

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

    .c_portalResnav_main-01001005 .p_childBox .p_linkBox .icon-duduyinleappicon1401:before {
        content: '\e65f';
        color: rgb(64,143,244);
        font-size: 10px;
    }

    .c_portalResnav_main-01001005 .p_categoryBox .p_childBox {
        z-index: 100;
    }

    .c_portalResnav_main-01001005 .p_categoryBox .p_parentBox {
        position: relative;
        width: auto;
        height: 80px;
        float: left;
        text-align: center;
        line-height: 80px;
        display: inline-block;
        float: none;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 10px;
        margin-right: 10px;
        position: relative;
    }

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

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

    .c_portalResnav_main-01001005 .p_categoryBox .slideOut {
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%;
        height: auto;
    }
}

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

.c_portalResnav_main-01001005 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

.c_portalResnav_main-01001005 .navNameLink1:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 3px;
    background-color: #2657a4;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: 0.3s;
}

.c_portalResnav_main-01001005 .dropdown:hover .navNameLink1:after {
    width: 40px;
}

.c_portalResnav_main-01001005 >div {
    animation-fill-mode: both;
}

.c_portalResnav_main-01001005 .fr {
    float: right;
}

.c_portalResnav_main-01001005 .clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.c_portalResnav_main-01001005 body {
    background-color: #1b1b1b;
}

.c_portalResnav_main-01001005 .header {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 999;
    height: 100px;
    padding: 0px;
}

.c_portalResnav_main-01001005 .header .left {
    width: 12%;
}

.c_portalResnav_main-01001005 .header .left a img {
    height: 40px;
    margin-top: 6px;
}

.c_portalResnav_main-01001005 .header .left .img2 {
    display: none;
}

.c_portalResnav_main-01001005 .header .nav {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    height: 100%;
    line-height: 50px;
    display: block;
}

.c_portalResnav_main-01001005 .container {
    width: 100%;
    padding-right: 0px!important;
}

.c_portalResnav_main-01001005 .header .navbar_nav li {
    float: left;
    position: relative;
    display: block;
}

.c_portalResnav_main-01001005 .header .navbar_nav li a {
    text-decoration: none;
    width: 100%;
    display: block;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    color: #333;
    font-size: 16px;
    text-align: center;
}

.c_portalResnav_main-01001005 .navNameLink1 {
}

.c_portalResnav_main-01001005 .navNameLink:hover {
    color: #bb9b6b;
}

.c_portalResnav_main-01001005 .header .navbar_nav li.dropdown {
    display: inherit;
    position: relative;
    width: 14%;
    margin: 0px 0px;
}

.c_portalResnav_main-01001005 .header .navbar_nav li.dropdown .jt {
    width: 20px;
    height: 20px;
    background: url(http://static201.yun300.cn/css/i/top.png?tenantId=187040&viewType=1&v=1701078543000) no-repeat;
    background-size: 100% 100%;
    display: block;
}

.c_portalResnav_main-01001005 .header .navbar_nav li.dropdown .dropdown_menu {
    display: none;
    position: absolute;
    top: 50px;
    left: 50%;
    width: 130%;
    background: #fff;
    transform: translateX(-50%);
}

.c_portalResnav_main-01001005 .header .navbar_nav li.dropdown .dropdown_menu a {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    padding: 5px 0;
    text-align: left;
    margin-left: 20px;
}

.c_portalResnav_main-01001005 .header .navbar_nav li.dropdown:hover .dropdown_menu {
    display: block;
    justify-content: center;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.c_portalResnav_main-01001005 .header .navbar_nav li.dropdown:hover .dropdown_menu a {
    color: #000;
}

.c_portalResnav_main-01001005 .header .navbar_nav li.dropdown:hover .dropdown_menu a:hover {
    color: #2b2b2b;
}

.c_portalResnav_main-01001005 .header.on .left .img1 {
    display: none;
}

.c_portalResnav_main-01001005 .header.on .left .img2 {
    display: block;
}

.c_portalResnav_main-01001005 .header.on .navbar_nav li a {
    color: #000;
}

.c_portalResnav_main-01001005 .header.on .navbar_nav li:hover a {
    color: #bb9b6b;
}

.c_portalResnav_main-01001005 #navToggle {
    display: none;
}

.c_portalResnav_main-01001005 .m_nav {
    position: fixed;
    top: 0;
    box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38);
    width: 100%;
    height: 100%;
    background: #fff;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    -webkit-transition: all ease 0.5s;
    z-index: 1000;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transform: translateX(100%);
}

.c_portalResnav_main-01001005 .m_nav.open {
    transform: translateX(0);
}

.c_portalResnav_main-01001005 .m_nav .top {
    height: 60px;
    padding: 20px;
    box-sizing: border-box;
}

.c_portalResnav_main-01001005 .m_nav .top .closed {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: right;
    cursor: pointer;
    font-size: 30px;
}

.c_portalResnav_main-01001005 .m_nav .logo {
    width: 100%;
    margin: 0 auto;
}

.c_portalResnav_main-01001005 .m_nav .logo img {
    height: 50px;
    display: block;
    margin: 30px auto;
}

.c_portalResnav_main-01001005 .m_nav .ul {
    margin-top: 30px;
}

.c_portalResnav_main-01001005 .m_nav .ul li {
    padding: 0 20px;
    border-bottom: 1px solid #f5f5f5;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    opacity: 0;
}

.c_portalResnav_main-01001005 .m_nav.open .ul li {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.c_portalResnav_main-01001005 .m_nav .ul li:nth-child(1) {
    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.c_portalResnav_main-01001005 .m_nav .ul li:nth-child(2) {
    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.c_portalResnav_main-01001005 .m_nav .ul li:nth-child(3) {
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.c_portalResnav_main-01001005 .m_nav .ul li:nth-child(4) {
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.c_portalResnav_main-01001005 .m_nav .ul li:nth-child(5) {
    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.c_portalResnav_main-01001005 .m_nav .ul li:nth-child(6) {
    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;
}

.c_portalResnav_main-01001005 .m_nav .ul li a {
    display: inline-block;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    width: 80%;
}

.c_portalResnav_main-01001005 .m_nav .ul li .dropdown_menu {
    display: none;
}

.c_portalResnav_main-01001005 .m_nav .ul li.dropdown.active .dropdown_menu {
    display: block;
}

.c_portalResnav_main-01001005 .m_nav .ul li .dropdown_menu a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 40px;
    box-sizing: border-box;
    border-bottom: 1px solid #f5f5f5;
}

.c_portalResnav_main-01001005 .m_nav .ul li .dropdown_menu a:last-child {
    border: none;
}

.c_portalResnav_main-01001005 .banner {
    width: 100%;
}

.c_portalResnav_main-01001005 .banner img {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .c_portalResnav_main-01001005 .m_nav {
        top: 0;
        width: 100%;
        height: 1200px;
        left: 0;
        background: #fff;
        transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;
        -webkit-transition: all ease 0.5s;
        z-index: 1000;
        opacity: 1;
        visibility: visible;
        margin-top: 0;
        overflow-y: auto;
        transform: translateX(100%);
    }

    .c_portalResnav_main-01001005 .navNameLink2 {
        color: #000!important;
        font-weight: bold!important;
        font-size: 16px!important;
    }

    .c_portalResnav_main-01001005 .header {
        padding: 0px;
    }

    .c_portalResnav_main-01001005 .header #navToggle {
        height: 50px;
        padding: 30px 0px;
        display: inline-block;
        float: right;
    }

    .c_portalResnav_main-01001005 .header #navToggle span {
        position: relative;
        width: 25px;
        height: 2px;
        margin-top: 19px;
    }

    .c_portalResnav_main-01001005 .header #navToggle span:before, .header #navToggle span:after {
        content: '';
        position: relative;
        width: 100%;
        height: 2px;
        left: 0;
    }

    .c_portalResnav_main-01001005 .header #navToggle span, .header #navToggle span:before, .header #navToggle span:after {
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        display: block;
        background: #333;
    }

    .c_portalResnav_main-01001005 .header #navToggle span:before {
        top: 8px;
    }

    .c_portalResnav_main-01001005 .header #navToggle span:after {
        bottom: 10px;
    }

    .c_portalResnav_main-01001005 .header #navToggle.open span:before {
        top: 10px;
        -webkit-transform: translateY(-11px) rotate(-45deg);
        -moz-transform: translateY(-11px) rotate(-45deg);
        -ms-transform: translateY(-11px) rotate(-45deg);
        -o-transform: translateY(-11px) rotate(-45deg);
        transform: translateY(-11px) rotate(-45deg);
    }

    .c_portalResnav_main-01001005 .header #navToggle.open span:after {
        bottom: 12px;
        -webkit-transform: translateY(10px) rotate(45deg);
        -moz-transform: translateY(10px) rotate(45deg);
        -ms-transform: translateY(10px) rotate(45deg);
        -o-transform: translateY(10px) rotate(45deg);
        transform: translateY(10px) rotate(45deg);
    }

    .c_portalResnav_main-01001005 .header #navToggle.open span {
        background: none;
    }

    .c_portalResnav_main-01001005 .header #navToggle.open span:before, .header #navToggle.open span:after {
        background: #fff;
    }

    .c_portalResnav_main-01001005 .header .nav {
        display: none;
    }

    .c_portalResnav_main-01001005 .banner img {
        height: 600px;
        object-fit: cover;
    }

    .c_portalResnav_main-01001005 .jt {
        display: inline-block;
        width: 10%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        vertical-align: top;
        font-size: 12px;
        transition: all .5s ease;
    }

    .c_portalResnav_main-01001005 .jtRote {
        transform: rotateZ(90deg);
    }
}

@media only screen and (max-width: 768px) {
    .c_portalResPublic_codeContainer-01001 {
        min-height: 500px;
        width: 100%;
    }

    .demo div {
        width: 50%!important;
        border: none!important;
    }

    span.counter {
        font-size: 40px!important;
    }

    .container {
        margin-top: 50px!important;
    }

    .titl {
        font-size: 18px;
        font-family: 微软雅黑;
    }
}

@media only screen and (min-width: 769px) {
    .c_portalResPublic_codeContainer-01001 {
        min-height: 500px;
        width: 100%;
    }

    .titl {
        font-size: 18px;
        font-family: 微软雅黑;
    }
}

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

.dbg {
    width: 100%;
    height: 100%;
}

.demo {
    text-align: left;
    margin-top: 0px;
    margin-left: 0px;
}

span.counter {
    font-size: 64px;
    font-family: Impact,sans-serif;
    font-weight: bold;
    color: #bc0728;
}

span.jieshao {
    font-size: 16px;
    color: #585858;
}

.demo #demo01 {
    width: 25%;
    text-align: center;
    float: left;
    border-right: 1px solid #eee;
}

.demo #demo02 {
    width: 25%;
    text-align: center;
    float: left;
    border-right: 1px solid #eee;
}

.demo #demo03 {
    width: 25%;
    text-align: center;
    float: left;
    border-right: 1px solid #eee;
}

.demo #demo04 {
    width: 25%;
    text-align: center;
    float: left;
}

.swiper-slide {
    color: #fff;
}

.k_animation {
    height: 400px;
}

.k_namec {
    height: 200px;
    padding-left: 20px;
    padding-top: 20px;
    background-color: rgba(1,64,153,0);
}

.swiper-slide hr {
    border-bottom: 3px solid #fff;
    width: 70px;
}

.k_index_f_p_info {
    background-image: url(../image/yy2.jpg);
    background-size: cover;
}

.k_index_f_p_info1 {
    background-image: url(../image/yy1.jpg);
    background-size: cover;
}

.k_index_f_p_info2 {
    background-image: url(http://static201.yun300.cn/img/yy3.jpg?tenantId=187040&viewType=1&v=1701078543000);
    background-size: cover;
}

.k_index_f_p_info3 {
    background-image: url(http://static201.yun300.cn/img/yy4.jpg?tenantId=187040&viewType=1&v=1701078543000);
    background-size: cover;
}

.k_index_f_p_info4 {
    background-image: url(http://static201.yun300.cn/img/yy5.jpg?tenantId=187040&viewType=1&v=1701078543000);
    background-size: cover;
}

.k_index_f_p_info5 {
    background-image: url(http://static201.yun300.cn/img/ship.png?tenantId=187040&viewType=1&v=1701078543000);
    background-size: cover;
}

.k_index_f_p_info6 {
    background-image: url(http://static201.yun300.cn/img/qc.jpg?tenantId=187040&viewType=1&v=1701078543000);
    background-size: cover;
}

.k_index_f_p_info7 {
    background-image: url(http://static201.yun300.cn/img/bang.png?tenantId=187040&viewType=1&v=1701078543000);
}

.k_index_f_p_info8 {
    background-image: url(http://static201.yun300.cn/img/jingm.png?tenantId=187040&viewType=1&v=1701078543000);
}

.k_index_f_p_info9 {
    background-image: url(http://static201.yun300.cn/img/xinn.png?tenantId=187040&viewType=1&v=1701078543000);
}

.k_index_f_p_info10 {
    background-image: url(http://static201.yun300.cn/img/qit.png?tenantId=187040&viewType=1&v=1701078543000);
}

.zmore {
    display: none;
    margin-top: 36px;
    color: #fff;
    font-size: 12px;
    font-family: 微软雅黑;
}

.k_index_f_p_content {
    padding-top: 250px;
}

.swiper-slide:hover .k_index_f_p_content {
    padding-top: 200px;
    transition: all 0.5s;
}

.swiper-slide:hover .k_namec {
    background-color: rgba(246,171,0,0.9);
    transition: all 1s;
}

.swiper-slide:hover .zmore {
    display: block;
}

.k_index_f_p_button {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 50px;
    background-color: rgba(0,0,0,0.5);
    color: #ccc;
    z-index: 2;
    font-size: 25px;
    cursor: pointer;
    text-align: center;
    display: none;
}

.k_index_f_p_button_left {
    left: 0px;
}

.k_index_f_p_button_right {
    right: 0px;
}

.k_index_f_p_button_left:before {
    content: " \e687";
}

.k_index_f_p_button_right:before {
    content: " \e6ae";
}

.k_index_f_p_button:before {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    top: calc(50% - 12px);
    top: -webkit-calc(50% - 12px);
    top: -moz-calc(50% - 12px);
    top: -ms-calc(50% - 12px);
}

#k_index_f_p_swiper:hover .k_index_f_p_button {
    display: block;
}

.yw {
    font-size: 14px;
    font-family: arial;
}

.znews li {
    background-color: #ececec;
    text-align: center;
    margin-bottom: 1px;
    padding-top: 90px;
    padding-bottom: 21px;
}

.znews li:hover {
    background: #014099;
}

.znews li:hover a {
    color: #fff;
    transition: 0.4s;
}

.znews li a {
    color: #333;
    font-size: 16px;
}

.znews li:nth-child(1) {
    background-image: url(http://static201.yun300.cn/img/news1.png?tenantId=187040&viewType=1&v=1701078543000);
    background-repeat: no-repeat;
    background-position: center 30px;
}

.znews li:nth-child(1):hover {
    background-image: url(http://static201.yun300.cn/img/news11.png?tenantId=187040&viewType=1&v=1701078543000);
    background-repeat: no-repeat;
    background-position: center 30px;
    transition: 0.4s;
}

.znews li:nth-child(2) {
    background-image: url(http://static201.yun300.cn/img/news2.png?tenantId=187040&viewType=1&v=1701078543000);
    background-repeat: no-repeat;
    background-position: center 30px;
}

.znews li:nth-child(2):hover {
    background-image: url(http://static201.yun300.cn/img/news22.png?tenantId=187040&viewType=1&v=1701078543000);
    background-repeat: no-repeat;
    background-position: center 30px;
}

.znews li:nth-child(3) {
    background-image: url(http://static201.yun300.cn/img/new3.png?tenantId=187040&viewType=1&v=1701078543000);
    background-repeat: no-repeat;
    background-position: center 30px;
}

.znews li:nth-child(3):hover {
    background-image: url(http://static201.yun300.cn/img/news33.png?tenantId=187040&viewType=1&v=1701078543000);
    background-repeat: no-repeat;
    background-position: center 30px;
}

.newList {
    position: relative;
    margin: 15px 0;
    padding-right: 100px;
    padding-left: 57px;
    overflow: hidden;
}

.k_col_4 {
    padding-right: 10px!Important;
    padding-left: 3px!important;
}

.boxa {
    padding: 30px!important;
    background: #f4f4f4;
}

.boxa .iMg {
    width: 24px;
    height: 24px;
    background-image: url(http://static201.yun300.cn/img/yjt2.png?tenantId=187040&viewType=1&v=1701078543000);
    float: left;
}

.boxa h3 {
    margin: 24px 0;
}

.boxa p {
    margin: 2px 0;
    line-height: 1.8;
}

.boxa .xiangq {
    margin: 40px 0 2px 0;
    font-size: 18px;
}

.boxa .xqtxt {
    display: inline-block;
    vertical-align: middle;
    margin: 0 16px;
}

.boxa:hover {
    background: #014099;
    color: #fff;
    transition: all 0.5s;
}

.boxa:hover .iMg {
    background-image: url(http://static201.yun300.cn/img/yjt.png?tenantId=187040&viewType=1&v=1701078543000);
}

.boxa:hover .xiangq a {
    color: #fff;
}

#lianxi {
    padding: 72px 32px;
    background: #828282;
    color: #fff;
}

#lianxi h3 {
    font-size: 28px;
    font-family: 微软雅黑;
    padding: 20px 0;
}

#lianxi p {
    font-size: 16px;
    font-family: 微软雅黑;
    color: #d3d3d3;
}

#lianxi hr {
    margin: 4px 0;
}

#lianxi .jit {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(http://static201.yun300.cn/img/yjt.png?tenantId=187040&viewType=1&v=1701078543000);
    float: left;
}

#lianxi .dianj {
    margin-top: 40px;
}

#lianxi span {
    font-size: 18px;
    font-family: 微软雅黑;
    margin-left: 16px;
    color: #fff;
}

#lianxi .dianj a:hover span {
    color: #014099;
}

#lianxi .dianj a:hover .jit {
    background-image: url(http://static201.yun300.cn/img/yjt2.png?tenantId=187040&viewType=1&v=1701078543000);
}

@media only screen and (max-width: 768px) {
    .c_portalResSearch_total-01001 {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        display: block;
        font-size: 0;
        padding: 0 10px;
    }

    .c_portalResSearch_total-01001 .p_contentBox {
        width: 100%;
        height: auto;
        overflow: visible;
        padding: 0;
        margin: 0;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: transparent;
        position: relative;
    }

    .c_portalResSearch_total-01001 .p_headbox {
        position: absolute;
        width: 100%;
        height: auto;
        border: 1px solid rgba(240, 240, 240, 1);
        border-radius: 5px;
        padding: 10px 0px;
        display: none;
        background: #fff;
        border-radius: 0;
        z-index: 999;
    }

    .c_portalResSearch_total-01001 .p_searchBox {
        width: 55%;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        overflow: visible;
        padding: 0;
        margin: 0;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: transparent;
        position: relative;
    }

    .c_portalResSearch_total-01001 .p_searchBox .p_input {
        width: 100%;
        display: inline-block;
        height: 50px;
        vertical-align: middle;
        color: inherit;
        position: relative;
        font-size: 24px;
    }

    .c_portalResSearch_total-01001 .p_searchBox .p_input .forward {
        display: none;
    }

    .c_portalResSearch_total-01001 .p_searchBox .p_input .forward:before {
        content: "\e6d5";
        color: #797979;
    }

    .c_portalResSearch_total-01001 .p_searchBtn {
        width: 20%;
        height: 50px;
        display: inline-block;
        vertical-align: middle;
        font-size: 24px;
        color: #777;
        border-width: 0;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        text-align: center;
        padding-top: 0;
        position: inherit;
        margin: 0;
        cursor: pointer;
        font-family: inherit;
        font-weight: inherit;
        text-decoration: none;
        background-size: 100% 100%;
    }

    .c_portalResSearch_total-01001 .p_searchBtn:hover {
        box-shadow: none;
        cursor: pointer;
    }

    .c_portalResSearch_total-01001 .p_searchBtn .iconfont {
        margin-right: 5px;
    }

    .c_portalResSearch_total-01001 .p_searchBtn .font {
        display: inline-table;
        vertical-align: middle;
        bottom: 0;
        height: inherit;
        color: inherit;
        font-family: inherit;
        font-weight: inherit;
        font-size: inherit;
        text-decoration: none;
        position: relative;
        line-height: 50px;
    }

    .c_portalResSearch_total-01001 .p_input input, .c_search_total-01001 .p_input .InputText {
        display: inline-block;
        height: 100%;
        width: inherit;
        line-height: inherit;
        padding-left: 5px;
        padding-right: 32px;
        border: none;
    }

    .c_portalResSearch_total-01001 .p_select {
        height: auto;
        font-size: 0;
        display: inline-block;
        width: 25%;
        vertical-align: middle;
        float: left;
    }

    .c_portalResSearch_total-01001 .p_select input {
        width: inherit;
        height: 50px;
        border: none;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 24px;
        position: absolute;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .c_portalResSearch_total-01001 .p_select .shape {
        display: inline-block;
        width: 25px;
        height: 50px;
        position: static!important;
        line-height: 50px;
        text-align: center;
        border-left: none;
        font-size: 12px;
        color: rgba(200, 200, 200, 1);
        float: right;
        top: 0!important;
        transform: translateY(0%);
        margin-right: 10px;
    }

    .c_portalResSearch_total-01001 .p_select .shape:before {
        content: "\e69c";
        font-size: 24px;
    }

    .c_portalResSearch_total-01001 .p_select .itembox {
        height: auto;
        width: 100%;
        position: absolute;
        top: 80px;
        left: 0px;
        border: 1px solid rgba(240, 240, 240, 1);
        z-index: 99;
        background-color: #fff;
        font-size: 0;
        border-radius: 5px;
    }

    .c_portalResSearch_total-01001 .p_select li {
        width: calc(100% / 4);
        height: auto;
        display: inline-block;
        margin: 20px 0;
        text-align: center;
        font-size: 22px;
        border-left: 1px solid #ccc;
    }

    .c_portalResSearch_total-01001 .p_select li:nth-child(1) {
        border-left: none;
    }

    .c_portalResSearch_total-01001 .p_select li:nth-child(5) {
        border-left: none;
    }

    .c_portalResSearch_total-01001 .p_select li i img {
        display: none;
    }

    input::-webkit-input-placeholder {
        font-size: 24px;
        line-height: 50px;
        color: #777;
    }

    .c_portalResSearch_total-01001 .p_searchBtnBox {
        display: block;
        width: 250px;
        height: auto;
        padding: 10px 10px;
        background-color: #1890FF;
        border-radius: 5px;
        margin-bottom: 30px;
        margin: 0 10px 30px 10px;
    }

    .c_portalResSearch_total-01001 .p_searchBtnA {
        width: 100%;
        height: auto;
        padding: 10px 10px;
        font-size: 24px;
        color: #fff;
        text-align: center;
    }

    .c_portalResSearch_total-01001 .p_headbox.active:before {
        width: 0px;
        height: 0px;
        position: absolute;
        top: -40px;
        left: 41px;
        padding: 0;
        border-bottom: 20px solid #FFFFFF;
        border-top: 20px solid transparent;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        display: block;
        content: "";
        z-index: 12;
    }

    .c_portalResSearch_total-01001 .p_headbox.active:after {
        width: 0px;
        height: 0px;
        position: absolute;
        top: -41px;
        left: 41px;
        padding: 0;
        border-bottom: 20px solid #efe7e7;
        border-top: 20px solid transparent;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        display: block;
        content: "";
        z-index: 10;
    }

    .c_portalResSearch_total-01001 .p_input .iconfont.last {
        position: absolute;
        color: #afafaf;
        top: 16px;
        right: 5px;
        font-size: 20px;
        cursor: pointer;
    }

    .c_portalResSearch_total-01001 .p_input .iconfont.last:before {
        content: "\e640";
    }

    .c_portalResSearch_total-01001 .p_searchBtnA:hover {
        box-shadow: none;
    }

    .c_portalResSearch_total-01001 .p_searchBtnA .iconfont:before {
        content: "\e661";
        font-size: 30px;
        vertical-align: middle;
        margin-right: 10px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .c_portalResSearch_total-01001 {
        margin-left: auto;
        margin-right: auto;
        max-width: 1180px;
        min-height: 192px;
        width: auto;
        display: inline-block;
        font-size: 0;
    }

    .c_portalResSearch_total-01001 .p_contentBox {
        width: 100%;
        height: auto;
        overflow: visible;
        white-space: nowrap;
        padding: 0;
        margin: 0;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: transparent;
        position: relative;
    }

    .c_portalResSearch_total-01001 .p_headbox {
        width: 100%;
        height: auto;
    }

    .c_portalResSearch_total-01001 .p_searchBox {
        width: auto;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        overflow: visible;
        padding: 0;
        margin: 0;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: transparent;
        position: relative;
    }

    .c_portalResSearch_total-01001 .p_searchBox .p_input {
        width: 480px;
        display: inline-block;
        height: 60px;
        vertical-align: middle;
        color: inherit;
        position: relative;
        font-size: 14px;
    }

    .c_portalResSearch_total-01001 .p_searchBox .p_input .last {
        display: none;
    }

    .c_portalResSearch_total-01001 .p_searchBox .p_input .forward {
        position: absolute;
        left: 5px;
        top: 50%;
        transform: translateY(-50%);
        height: auto;
        font-size: 15px;
    }

    .c_portalResSearch_total-01001 .p_searchBox .p_input .forward:before {
        content: "\e661";
        color: #a9a9a9;
    }

    .c_portalResSearch_total-01001 .p_searchBtn {
        width: auto;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        color: rgba(255,255,255,1);
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: #1890FF;
        text-align: center;
        padding-top: 0;
        padding-right: 20px;
        padding-left: 20px;
        position: inherit;
        margin: 0;
        padding: 0 20px;
        cursor: pointer;
        font-family: inherit;
        font-weight: inherit;
        text-decoration: none;
        background-size: 100% 100%;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .c_portalResSearch_total-01001 .p_searchBtn .font {
        display: table-cell;
        vertical-align: middle;
        bottom: 0;
        height: inherit;
        color: inherit;
        font-family: inherit;
        font-weight: inherit;
        font-size: inherit;
        text-decoration: none;
        position: relative;
        text-align: center;
    }

    .c_portalResSearch_total-01001 .p_input input, .c_search_total-01001 .p_input .InputText {
        display: inline-block;
        height: 100%;
        width: inherit;
        line-height: inherit;
        border-width: 1px;
        border-style: solid;
        border-color: #f0f0f0;
        padding-left: 25px;
        padding-right: 5px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .c_portalResSearch_total-01001 .p_select {
        height: auto;
        position: relative;
        font-size: 0;
        display: inline-block;
        width: auto;
        vertical-align: middle;
        margin-left: -1px;
    }

    .c_portalResSearch_total-01001 .p_select input {
        width: 75px;
        height: 40px;
        border: 1px solid rgba(240, 240, 240, 1);
        line-height: 30px;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 12px;
        padding: 0 10px;
    }

    .c_portalResSearch_total-01001 .p_select input:hover {
        background-color: rgb(240, 248, 250);
        color: rgb(100, 190, 186);
    }

    .c_portalResSearch_total-01001 .p_select input:hover + .shape {
        background-color: rgb(240, 248, 250);
    }

    .c_portalResSearch_total-01001 .p_select .shape {
        display: inline-block;
        width: 30px;
        height: 40px;
        position: absolute;
        right: 0;
        line-height: 40px;
        text-align: center;
        border: 1px solid rgba(240, 240, 240, 1);
        border-left: none;
        font-size: 12px;
        color: rgba(200, 200, 200, 1);
    }

    .c_portalResSearch_total-01001 .p_select .shape:before {
        content: "\e6c9";
    }

    .c_portalResSearch_total-01001 .p_select .shape:hover {
        color: #65beba;
    }

    .c_portalResSearch_total-01001 .p_select .itembox {
        height: auto;
        width: 100%;
        position: absolute;
        top: 40px;
        left: 0px;
        border: 1px solid rgba(240, 240, 240, 1);
        border-top: 0;
        overflow-y: auto;
        z-index: 99;
        background-color: #fff;
        font-size: 12px;
        max-height: 180px;
    }

    .c_portalResSearch_total-01001 .p_select li {
        width: auto;
        height: 40px;
        line-height: 40px;
        display: block;
        text-align: center;
    }

    .c_portalResSearch_total-01001 .p_select li:hover {
        background-color: rgb(240, 248, 250);
        color: rgb(100, 190, 186);
    }

    .c_portalResSearch_total-01001 .p_select li i img {
        display: none;
    }

    .c_portalResSearch_total-01001 .p_searchBtnBox {
        display: none;
    }
}

@media only screen and (min-width: 769px) {
    .c_portalResSearch_total-01001 {
        margin-left: auto;
        margin-right: auto;
        max-width: 1180px;
        min-height: 192px;
        width: auto;
        display: inline-block;
        font-size: 0;
    }

    .c_portalResSearch_total-01001 .p_contentBox {
        width: 100%;
        height: auto;
        overflow: visible;
        white-space: nowrap;
        padding: 0;
        margin: 0;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: transparent;
        position: relative;
    }

    .c_portalResSearch_total-01001 .p_headbox {
        width: 100%;
        height: auto;
    }

    .c_portalResSearch_total-01001 .p_searchBox {
        width: auto;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        overflow: visible;
        padding: 0;
        margin: 0;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: transparent;
        position: relative;
    }

    .c_portalResSearch_total-01001 .p_searchBox .p_input {
        width: 220px;
        display: inline-block;
        height: 40px;
        vertical-align: middle;
        color: inherit;
        position: relative;
        font-size: 14px;
    }

    .c_portalResSearch_total-01001 .p_searchBox .p_input .last {
        display: none;
    }

    .c_portalResSearch_total-01001 .p_searchBox .p_input .forward {
        position: absolute;
        left: 5px;
        top: 50%;
        transform: translateY(-50%);
        height: auto;
        font-size: 15px;
    }

    .c_portalResSearch_total-01001 .p_searchBox .p_input .forward:before {
        content: "\e661";
        color: #a9a9a9;
    }

    .c_portalResSearch_total-01001 .p_searchBtn {
        width: auto;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        color: rgba(255,255,255,1);
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: #1890FF;
        text-align: center;
        padding-top: 0;
        padding-right: 20px;
        padding-left: 20px;
        position: inherit;
        margin: 0;
        padding: 0 20px;
        cursor: pointer;
        font-family: inherit;
        font-weight: inherit;
        text-decoration: none;
        background-size: 100% 100%;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .c_portalResSearch_total-01001 .p_searchBtn .font {
        display: table-cell;
        vertical-align: middle;
        bottom: 0;
        height: inherit;
        color: inherit;
        font-family: inherit;
        font-weight: inherit;
        font-size: inherit;
        text-decoration: none;
        position: relative;
        text-align: center;
    }

    .c_portalResSearch_total-01001 .p_input input, .c_search_total-01001 .p_input .InputText {
        display: inline-block;
        height: 100%;
        width: inherit;
        line-height: inherit;
        border-width: 1px;
        border-style: solid;
        border-color: #f0f0f0;
        padding-left: 25px;
        padding-right: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .c_portalResSearch_total-01001 .p_select {
        height: auto;
        position: relative;
        font-size: 0;
        display: inline-block;
        width: auto;
        vertical-align: middle;
        margin-left: -1px;
    }

    .c_portalResSearch_total-01001 .p_select input {
        width: 75px;
        height: 40px;
        border: 1px solid rgba(240, 240, 240, 1);
        line-height: 30px;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 12px;
        padding: 0 10px;
    }

    .c_portalResSearch_total-01001 .p_select input:hover {
        background-color: rgb(240, 248, 250);
        color: rgb(100, 190, 186);
    }

    .c_portalResSearch_total-01001 .p_select input:hover + .shape {
        background-color: rgb(240, 248, 250);
    }

    .c_portalResSearch_total-01001 .p_select .shape {
        display: inline-block;
        width: 30px;
        height: 40px;
        position: absolute;
        right: 0;
        line-height: 40px;
        text-align: center;
        border: 1px solid rgba(240, 240, 240, 1);
        border-left: none;
        font-size: 12px;
        color: rgba(200, 200, 200, 1);
    }

    .c_portalResSearch_total-01001 .p_select .shape:before {
        content: "\e6c9";
    }

    .c_portalResSearch_total-01001 .p_select .shape:hover {
        color: #65beba;
    }

    .c_portalResSearch_total-01001 .p_select .itembox {
        height: auto;
        width: 100%;
        position: absolute;
        top: 40px;
        left: 0px;
        border: 1px solid rgba(240, 240, 240, 1);
        border-top: 0;
        overflow-y: auto;
        z-index: 99;
        background-color: #fff;
        font-size: 12px;
        max-height: 180px;
    }

    .c_portalResSearch_total-01001 .p_select li {
        width: auto;
        height: 40px;
        line-height: 40px;
        display: block;
        text-align: center;
    }

    .c_portalResSearch_total-01001 .p_select li:hover {
        background-color: rgb(240, 248, 250);
        color: rgb(100, 190, 186);
    }

    .c_portalResSearch_total-01001 .p_select li i img {
        display: none;
    }

    .c_portalResSearch_total-01001 .p_searchBtnBox {
        display: none;
    }
}

.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(http://static201.yun300.cn/img/camera.png?tenantId=187040&viewType=1&v=1701078543000) no-repeat center;
}

.c_portalResProduct_category-01001 .p_categoryBox .p_parentBox .p_linkBox:hover {
    background: #e6f7ff;
}

@media only screen and (max-width:768px) {
    .c_portalResProduct_category-01001 {
        height: auto;
        width: 280px;
        overflow: visible;
    }

    .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title {
        width: 100%;
    }

    .c_portalResProduct_category-01001 .p_categoryBox {
        line-height: 24px;
    }

    .c_portalResProduct_category-01001 .p_btn-show {
        display: inline-block;
    }

    .c_portalResProduct_category-01001 .p_title {
        font-size: 16px;
    }

    .c_portalResProduct_category-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;
        padding: 5px 10px;
        border-bottom: 1px solid #fff;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox {
        width: 100%;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .p_title {
        height: auto;
        width: auto;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        align-items: center;
    }

    .c_portalResProduct_category-01001 .p_childBox .p_parentBox {
        background: #FFFFFF;
    }

    .c_portalResProduct_category-01001 .p_childBox .p_parentBox .p_linkBox {
        background: #EFEFF4;
        width: 100%;
        border-bottom: 1px solid #d5d5d6;
    }

    .c_portalResProduct_category-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: rgba(101, 190, 186, 1);
        height: auto;
        width: 14px;
        margin: 0 4px 0 0;
        padding: 0;
        position: static;
        text-align: center;
        font-size: 14px;
        color: rgba(217, 217, 217, 1);
    }

    .c_portalResProduct_category-01001 .p_categoryBtn:active {
        border-width: 0;
        border-style: solid;
        color: rgba(101, 190, 186, 1);
        border-color: rgba(255, 255, 255, 0);
        background-color: rgba(255, 255, 255, 0);
        box-shadow: none;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .p_childBox {
        padding-left: 20px;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox {
        position: relative;
        height: auto;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .slideOut {
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%;
        height: auto;
    }

    .c_portalResProduct_category-01001 .p_image {
        width: 30px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }

    .c_portalResProduct_category-01001 .p_image>img {
        width: 100%;
        height: 100%;
    }

    .c_portalResProduct_category-01001 .p_num .iconfont:before {
        content: '';
    }

    .c_portalResProduct_category-01001 .p_num {
        color: #ccc;
    }

    .c_portalResProduct_category-01001 .p_childBox .p_num {
        color: #333;
    }

    .c_portalResProduct_category-01001 .p_childBox {
        background: #efeff4;
    }

    .c_portalResProduct_category-01001 .p_parentBox {
        background: #fff;
        color: #000;
    }

    .c_portalResProduct_category-01001 {
        height: auto;
        width: 280px;
        overflow: visible;
    }

    .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title {
        width: 100%;
    }

    .c_portalResProduct_category-01001 .p_categoryBox {
        line-height: 24px;
        background: #fff;
    }

    .c_portalResProduct_category-01001 .p_title {
        font-size: 16px;
    }

    .c_portalResProduct_category-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;
        padding: 5px 10px;
        border-bottom: 1px solid #fff;
        height: 50px;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .p_title {
        height: auto;
        width: auto;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        align-items: center;
    }

    .c_portalResProduct_category-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: rgba(101, 190, 186, 1);
        height: auto;
        width: 14px;
        margin: 0 4px 0 0;
        padding: 0;
        position: static;
        text-align: center;
        font-size: 14px;
        color: rgba(217, 217, 217, 1);
    }

    .c_portalResProduct_category-01001 .p_categoryBtn:active {
        border-width: 0;
        border-style: solid;
        color: rgba(101, 190, 186, 1);
        border-color: rgba(255, 255, 255, 0);
        background-color: rgba(255, 255, 255, 0);
        box-shadow: none;
    }

    .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_up:before {
        content: '\e69a';
        color: #7B7B7E;
    }

    .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down:before {
        content: '\e69c';
        color: #7B7B7E;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .p_childBox {
        padding-left: 20px;
        width: 100%;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox {
        position: relative;
        height: auto;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .slideOut {
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%;
        height: auto;
    }

    .c_portalResProduct_category-01001 .p_image {
        width: 30px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }

    .c_portalResProduct_category-01001 .p_image>img {
        width: 100%;
        height: 100%;
    }

    .c_portalResProduct_category-01001 .p_num .iconfont:before {
        content: '';
    }

    .c_portalResProduct_category-01001 .p_num {
        color: #ccc;
    }

    .c_portalResProduct_category-01001 .p_childBox .p_num {
        color: #333;
    }

    .c_portalResProduct_category-01001 .p_childBox {
        background: #efeff4;
    }

    .c_portalResProduct_category-01001 .p_parentBox {
        background: #fff;
        color: #000;
    }

    .c_portalResProduct_category-01001 .p_btn-show .p_c-fff {
        color: #fff;
    }

    .c_portalResProduct_category-01001 .p_btn-show .p_c-fff {
        margin: 0 0 0 10px;
        vertical-align: middle;
        width: auto;
        float: right;
        line-height: 50px;
    }

    .c_portalResProduct_category-01001 .p_categoryBox {
        overflow-y: auto;
        height: 100%;
        float: left;
    }
}

@media only screen and (min-width:769px) and (max-width: 1024px) {
    .c_portalResProduct_category-01001 {
        height: auto;
        width: 280px;
        overflow: visible;
    }

    .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title {
        width: 100%;
    }

    .c_portalResProduct_category-01001 .p_category {
        height: 100%;
        width: 100%;
        position: relative;
    }

    .c_portalResProduct_category-01001 .p_categoryBox {
        line-height: 24px;
    }

    .c_portalResProduct_category-01001 .p_btn-show {
        display: none;
    }

    .e_title .p_title {
        font-size: 16px;
    }

    .c_portalResProduct_category-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;
        padding: 5px 10px;
        border-bottom: 1px solid #fff;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .p_title {
        height: auto;
        width: auto;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        align-items: center;
    }

    .c_portalResProduct_category-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: rgba(101, 190, 186, 1);
        height: auto;
        width: 14px;
        margin: 0 4px 0 0;
        padding: 0;
        position: static;
        text-align: center;
        font-size: 14px;
        color: rgba(217, 217, 217, 1);
    }

    .c_portalResProduct_category-01001 .p_childBox .p_parentBox {
        width: 100%;
    }

    .c_portalResProduct_category-01001 .p_categoryBtn:active {
        border-width: 0;
        border-style: solid;
        color: rgba(101, 190, 186, 1);
        border-color: rgba(255, 255, 255, 0);
        background-color: rgba(255, 255, 255, 0);
        box-shadow: none;
    }

    .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_up:before {
        content: '\e6c9';
        color: #7B7B7E;
    }

    .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down:before {
        content: '\e6c8';
        color: #7B7B7E;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .p_childBox {
        padding-left: 20px;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox {
        position: relative;
        height: auto;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .slideOut {
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%;
        height: auto;
    }

    .c_portalResProduct_category-01001 .p_image {
        width: 30px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }

    .c_portalResProduct_category-01001 .p_image>img {
        width: 100%;
        height: 100%;
    }

    .c_portalResProduct_category-01001 .p_num .iconfont:before {
        content: '';
    }

    .c_portalResProduct_category-01001 .p_num {
        color: #ccc;
    }

    .c_portalResProduct_category-01001 .p_childBox .p_num {
        color: #333;
    }

    .c_portalResProduct_category-01001 .p_btn-hide {
        width: 10%;
        height: 100%;
        display: none;
    }

    .c_portalResProduct_category-01001 .p_parentBox {
        background: #fff;
        color: #000;
    }

    .c_portalResProduct_category-01001 {
        height: auto;
        width: 280px;
        overflow: visible;
    }

    .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title {
        width: 100%;
    }

    .c_portalResProduct_category-01001 .p_category {
        height: 100%;
        width: 100%;
        position: relative;
    }

    .c_portalResProduct_category-01001 .p_categoryBox {
        line-height: 24px;
    }

    .e_title .p_title {
        font-size: 16px;
    }

    .c_portalResProduct_category-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;
        padding: 5px 10px;
        border-bottom: 1px solid #fff;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .p_title {
        height: auto;
        width: auto;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        align-items: center;
    }

    .c_portalResProduct_category-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: rgba(101, 190, 186, 1);
        height: auto;
        width: 14px;
        margin: 0 4px 0 0;
        padding: 0;
        position: static;
        text-align: center;
        font-size: 14px;
        color: rgba(217, 217, 217, 1);
    }

    .c_portalResProduct_category-01001 .p_categoryBtn:active {
        border-width: 0;
        border-style: solid;
        color: rgba(101, 190, 186, 1);
        border-color: rgba(255, 255, 255, 0);
        background-color: rgba(255, 255, 255, 0);
        box-shadow: none;
    }

    .c_portalResProduct_category-01001 .p_linkBox .iconfont:before {
    }

    .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_up:before {
        content: '\e6c9';
    }

    .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down:before {
        content: '\e6c8';
    }

    .c_portalResProduct_category-01001 .p_categoryBox .p_childBox {
        padding-left: 20px;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox {
        position: relative;
        height: auto;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .slideOut {
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%;
        height: auto;
    }

    .c_portalResProduct_category-01001 .p_image {
        width: 30px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }

    .c_portalResProduct_category-01001 .p_image>img {
        width: 100%;
        height: 100%;
    }

    .c_portalResProduct_category-01001 .p_num .iconfont:before {
        content: '';
    }

    .c_portalResProduct_category-01001 .p_num {
        color: #ccc;
    }

    .c_portalResProduct_category-01001 .p_childBox .p_num {
        color: #333;
    }

    .c_portalResProduct_category-01001 .p_parentBox {
        background: #fff;
        color: #000;
    }
}

@media only screen and (min-width:1024px) {
    .c_portalResProduct_category-01001 {
        height: auto;
        width: 280px;
        overflow: visible;
    }

    .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title {
        width: 100%;
    }

    .c_portalResProduct_category-01001 .p_category {
        height: 100%;
        width: 100%;
        position: relative;
    }

    .c_portalResProduct_category-01001 .p_categoryBox {
        line-height: 24px;
    }

    .e_title .p_title {
        font-size: 16px;
    }

    .c_portalResProduct_category-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;
        padding: 5px 10px;
        border-bottom: 1px solid #fff;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .p_title {
        height: auto;
        width: auto;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        align-items: center;
    }

    .c_portalResProduct_category-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: rgba(101, 190, 186, 1);
        height: auto;
        width: 14px;
        margin: 0 4px 0 0;
        padding: 0;
        position: static;
        text-align: center;
        font-size: 14px;
        color: rgba(217, 217, 217, 1);
    }

    .c_portalResProduct_category-01001 .p_categoryBtn:active {
        border-width: 0;
        border-style: solid;
        color: rgba(101, 190, 186, 1);
        border-color: rgba(255, 255, 255, 0);
        background-color: rgba(255, 255, 255, 0);
        box-shadow: none;
    }

    .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_up:before {
        content: '\e6c9';
        color: #7B7B7E;
    }

    .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down:before {
        content: '\e6c8';
        color: #7B7B7E;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .p_childBox {
        padding-left: 20px;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox {
        position: relative;
        height: auto;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .slideOut {
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%;
        height: auto;
    }

    .c_portalResProduct_category-01001 .p_image {
        width: 30px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }

    .c_portalResProduct_category-01001 .p_image>img {
        width: 100%;
        height: 100%;
    }

    .c_portalResProduct_category-01001 .p_num .iconfont:before {
        content: '';
    }

    .c_portalResProduct_category-01001 .p_num {
        color: #ccc;
    }

    .c_portalResProduct_category-01001 .p_childBox .p_num {
        color: #333;
    }

    .c_portalResProduct_category-01001 .p_parentBox {
        background: #fff;
        color: #000;
    }

    .c_portalResProduct_category-01001 {
        height: auto;
        width: 280px;
        overflow: visible;
    }

    .c_portalResProduct_category-01001 .e_ContentOrdinaryStyleBox-001 .stylebox_title {
        width: 100%;
    }

    .c_portalResProduct_category-01001 .p_category {
        height: 100%;
        width: 100%;
        position: relative;
    }

    .c_portalResProduct_category-01001 .p_categoryBox {
        line-height: 24px;
    }

    .c_portalResProduct_category-01001 .p_btn-show {
        display: none;
    }

    .c_portalResProduct_category-01001 .p_title {
        font-size: 16px;
    }

    .c_portalResProduct_category-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;
        padding: 5px 10px;
        border-bottom: 1px solid #fff;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .p_title {
        height: auto;
        width: auto;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        align-items: center;
    }

    .c_portalResProduct_category-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: rgba(101, 190, 186, 1);
        height: auto;
        width: 14px;
        margin: 0 4px 0 0;
        padding: 0;
        position: static;
        text-align: center;
        font-size: 14px;
        color: rgba(217, 217, 217, 1);
    }

    .c_portalResProduct_category-01001 .p_categoryBtn:active {
        border-width: 0;
        border-style: solid;
        color: rgba(101, 190, 186, 1);
        border-color: rgba(255, 255, 255, 0);
        background-color: rgba(255, 255, 255, 0);
        box-shadow: none;
    }

    .c_portalResProduct_category-01001 .p_linkBox .c {
        content: '\e6c9';
    }

    .c_portalResProduct_category-01001 .p_linkBox .icon-arrow_down:before {
        content: '\e6c8';
    }

    .c_portalResProduct_category-01001 .p_categoryBox .p_childBox {
        padding-left: 20px;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .p_parentBox {
        position: relative;
        height: auto;
    }

    .c_portalResProduct_category-01001 .p_categoryBox .slideOut {
        position: absolute;
        left: 100%;
        top: 0;
        width: 100%;
        height: auto;
    }

    .c_portalResProduct_category-01001 .p_image {
        width: 30px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }

    .c_portalResProduct_category-01001 .p_image>img {
        width: 100%;
        height: 100%;
    }

    .c_portalResProduct_category-01001 .p_num .iconfont:before {
        content: '';
    }

    .c_portalResProduct_category-01001 .p_num {
        color: #ccc;
    }

    .c_portalResProduct_category-01001 .p_childBox .p_num {
        color: #333;
    }

    .c_portalResProduct_category-01001 .p_btn-hide {
        width: 10%;
        height: 100%;
        background-color: #7F7F7F;
        display: none;
    }

    .c_portalResProduct_category-01001 .p_parentBox {
        background: #fff;
        color: #000;
    }
}

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

.w_fline-001 .p_FLine {
    width: 100%;
    border-top-color: rgb(33, 47, 104);
    border-top-style: solid;
    border-top-width: 3px;
    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_portalResComplaintPage_detail-01001 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
    max-width: 100%;
    min-width: 320px;
    overflow: hidden;
}

.c_portalResComplaintPage_detail-01001 .p_header {
    text-align: center;
    display: none;
}

.c_portalResComplaintPage_detail-01001 .p_time {
    text-align: center;
    margin: 20px 0;
    display: none;
}

.c_portalResComplaintPage_detail-01001 .p_articles {
    margin-top: 0px;
}

.c_portalResComplaintPage_detail-01001 .p_PromptNoneData {
    width: auto;
    background-color: inherit;
    text-align: center;
}

.c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_title .iconfont:before {
    content: "";
}

.c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_title .first {
    height: auto;
    display: table-cell;
    font-size: 32px;
    position: relative;
    color: #09bb07;
    vertical-align: middle;
    padding: 0 10px 5px 0;
}

.c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_title {
    display: inline-table;
    padding: 0 30px;
    min-height: 200px;
    height: 100%;
}

.c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_title .first:before {
    content: "\e6b4";
}

.c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_title .font {
    font-size: 18px;
    display: table-cell;
    line-height: normal;
    vertical-align: middle;
    color: rgba(51,51,51,1);
    font-weight: bold;
    text-align: left;
}

.c_portalResComplaintPage_detail-01001 .p_PromptNoneData .promptbox {
    width: auto;
    height: 100%;
}

.c_portalResComplaintPage_detail-01001 .p_PromptNoneData .prompt_content {
    font-size: 14px;
    color: rgba(105, 105, 105,1);
    padding-left: 65px;
}

@media only screen and (max-width: 768px) {
    .c_portalResComplaintPage_detail-01001 .p_complaintPageDetails {
        padding: 20px;
    }

    .c_portalResComplaintPage_detail-01001 .p_time {
        margin-top: 10px;
    }

    .c_portalResComplaintPage_detail-01001 .p_articles {
        margin-top: 20px;
    }

    .c_portalResComplaintPage_detail-01001 .resetHtmlCssStyle .tp img {
        vertical-align: top;
        width: 100%;
    }
}

@media only screen and (min-width:769px) {
    .c_portalResComplaintPage_detail-01001 .p_complaintPageDetails {
        padding: 0px;
    }

    .c_portalResComplaintPage_detail-01001 .p_header {
        padding-bottom: 8px;
    }

    .c_portalResComplaintPage_detail-01001 .p_timeIcon {
        width: auto;
        height: auto;
        display: inline-block;
        font-size: inherit;
        margin-right: 5px;
    }

    .c_portalResComplaintPage_detail-01001 .p_timeIcon:before {
        content: '\e67a';
    }
}

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

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

* {
    padding: 0;
    margin: 0;
}

.pagebox {
    width: 100%;
}

.pagebox,#-remove--flag {
}

body,#-remove--flag {
}

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

    100% {
        opacity: 1;
    }
}

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

#c_portalResProduct_category-15895286728612983 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResProduct_category-15895286728612983 >div {
    animation-fill-mode: both;
}

#c_portalResProduct_category-15895286728612983 .NavList_a1 {
    text-transform: capitalize;
}

#c_portalResProduct_category-15895286728612983 .NavList_a1 ul {
    text-align: left;
    display: block;
    font-size: 0px;
}

#c_portalResProduct_category-15895286728612983 .NavList_a1 a {
    position: relative;
    font-size: 13px;
    height: 80px;
    line-height: 80px;
    padding: 0px 20px;
    color: #333;
    display: block;
    transition: 0.3s ease 0s;
}

#c_portalResProduct_category-15895286728612983 .NavList_a1 a:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    display: block;
    background: #ccc;
    top: 50%;
    margin-top: -7px;
    right: 0px;
}

#c_portalResProduct_category-15895286728612983 .NavList_a1 a:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0px;
    width: 0%;
    height: 3px;
    background-color: none;
    transition: all .3s;
}

#c_portalResProduct_category-15895286728612983 .NavList_a1 a:hover:before {
    width: 80%;
    left: 10%;
    background-color: #f6ab00;
}
#c_portalResProduct_category-15895286728612983 .NavList_a1 a.current:before {
    width: 80%;
    left: 10%;
    background-color: #f6ab00;
}

#c_portalResProduct_category-15895286728612983 .NavList_a1 li {
    position: static;
    display: inline-block;
    color: #fff;
    width: auto;
    vertical-align: top;
}

#c_portalResProduct_category-15895286728612983 .menu-slide {
    z-index: -1;
    position: absolute;
    background: #f6ab00;
    bottom: 0px;
    display: none;
    transition: 0.5s cubic-bezier(0.21, 0.8, 0.31, 1.21) 0s;
}

#c_portalResProduct_category-15895286728612983 .swiper-container .swiper-notification {
    position: absolute;
    left: 0px;
    top: 0px;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

@media screen and (min-width: 769px) {
    #c_portalResProduct_category-15895286728612983 .NavList_a1 a:hover {
        color: #f6ab00;
    }
    #c_portalResProduct_category-15895286728612983 .NavList_a1 a.current{
        color: #f6ab00;
    }
}

@media screen and (max-width: 1400px) {
    #c_portalResProduct_category-15895286728612983 .NavList_a1 a {
        padding: 0px 30px;
    }
}

@media screen and (max-width: 1200px) {
    #c_portalResProduct_category-15895286728612983 .NavList_a1 a {
        padding: 0px 30px;
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
    #c_portalResProduct_category-15895286728612983 .NavList_a1 {
        border-bottom: 1px solid #ddd;
    }

    #c_portalResProduct_category-15895286728612983 .NavList_a1 a {
        padding: 0px 30px;
        font-size: 14px;
    }

    #c_portalResProduct_category-15895286728612983 .menu-slide {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    #c_portalResProduct_category-15895286728612983 .NavList_a1 {
        border-bottom: 1px solid #ddd;
    }

    #c_portalResProduct_category-15895286728612983 .NavList_a1 ul {
        text-align: left;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        font-size: 0;
    }

    #c_portalResProduct_category-15895286728612983 .NavList_a1 a {
        padding: 0px 20px;
        font-size: 14px;
        height: 62px;
        line-height: 62px;
    }

    #c_portalResProduct_category-15895286728612983 .NavList_a1 a:hover {
        color: #f6ab00;
    }

    #c_portalResProduct_category-15895286728612983 .NavList_a1 a:active {
        color: #f6ab00;
    }
}

#c_portalResProduct_category-15895286728612983 {
    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-1562256818727 > div > .p_gridbox {
    background-size: cover;
    padding-top: 100px;
}

@media(max-width:600px) {
    #w_grid-1562256818727 > div > .p_gridbox{
        padding-top: 50px;
    }
}

#w_grid-1562256818727 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1562256818727 >div {
    animation-fill-mode: both;
}

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

@media only screen and (min-width: 769px) {
    #w_grid-1562256818727> div > .p_gridbox > .p_gridCell {
        margin-bottom: 0rem;
        margin-top: 0rem;
        margin-left: 0px;
    }

    #w_grid-1562256818727> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
    }

    #w_grid-1562256818727> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #w_grid-1562256818727> div > .p_gridbox > .p_gridCell {
        margin-bottom: 0rem;
        margin-top: 0rem;
        margin-left: 0;
    }

    #w_grid-1562256818727> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    #w_grid-1562256818727> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0;
    }
}

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

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

#w_grid-1562256818737 .p_gridbox:before {
    background: none;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1;
}

#w_fline-1562256818747 .p_FLine {
    border-top-color: rgba(255, 255, 255, 1);
    border-top-width: 4px;
}

#w_fline-1562256818747 .w_fline .p_FLine {
    border-top-style: solid;
}

#w_fline-1562256818747 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_fline-1562256818747 >div {
    animation-fill-mode: both;
}

#w_grid-1571475521324 > div > .p_gridbox {
    background-color: rgba(244, 244, 244, 1);
}

#w_grid-1571475521324 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1571475521324 >div {
    animation-fill-mode: both;
}

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

@media only screen and (min-width: 769px) {
    #w_grid-1571475521324> div > .p_gridbox > .p_gridCell {
        margin-bottom: 0rem;
        margin-top: 0rem;
        margin-left: 0px;
    }

    #w_grid-1571475521324> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
    }

    #w_grid-1571475521324> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0px;
    }
}

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

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

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

#w_grid-1589348956058 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1589348956058 >div {
    animation-fill-mode: both;
}

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

@media only screen and (min-width: 769px) {
    #w_grid-1589348956058> div > .p_gridbox > .p_gridCell {
        margin-bottom: 0rem;
        margin-top: 0rem;
        margin-left: 0px;
    }

    #w_grid-1589348956058> div > .p_gridbox > .p_gridCell:nth-child(2n+0) {
        width: 29.23%;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
    }

    #w_grid-1589348956058> div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
        margin-left: 0px;
        clear: left;
        margin-right: 0px;
        /*width: 70.77%;*/
        width: 100%;
    }

    #w_grid-1589348956058> div > .p_gridbox > .p_gridCell:nth-child(2n) {
        margin-right: 0px;
    }
}

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

#w_grid-1562258869024 > div > .p_gridbox {
    background-color: rgba(245, 245, 245, 1);
}

#w_grid-1562258869024 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1562258869024 >div {
    animation-fill-mode: both;
}

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

@media only screen and (min-width: 769px) {
    #w_grid-1562258869024> div > .p_gridbox > .p_gridCell {
        margin-bottom: 0rem;
        margin-top: 0rem;
        margin-left: 0;
    }

    #w_grid-1562258869024> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    #w_grid-1562258869024> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0;
    }
}

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

#w_grid-1568120839392 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1568120839392 >div {
    animation-fill-mode: both;
}

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

@media only screen and (min-width: 769px) {
    #w_grid-1568120839392> div > .p_gridbox > .p_gridCell {
        margin-bottom: 0rem;
        margin-top: 0rem;
        margin-left: 0%;
    }

    #w_grid-1568120839392> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    #w_grid-1568120839392> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #w_grid-1568120839392 > div > .p_gridbox {
        padding: 0px;
    }
}

#w_grid-1562256818727 {
    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-1562256818737 {
    width: 100%;
    max-width: 1300px;
    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: 8%;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 8%;
}

#w_common_text-1562256818777 {
    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-1562256818747 {
    width: 100%;
    max-width: 67px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 43px;
    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-1571475521324 {
    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-1589348934787 {
    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-1589348956058 {
    width: 100%;
    max-width: 1300px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 80px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1589528641030 {
    width: auto;
    max-width: none;
    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-1562258869024 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 1000px;
    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-1568120839392 {
    width: 100%;
    max-width: 1300px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 150px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

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

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

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

#c_portalResProduct_list-15892616373464827 >div {
    animation-fill-mode: both;
}

#c_portalResProduct_list-15892616373464827 .proBox {
    padding: 0px 0;
}

#c_portalResProduct_list-15892616373464827 .container {
    padding: 0px;
}

#c_portalResProduct_list-15892616373464827 .proContainer {
    width: 100%;
    margin: 0px;
    overflow: hidden;
}

#c_portalResProduct_list-15892616373464827 .proImgBox {
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}

#c_portalResProduct_list-15892616373464827 .proLi {
    padding: 5px;
}

#c_portalResProduct_list-15892616373464827 .box {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
}

#c_portalResProduct_list-15892616373464827 .proImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(1.0);
    transition: all .5s ease;
    width: 100%;
}

#c_portalResProduct_list-15892616373464827 .txtBox {
    padding: 20px;
    transition: all .5s ease;
    background: #fff;
}

#c_portalResProduct_list-15892616373464827 .proTitle {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-right: 30px;
    font-size: 1rem;
}

#c_portalResProduct_list-15892616373464827 .proLink {
    display: block;
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .5s ease;
}

#c_portalResProduct_list-15892616373464827 .eye {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    background: url(../image/rBQBHF0jcwCECM_sAAAAABMVJQo005.png?tenantId=187040&viewType=1&v=1701078543000)no-repeat;
    background-position: right center;
}

#c_portalResProduct_list-15892616373464827 .line {
    position: relative;
    margin-top: 10px;
    width: 100%;
    height: 2px;
}

#c_portalResProduct_list-15892616373464827 .line::before {
    content: '';
    position: absolute;
    right: 0px;
    display: block;
    width: 30px;
    height: 1px;
    background: #999;
    transition: all .5s ease;
}

#c_portalResProduct_list-15892616373464827 .box:hover .line::before {
    width: 100%;
    background: #fff;
}

#c_portalResProduct_list-15892616373464827 .box:hover .txtBox {
    background: #f6ab00;
}

#c_portalResProduct_list-15892616373464827 .box:hover .proLink {
    color: #fff;
}

#c_portalResProduct_list-15892616373464827 .box:hover .eye {
    background-position: left center;
}

#c_portalResProduct_list-15892616373464827 .box:hover .proImg {
    transform: translate(-50%,-50%) scale(1.1);
}

@media (min-width: 1200px) {
    #c_portalResProduct_list-15892616373464827 .container {
        width: 100%;
    }
}

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

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

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

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

@media (min-width: 992px) {
    #c_portalResProduct_list-15892616373464827 .col-md-4 {
        width: 25%;
    }
}

@media only screen and (max-width: 768px) {
    #c_portalResProduct_list-15892616373464827 .col-md-4 {
        width: 50%;
        float: left;
    }

    #c_portalResProduct_list-15892616373464827 .container {
        margin-top: 0px!important;
    }
}

#c_portalResProduct_list-15892616373464827 {
    max-height: none;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    min-height: 0px;
    margin-right: 0px;
    margin-left: 0px;
    max-width: none;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    min-width: 0px;
    height: auto;
    padding-right: 0px;
}