﻿.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);
}
.tab_menu{overflow:hidden;position:relative;width:70%;float: right;}

.tab_menu li{width: 16%; margin-left: 0.5%; line-height: 50px;float:left;color:#666; font-size:16px; border:1px solid #CCCCCC;text-align:center;cursor:pointer;}

.tab_menu li.current{background:#0877c4;color:#fff;}

.tab_menu li a{color:#fff;text-decoration:none;}

.tab_menu li.current a{color:#333;}

.tab_box{ position:relative;
float: left;
width: 100%; margin-top: 60px;}

.tab_box li{
	float: left;
	width: 31%;
	margin:0px 1%  15px 1%;
}

.tab_box li span{margin:0 5px 0 0;font-family:"宋体";font-size:12px;font-weight:400;color:#ddd;}

.tab_box .hide{display:none;}
.anlinm{
	float: left;
	width: 100%;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #666;
	background:#fff;
}

.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);
}

.w_tabswitchbox-001 {
    width: 100%;
    min-height: 200px;
    margin: 0 auto;
}

.w_tabswitchbox-001 .w_tabswitchbox {
    height: 100%;
    width: 100%;
    min-height: inherit;
}

.w_tabswitchbox-001 .p_box001::-webkit-scrollbar-thumb {
    background-color: transparent;
}

.w_tabswitchbox-001 .p_box001::-webkit-scrollbar {
    height: 0;
}

.w_tabswitchbox-001 .p_vline:last-of-type {
    display: none;
}

.w_tabswitchbox-001 .p_relationbtntab .iconfont:before {
    content: "";
}

.w_tabswitchbox-001 .p_relationbtntab .iconfont {
    color: rgba(225,225,225,1);
}

.w_tabswitchbox-001 .p_relationbtntab {
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    background-color: #f1f1f1;
    text-align: center;
    color: #959595;
}

.w_tabswitchbox-001 .p_relationbtntab.active {
    color: rgba(255,255,255,1);
    background-color: #4AA3E7;
}

.w_tabswitchbox-001 .p_relationbtntab:before {
    content: '';
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.w_tabswitchbox-001 .p_relationbtntab .font {
    width: 100%;
    height: auto;
    font-size: 16px;
    background-color: inherit;
    color: inherit;
    display: inline-block;
    vertical-align: middle;
}

.w_tabswitchbox-001 .p_box003 {
    width: 100%;
    height: 100%;
    display: none;
    overflow: auto;
    position: static;
}

.w_tabswitchbox-001 .p_box003.active {
    display: block;
}

.w_tabswitchbox-001 > .layout_1 .p_box001 {
    width: 100%;
    height: 50px;
    display: block;
    font-size: 0;
    position: relative !important;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.w_tabswitchbox-001 > .layout_1 > div > .e_link-000 {
    width: calc(100% / 3);
    height: inherit;
    display: inline-block;
    cursor: pointer;
}

.w_tabswitchbox-001 > .layout_1 > div > .p_vline {
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    border-left-width: 0px;
    border-left-style: solid;
    border-color: rgba(225,225,225,1);
}

.w_tabswitchbox-001 > .layout_1 .p_box002 {
    width: 100%;
    height: calc(100% - 50px);
    border-width: 1px;
    border-style: solid;
    border-color: rgba(228, 228, 228, 1);
    background-color: rgba(255,255,255,1);
}

.w_tabswitchbox-001 .layout_2 {
    font-size: 0;
}

.w_tabswitchbox-001 > .layout_2 .p_box001 {
    width: 100px;
    height: 100%;
    min-height: inherit;
    display: inline-block;
    vertical-align: top;
}

.w_tabswitchbox-001 > .layout_2 .p_box002 {
    width: calc(100% - 100px);
    height: 100%;
    min-height: inherit;
    display: inline-block;
    vertical-align: top;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(228, 228, 228, 1);
    background-color: rgba(255,255,255,1);
}

.w_tabswitchbox-001 > .layout_2 > div > .e_link-000 {
    width: 100%;
    height: 50px;
    display: block;
}

.w_tabswitchbox-001 > .layout_2 > div > .p_vline {
    width: 100%;
    height: 0px;
    display: block;
}

@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) {
}

.c_portalResNews_list-01001001 {
    min-width: 320px;
    width: 100%;
}

.c_portalResNews_list-01001001 .p_PromptNoneData {
    width: auto;
    text-align: center
}

.c_portalResNews_list-01001001 .p_PromptNoneData .prompt_title .iconfont:before {
    content: ""
}

.c_portalResNews_list-01001001 .p_PromptNoneData .prompt_title .first {
    height: auto;
    display: table-cell;
    position: relative;
    vertical-align: middle;
    padding: 0 10px 5px 0;
}

.c_portalResNews_list-01001001 .p_PromptNoneData .prompt_title {
    display: inline-table;
    padding: 0 30px;
    min-height: 200px;
    height: 100%
}

.c_portalResNews_list-01001001 .p_PromptNoneData .prompt_title .first:before {
    content: "\e6b4"
}

.c_portalResNews_list-01001001 .p_PromptNoneData .prompt_title .font {
    display: table-cell;
    vertical-align: middle;
    text-align: left
}

.c_portalResNews_list-01001001 .p_PromptNoneData .promptbox {
    width: auto;
    height: 100%
}

.c_portalResNews_list-01001001 .p_PromptNoneData .prompt_content {
    padding-left: 65px
}

.c_portalResNews_list-01001001 .p_moreBtn {
    position: static;
    width: auto;
    display: inline-table;
    min-height: 29px;
    margin: 0;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    min-width: 86px;
    cursor: pointer;
    text-align: center
}

.c_portalResNews_list-01001001 .p_moreBtn .font {
    white-space: nowrap;
    overflow: visible;
    vertical-align: middle
}

.c_portalResNews_list-01001001 .p_moreBtn .iconfont:before {
    content: ""
}

@-moz-keyframes three-quarters-loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes three-quarters-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes three-quarters-loader {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loading_animation {
    -moz-animation: three-quarters-loader 850ms infinite linear;
    -webkit-animation: three-quarters-loader 850ms infinite linear;
    animation: three-quarters-loader 850ms infinite linear;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
    vertical-align: middle
}

.c_portalResNews_list-01001001 .p_loading {
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
}

.c_portalResNews_list-01001001 .p_loading .iconfont:before {
    content: "";
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

.c_portalResNews_list-01001001 .p_loading .font {
    display: inline-block;
    margin-left: 20px;
    height: inherit
}

.c_portalResNews_list-01001001 .p_moreBox {
    margin: 0 20px;
    width: auto;
    height: auto;
    padding: 0;
    overflow: hidden
}

.c_portalResNews_list-01001001 .p_ToDetail {
    display: inline-block;
    margin: 0;
    padding: 10px 20px;
    min-width: 86px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

a>.c_portalResNews_list-01001001 .p_ToDetail:hover {
    cursor: pointer
}

.c_portalResNews_list-01001001 .p_SummaryBox {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    overflow: hidden
}

.c_portalResNews_list-01001001 .p_summary {
    text-align: left;
    vertical-align: top;
    word-break: normal;
}

.c_portalResNews_list-01001001 .p_time {
    display: inline-block;
    margin: 0;
    padding: 0 5px 0 0;
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;
    overflow: visible;
    line-height: 18px;
    vertical-align: top
}

.c_portalResNews_list-01001001 .p_assist {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    overflow: hidden
}

.c_portalResNews_list-01001001 .p_TitleBox {
    width: auto;
    height: auto;
    padding: 5px 0;
    overflow: hidden;
    vertical-align: top;
}

.c_portalResNews_list-01001001 .p_title {
    display: inline-table;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
}

.c_portalResNews_list-01001001 .p_header {
    margin: 5px 0 0;
    width: auto;
    height: auto;
    padding: 0;
    overflow: hidden;
}

.c_portalResNews_list-01001001 .p_content {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    overflow: hidden
}

.c_portalResNews_list-01001001 .p_images {
    margin: 0;
    width: 168px;
    height: 138px;
    padding: 0;
    overflow: hidden;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    text-align: center;
    margin-right: 15px
}

.c_portalResNews_list-01001001 .p_articles {
    margin: 0;
    width: calc((100% - 0px)/4);
    height: 186px;
    padding: 0;
}

.c_portalResNews_list-01001001 .p_news {
    margin: 0;
    width: inherit;
    height: auto;
    padding: 0;
    overflow: hidden;
}

.c_portalResNews_list-01001001 .p_Newslist {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.c_portalResNews_list-01001001 {
    overflow: hidden;
}

.c_portalResNews_list-01001001 .p_content {
    width: auto;
    height: auto;
    vertical-align: top
}

.c_portalResNews_list-01001001 .p_SummaryBox {
    width: auto;
    height: auto;
}

.c_portalResNews_list-01001001 .p_assist {
    width: auto;
    height: auto;
}

.c_portalResNews_list-01001001 .p_icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px
}

.c_portalResNews_list-01001001 .p_about {
    display: inline-block;
    vertical-align: middle
}

.c_portalResNews_list-01001001 .p_articles {
    display: inline-block;
    height: auto;
    min-width: 320px;
    width: calc((100% - 0px)/1);
    padding: 15px 20px;
    overflow: hidden;
    float: left;
}

.c_portalResNews_list-01001001 .p_thumbnail {
    width: 100%;
    height: auto;
    vertical-align: middle;
    text-align: center;
    overflow: hidden
}

.c_portalResNews_list-01001001 .p_thumbnail img {
    width: 100%;
}

.c_portalResNews_list-01001001 .higher .p_thumbnail {
    position: absolute;
    height: 100%
}

.c_portalResNews_list-01001001 .widther .p_thumbnail {
    position: absolute;
    height: 100%
}

.c_portalResNews_list-01001001 .smaller .p_thumbnail {
    position: absolute;
    height: 100%
}

.c_portalResNews_list-01001001 .p_assist {
    margin-top: 2px;
}

.c_portalResNews_list-01001001 .p_SummaryBox {
    clear: both;
    margin-bottom: 10px;
    margin-top: 8px
}

.c_portalResNews_list-01001001 .p_ToDetail {
    float: left;
    position: relative;
    border-color: #cf8b32 !important;
    margin-top: 15px;
}

.c_portalResNews_list-01001001 .p_summary {
    white-space: normal;
    line-height: 1.5;
    font-size: 0.925rem;
}

.c_portalResNews_list-01001001 .p_categorySummaryBox {
    overflow: hidden;
    padding: 10px;
}

@media only screen and (max-width: 768px) {
    .c_portalResNews_list-01001001 .p_articles {
        margin-top: 10px !important;
        width: 100% !important;
    }

    .c_portalResNews_list-01001001 .mp_linkUrl {
        display: block;
        height: auto;
    }

    .c_portalResNews_list-01001001 .p_SummaryBox {
        display: none;
    }

    .c_portalResNews_list-01001001 .p_ToDetail {
        display: none !important;
    }

    .c_portalResNews_list-01001001 .mP_SummaryBox {
        clear: both;
    }

    .c_portalResNews_list-01001001 .p_Information {
        display: flex;
        padding: 10px 0;
    }

    .c_portalResNews_list-01001001 .p_Information li {
        flex: 1;
        height: 20px;
        overflow: hidden;
    }

    .c_portalResNews_list-01001001 .p_KeyWord {
        width: 100%;
        margin-top: 5px;
    }

    .c_portalResNews_list-01001001 .p_KeyWord .p_tag {
        padding: 5px 15px;
        margin-right: 10px;
        border-radius: 3px;
    }

    .c_portalResNews_list-01001001 .blank {
        width: 100%;
        height: 15px;
        overflow: hidden;
    }

    .c_portalResNews_list-01001001 .p_articles {
        border: none
    }
}

@media only screen and (min-width: 769px) {
    .c_portalResNews_list-01001001 .mp_linkUrl {
        display: none;
    }

    .c_portalResNews_list-01001001 .mP_SummaryBox {
        display: none;
    }

    .c_portalResNews_list-01001001 .p_Information {
        display: none;
    }

    .c_portalResNews_list-01001001 .p_KeyWord {
        display: none;
    }

    .c_portalResNews_list-01001001 .blank {
        display: none;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

.c_portalResNews_list-01001001 .p_CommonSummaryBoxA {
    text-align: center;
}

.c_portalResNews_list-01001001 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

.c_portalResNews_list-01001001 >div {
    animation-fill-mode: both;
}

.c_portalResNews_list-01001001 .newListBox {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.c_portalResNews_list-01001001 .container {
    width: 100%;
    overflow: hidden;
    margin: 1rem auto;
    padding: 0 1rem;
}

.c_portalResNews_list-01001001 .newList {
    overflow: hidden;
}

.c_portalResNews_list-01001001 .newPicBox {
    position: relative;
    overflow: hidden;
}

.c_portalResNews_list-01001001 .newPic {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .5s ease;
}

.c_portalResNews_list-01001001 .newTitle {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #0877c4;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
    transition: all .5s ease;
}

.c_portalResNews_list-01001001 .newDetailLink {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    border-bottom: 1px solid #a5a5a5;
}

.c_portalResNews_list-01001001 .leftBox .content {
    position: relative;
    width: 100%;
    height: 160px;
    padding: 35px 0px;
    transition: all .5s ease;
}

.c_portalResNews_list-01001001 .newMs {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 20px;
    color: #9e9e9e;
}

.c_portalResNews_list-01001001 .color_assist {
    font-size: 14px;
    line-height: 20px;
    color: #a5a5a5;
    padding-top: 10px;
}

.c_portalResNews_list-01001001 .leftBox .newMs {
    margin-bottom: 5px;
}

.c_portalResNews_list-01001001 .rightBox .newList {
    width: 100%;
    height: 33%;
}

.c_portalResNews_list-01001001 .rightBox .newDetailLink {
    display: flex;
    flex-wrap: nowrap;
}

.c_portalResNews_list-01001001 .rightBox .newPicBox {
    width: 140px;
    height: 100%;
    overflow: hidden;
}

.c_portalResNews_list-01001001 .rightBox .content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all .5s ease;
}

@media only screen and (min-width: 769px) {
    .c_portalResNews_list-01001001 .container {
        max-width:1400px;
        display: flex;
        flex-wrap: nowrap;    }

    .c_portalResNews_list-01001001 .leftBox .newList {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .c_portalResNews_list-01001001 .leftBox .newPicBox {
        width: 100%;
        height: 311px;
    }

    .c_portalResNews_list-01001001 .leftBox {
        width: 50%;
    }

    .c_portalResNews_list-01001001 .rightBox {
        width: 50%;
        padding-left: 50px;
    }

    .c_portalResNews_list-01001001 .newList:hover .newPic {
        transform: translate(-50%,-50%) scale(1.1);
    }

    .c_portalResNews_list-01001001 .newList:hover .contentR {
        padding-left: 0px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .c_portalResNews_list-01001001 .container {
        max-width: 900px;
    }

    .c_portalResNews_list-01001001 .newList {
        width: 50%;
    }
}

@media only screen and (max-width: 768px) {
    .newMs {
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2!important;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        font-size: 14px;
        line-height: 20px;
        color: #9e9e9e;
        display: none!important;
    }

    .c_portalResNews_list-01001001 .newList {
        width: 100%;
        height: 100%;
    }

    .c_portalResNews_list-01001001 .leftBox {
        width: 100%;
        height: 325px;
    }

    .c_portalResNews_list-01001001 .leftBox .newPicBox {
        width: 100%;
        height: 180px;
        overflow: hidden;
    }

    .c_portalResNews_list-01001001 .leftBox .content {
        width: 100%;
        height: 120px;
        padding: 20px;
    }

    .c_portalResNews_list-01001001 .rightBox {
        margin-top: 10px;
    }

    .c_portalResNews_list-01001001 .rightBox .newDetailLink {
        padding: 1rem;
    }

    .c_portalResNews_list-01001001 .rightBox .newPicBox {
        height: auto;
    }

    .c_portalResNews_list-01001001 .rightBox .content {
        padding: 0;
    }
}

.c_portalResNews_list-01001001 .p_page .pre .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

.c_portalResNews_list-01001001 .p_page .next .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

.c_portalResNews_list-01001001 .p_more .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

.c_portalResNews_list-01001001 .rightBox .newTitle {
    padding-top: 27px;
}

#w_grid-1562291452048 > div > .p_gridbox {
    background-color: rgb(163, 136, 81)!important;
}

@media only screen and (max-width: 768px) {
    .swiper-wrapper::after {
        display:none;
    }

    .c_portalResEbizads_banner-01001 .p_prompt {
        width: auto;
        height: auto;
        text-align: center;
        background-color: inherit;
        font-size: 16px;
        border: 1px solid #E4E4E4;
    }

    .c_portalResEbizads_banner-01001 .p_prompt .prompt_title {
        display: inline-table;
        padding: 0 30px;
        height: 100%;
        min-height: 260px;
    }

    .c_portalResEbizads_banner-01001 .p_prompt .prompt_title .iconfont:before {
        content: "";
    }

    .c_portalResEbizads_banner-01001 .p_prompt .prompt_title .first {
        height: auto;
        display: table-cell;
        font-size: 36px;
        margin-right: 10px;
        position: relative;
        color: #09bb07;
        vertical-align: middle;
        padding: 0 10px 10px 0;
    }

    .c_portalResEbizads_banner-01001 .p_prompt .prompt_title .first:before {
        content: "\e6b4";
    }

    .c_portalResEbizads_banner-01001 .p_prompt .prompt_title {
        font-size: 24px;
        text-align: left;
        color: rgba(51,51,51,1);
        font-weight: bold;
    }

    .c_portalResEbizads_banner-01001 .p_prompt .prompt_title .font {
        display: table-cell;
        line-height: normal;
        vertical-align: middle;
    }

    .c_portalResEbizads_banner-01001 .p_prompt .promptbox {
        width: auto;
        height: 100%;
    }

    .c_portalResEbizads_banner-01001 .p_prompt .prompt_content {
        font-size: 18px;
        color: rgba(105, 105, 105,1);
        padding-left: 65px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnD {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        font-size: 56px;
        color: #e2e2e2;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont:before {
        content: '\e687';
        display: inline-block;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnD .font {
        display: table;
        width: inherit;
        height: inherit;
        pointer-events: none;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnC {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        font-size: 56px;
        color: #e2e2e2;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnC .iconfont:before {
        content: '\e687';
        display: inline-block;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnC .font {
        display: table;
        width: inherit;
        height: inherit;
        pointer-events: none;
    }

    .c_portalResEbizads_banner-01001 .p_ListNumBtn {
        display: inline-table;
        height: 30px;
        width: 30px;
        background-color: #67b8b4;
        border-width: 1px;
        border-color: transparent;
        color: #999999;
        font-size: 12px;
        font-family: 'Microsoft YaHei';
    }

    .c_portalResEbizads_banner-01001 .p_ListNumBtn img {
        display: none;
    }

    .c_portalResEbizads_banner-01001 .p_ListNumBtn .shape {
        display: table-cell;
        width: inherit;
        height: inherit;
        text-align: center;
        vertical-align: middle;
    }

    .c_portalResEbizads_banner-01001 .p_ListNumBtn:active {
        color: rgba(255,255,255,1);
    }

    .c_portalResEbizads_banner-01001 .p_ListNumBtn.active {
        color: rgba(255,255,255,1);
    }

    .c_portalResEbizads_banner-01001 .p_ListNumBtn.j-nav-active {
        color: rgba(255,255,255,1);
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn {
        display: inline-block;
        height: 10px;
        width: 100px;
        padding: 0;
        background-color: #f2f2f2;
        border-width: 1px;
        border-color: transparent;
        font-size: 12px;
        font-family: 'Microsoft YaHei';
        text-align: center;
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn img {
        display: none;
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn .shape {
        text-indent: -9999em;
        width: inherit;
        height: inherit;
        vertical-align: middle;
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn:active {
        background-color: #67b8b4;
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn.active {
        background-color: #67b8b4;
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn.j-nav-active {
        background-color: #67b8b4;
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn {
        width: 15px;
        height: 15px;
        display: inline-table;
        background-color: rgba(228,228,228,1);
        color: rgba(153,153,153,1);
        font-size: 12px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        text-align: center;
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn img {
        display: none;
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn .shape {
        width: inherit;
        height: inherit;
        text-indent: -99999px;
        display: table-cell;
        vertical-align: middle;
        border-radius: inherit;
        -moz-border-radius: inherit;
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn:active {
        background-color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn.active {
        background-color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn.j-nav-active {
        background-color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-01001 .p_NumBtn {
        width: 150px;
        height: 66px;
        border-color: rgba(242,242,242,1);
        border-width: 2px;
        border-style: solid;
    }

    .c_portalResEbizads_banner-01001 .p_NumBtn .shape {
        display: none;
    }

    .c_portalResEbizads_banner-01001 .p_NumBtn:active {
        border-color: rgba(103,184,180,1);
    }

    .c_portalResEbizads_banner-01001 .p_NumBtn.active {
        border-color: rgba(103,184,180,1);
    }

    .c_portalResEbizads_banner-01001 .p_ThumbnailBox {
        width: inherit;
        height: auto;
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_ImgSummary {
        text-align: justify;
        vertical-align: top;
        word-break: break-all;
    }

    .c_portalResEbizads_banner-01001 .p_ImgHead {
        display: inline-table;
        margin: 0;
        padding: 0;
        color: #323232;
        font-size: 30px;
        font-weight: 400;
        text-align: left;
        white-space: nowrap;
        overflow: visible;
    }

    .c_portalResEbizads_banner-01001 .p_ImgHead .font {
        display: table-cell;
        vertical-align: top;
        line-height: 30px;
    }

    .c_portalResEbizads_banner-01001 .p_ImgHead .iconfont:before {
        content: "";
    }

    .c_portalResEbizads_banner-01001 .p_TitleBox {
        width: inherit;
        height: auto;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_SummaryBox {
        width: inherit;
        height: auto;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: rgba(179, 179, 179,1);
        overflow: visible;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB {
        background: rgba(81,80,80,.3);
        width: 64px;
        height: 139px;
        cursor: pointer;
        text-align: center;
        color: rgba(255,255,255,1);
        font-size: 40px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB .font {
        display: table;
        width: inherit;
        height: inherit;
        pointer-events: none;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB .iconfont {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        top: 3px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB:hover {
        border-width: 0;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: rgba(115,115,115,.7);
        color: rgba(106,192,189,1);
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB:active {
        border-width: 0;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: rgba(81,80,80,.7);
    }

    .c_portalResEbizads_banner-01001 .p_interactionB {
        width: inherit;
        height: auto;
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA {
        background: rgba(81,80,80,.3);
        width: 64px;
        height: 139px;
        cursor: pointer;
        text-align: center;
        color: rgba(255,255,255,1);
        font-size: 40px;
        z-index: 999;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA .font {
        display: table;
        width: inherit;
        height: inherit;
        pointer-events: none;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA .iconfont {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        top: 3px;
        right: 4px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA:hover {
        border-width: 0;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: rgba(115,115,115,.7);
        color: rgba(106,192,189,1);
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA:active {
        border-width: 0;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: rgba(81,80,80,.7);
    }

    .c_portalResEbizads_banner-01001 .p_interactionA {
        width: inherit;
        height: auto;
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_interactionA + .p_interactionA {
        left: initial;
        right: 0;
    }

    .c_portalResEbizads_banner-01001 .p_imageA {
        width: auto;
        height: auto;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_images {
        width: inherit;
        height: auto;
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_banner {
        width: inherit;
        height: auto;
        border-width: 1px;
        border-style: none;
        border-color: rgba(255, 255, 255,1);
        background-color: transparent;
        overflow: visible;
    }

    .c_portalResEbizads_banner-01001 {
        min-width: 300px;
        overflow: auto;
    }

    .c_portalResEbizads_banner-01001 .p_banner {
        width: 100%;
        height: 100%;
        background-color: transparent;
    }

    .c_portalResEbizads_banner-01001 .p_images {
        width: auto;
        height: auto;
    }

    .c_portalResEbizads_banner-01001 .p_ThumbnailBox {
        width: auto;
        height: auto;
        border-width: 0;
        background-color: transparent;
    }

    .c_portalResEbizads_banner-01001 .p_ThumbnailBoxA {
        width: auto;
        height: auto;
    }

    .c_portalResEbizads_banner-01001 .p_interactionA {
        width: auto;
        height: auto;
    }

    .c_portalResEbizads_banner-01001 .p_interactionB {
        width: auto;
        height: auto;
    }

    .c_portalResEbizads_banner-01001 .p_TitleBox {
        border-width: 0;
    }

    .c_portalResEbizads_banner-01001 .p_TitleBoxA {
        width: auto;
        height: auto;
        border-width: 0;
        background-color: transparent;
    }

    .c_portalResEbizads_banner-01001 .c_banner {
        width: inherit;
        height: inherit;
    }

    .c_portalResEbizads_banner-01001 .p_images {
        width: inherit;
        height: inherit;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .c_portalResEbizads_banner-01001 .p_LinkA {
        width: inherit;
        height: inherit;
        display: block;
        position: relative;
    }

    .c_portalResEbizads_banner-01001 .p_imageA {
        vertical-align: baseline;
        text-align: center;
        width: inherit;
        height: inherit;
    }

    .c_portalResEbizads_banner-01001 .p_imageA:hover {
        background-color: transparent;
    }

    .c_portalResEbizads_banner-01001 .p_imageA:hover:after {
        background-color: transparent;
    }

    .c_portalResEbizads_banner-01001 .p_interactionA {
        cursor: pointer;
        left: 0;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 99;
        overflow: visible;
    }

    .c_portalResEbizads_banner-01001 .p_interactionB {
        cursor: pointer;
        right: 0;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 99;
        overflow: visible;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA {
        position: absolute;
        top: 50%;
        margin-top: -37px;
        padding-top: 10px;
        color: rgb(187, 182, 182);
        left: 0;
        width: 33px;
        height: 64px;
        background-color: rgba(0,0,0,0.5);
        z-index: 999;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA .iconfont:before {
        font-size: 30px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB {
        position: absolute;
        top: 50%;
        margin-top: -37px;
        right: 0;
        width: 33px;
        height: 64px;
        background-color: rgba(0,0,0,0.5);
        z-index: 999;
        padding-top: 10px;
        color: rgb(187, 182, 182);
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB .iconfont:before {
        font-size: 30px;
    }

    .c_portalResEbizads_banner-01001 .p_SummaryBox {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 5;
        height: 70px;
        background-color: transparent;
        display: none;
    }

    .c_portalResEbizads_banner-01001 .p_SummaryBox:hover {
        background-color: transparent;
    }

    .c_portalResEbizads_banner-01001 .p_SummaryBox .p_LinkB {
        display: block;
        background-color: rgba(0,0,0,0.5);
    }

    .c_portalResEbizads_banner-01001 .p_TitleBox {
        width: 100%;
        height: auto;
        height: 60px;
        line-height: 60px;
        padding: 0 10px;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 999;
        font-weight: bold;
    }

    .c_portalResEbizads_banner-01001 .p_LinkA .p_TitleBox span {
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_LinkA:hover .p_TitleBox span {
        color: #fff;
    }

    .c_portalResEbizads_banner-01001 .p_TitleBoxA {
        width: 100%;
        height: inherit;
        padding-left: 20px;
        padding-right: 20px;
    }

    .c_portalResEbizads_banner-01001 .p_ThumbnailBox {
        position: absolute;
        text-align: center;
        font-size: 0;
        z-index: 6;
        overflow: hidden;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        bottom: 10px;
        left: 42%;
    }

    .c_portalResEbizads_banner-01001 .p_ThumbnailBoxA {
        padding-right: 30px;
        padding-left: 30px;
        width: 100%;
        position: absolute;
        right: 0;
        bottom: 0;
        text-align: right;
        font-size: 0;
        z-index: 6;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_ThumbnailBox .p_NumBtn:first-child {
        margin-left: 0;
    }

    .c_portalResEbizads_banner-01001 .p_NumBtn {
        margin-right: 6px;
        font-size: 0;
        width: 90px;
        height: auto;
        display: inline-block;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn {
        margin-left: 10px;
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn {
        margin-left: 10px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnC {
        position: absolute;
        top: 50%;
        left: 0;
        cursor: pointer;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnD {
        position: absolute;
        top: 50%;
        right: 0;
        cursor: pointer;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn, .c_portalResEbizads_banner-01001 .p_SquareNumBtn, .c_portalResEbizads_banner-01001 .p_ListNumBtn {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn {
        width: 98px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont:before {
        content: "\e6ae";
        font-size: 30px;
    }

    .c_portalResEbizads_banner-01001 .p_ImgSummary {
        font-weight: normal;
        white-space: normal;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnC .iconfont {
        font-size: 30px;
        color: rgba(255,255,255,.6);
        display: table-cell;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont {
        font-size: 30px;
        color: rgba(255,255,255,.6);
        display: table-cell;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnC:hover .iconfont {
        color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnD:hover .iconfont {
        color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-01001 .p_NumBtn:hover {
        border-color: rgba(103,184,180,1);
    }

    .c_portalResEbizads_banner-01001 .swiper-container {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        z-index: 1;
        height: 100%;
    }

    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .swiper-container-android .swiper-slide, .swiper-wrapper {
        -webkit-transform: translate3d(0px, 0, 0);
        -moz-transform: translate3d(0px, 0, 0);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
    }

    .swiper-slide {
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .c_portalResEbizads_banner-01001 .p_MatteIcon:before {
        content: '\e752';
        .}

    .c_portalResEbizads_banner-01001 .widther img {
        width: auto!important;
    }

    .c_portalResEbizads_banner-01001 .swiper-pagination1 {
        position: absolute;
        z-index: 20;
        bottom: 65px;
        width: 100%;
        text-align: center;
    }

    .c_portalResEbizads_banner-01001 .dot {
        width: 20px;
        height: 20px;
    }

    .c_portalResEbizads_banner-01001 .swiper-pagination span {
        display: inline-block;
        margin-right: 4px;
    }

    .c_portalResEbizads_banner-01001 .background_default {
        display: inline-block;
        width: 27px;
        height: 27px;
        border-radius: 50%;
        margin: 0 5px;
        opacity: 0.8;
        cursor: pointer;
    }

    .c_portalResEbizads_banner-01001 .swiper-wrapper .swiper-slide img {
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: 100%;
    }

    .c_portalResEbizads_banner-01001 .background_default {
        width: 17px;
        height: 17px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA {
        display: none;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB {
        display: none;
    }
}

@media only screen and (min-width: 769px) {
    .c_portalResEbizads_banner-01001 .p_prompt {
        width: auto;
        height: auto;
        text-align: center;
        background-color: inherit;
        font-size: 16px;
        border: 1px solid #E4E4E4;
    }

    .c_portalResEbizads_banner-01001 .p_prompt .prompt_title {
        display: inline-table;
        padding: 0 30px;
        height: 100%;
        min-height: 260px;
    }

    .c_portalResEbizads_banner-01001 .p_prompt .prompt_title .iconfont:before {
        content: "";
    }

    .c_portalResEbizads_banner-01001 .p_prompt .prompt_title .first {
        height: auto;
        display: table-cell;
        font-size: 36px;
        margin-right: 10px;
        position: relative;
        color: #09bb07;
        vertical-align: middle;
        padding: 0 10px 10px 0;
    }

    .c_portalResEbizads_banner-01001 .p_prompt .prompt_title .first:before {
        content: "\e6b4";
    }

    .c_portalResEbizads_banner-01001 .p_prompt .prompt_title {
        font-size: 24px;
        text-align: left;
        color: rgba(51,51,51,1);
        font-weight: bold;
    }

    .c_portalResEbizads_banner-01001 .p_prompt .prompt_title .font {
        display: table-cell;
        line-height: normal;
        vertical-align: middle;
    }

    .c_portalResEbizads_banner-01001 .p_prompt .promptbox {
        width: auto;
        height: 100%;
    }

    .c_portalResEbizads_banner-01001 .p_prompt .prompt_content {
        font-size: 18px;
        color: rgba(105, 105, 105,1);
        padding-left: 65px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnD {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        font-size: 56px;
        color: #e2e2e2;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont:before {
        content: '\e687';
        display: inline-block;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnD .font {
        display: table;
        width: inherit;
        height: inherit;
        pointer-events: none;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnC {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        font-size: 56px;
        color: #e2e2e2;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnC .iconfont:before {
        content: '\e687';
        display: inline-block;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnC .font {
        display: table;
        width: inherit;
        height: inherit;
        pointer-events: none;
    }

    .c_portalResEbizads_banner-01001 .p_ListNumBtn {
        display: inline-table;
        height: 30px;
        width: 30px;
        background-color: #67b8b4;
        border-width: 1px;
        border-color: transparent;
        color: #999999;
        font-size: 12px;
        font-family: 'Microsoft YaHei';
    }

    .c_portalResEbizads_banner-01001 .p_ListNumBtn img {
        display: none;
    }

    .c_portalResEbizads_banner-01001 .p_ListNumBtn .shape {
        display: table-cell;
        width: inherit;
        height: inherit;
        text-align: center;
        vertical-align: middle;
    }

    .c_portalResEbizads_banner-01001 .p_ListNumBtn:active {
        color: rgba(255,255,255,1);
    }

    .c_portalResEbizads_banner-01001 .p_ListNumBtn.active {
        color: rgba(255,255,255,1);
    }

    .c_portalResEbizads_banner-01001 .p_ListNumBtn.j-nav-active {
        color: rgba(255,255,255,1);
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn {
        display: inline-block;
        height: 10px;
        width: 100px;
        padding: 0;
        background-color: #f2f2f2;
        border-width: 1px;
        border-color: transparent;
        font-size: 12px;
        font-family: 'Microsoft YaHei';
        text-align: center;
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn img {
        display: none;
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn .shape {
        text-indent: -9999em;
        width: inherit;
        height: inherit;
        vertical-align: middle;
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn:active {
        background-color: #67b8b4;
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn.active {
        background-color: #67b8b4;
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn.j-nav-active {
        background-color: #67b8b4;
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn {
        width: 15px;
        height: 15px;
        display: inline-table;
        background-color: rgba(228,228,228,1);
        color: rgba(153,153,153,1);
        font-size: 12px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        text-align: center;
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn img {
        display: none;
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn .shape {
        width: inherit;
        height: inherit;
        text-indent: -99999px;
        display: table-cell;
        vertical-align: middle;
        border-radius: inherit;
        -moz-border-radius: inherit;
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn:active {
        background-color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn.active {
        background-color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn.j-nav-active {
        background-color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-01001 .p_NumBtn {
        width: 150px;
        height: 66px;
        border-color: rgba(242,242,242,1);
        border-width: 2px;
        border-style: solid;
    }

    .c_portalResEbizads_banner-01001 .p_NumBtn .shape {
        display: none;
    }

    .c_portalResEbizads_banner-01001 .p_NumBtn:active {
        border-color: rgba(103,184,180,1);
    }

    .c_portalResEbizads_banner-01001 .p_NumBtn.active {
        border-color: rgba(103,184,180,1);
    }

    .c_portalResEbizads_banner-01001 .p_ThumbnailBox {
        width: inherit;
        height: auto;
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_ImgSummary {
        text-align: justify;
        vertical-align: top;
        word-break: break-all;
    }

    .c_portalResEbizads_banner-01001 .p_ImgHead {
        display: inline-table;
        margin: 0;
        padding: 0;
        color: #323232;
        font-size: 30px;
        font-weight: 400;
        text-align: left;
        white-space: nowrap;
        overflow: visible;
    }

    .c_portalResEbizads_banner-01001 .p_ImgHead .font {
        display: table-cell;
        vertical-align: top;
        line-height: 30px;
    }

    .c_portalResEbizads_banner-01001 .p_ImgHead .iconfont:before {
        content: "";
    }

    .c_portalResEbizads_banner-01001 .p_TitleBox {
        width: inherit;
        height: auto;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_SummaryBox {
        width: inherit;
        height: auto;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: rgba(179, 179, 179,1);
        overflow: visible;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB {
        background: rgba(81,80,80,.3);
        width: 64px;
        height: 139px;
        cursor: pointer;
        text-align: center;
        color: rgba(255,255,255,1);
        font-size: 40px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB .font {
        display: table;
        width: inherit;
        height: inherit;
        pointer-events: none;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB .iconfont {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        top: 3px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB:hover {
        border-width: 0;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: rgba(115,115,115,.7);
        color: rgba(106,192,189,1);
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB:active {
        border-width: 0;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: rgba(81,80,80,.7);
    }

    .c_portalResEbizads_banner-01001 .p_interactionB {
        width: inherit;
        height: auto;
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA {
        background: rgba(81,80,80,.3);
        width: 64px;
        height: 139px;
        cursor: pointer;
        text-align: center;
        color: rgba(255,255,255,1);
        font-size: 40px;
        z-index: 999;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA .font {
        display: table;
        width: inherit;
        height: inherit;
        pointer-events: none;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA .iconfont {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        top: 3px;
        right: 4px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA:hover {
        border-width: 0;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: rgba(115,115,115,.7);
        color: rgba(106,192,189,1);
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA:active {
        border-width: 0;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: rgba(81,80,80,.7);
    }

    .c_portalResEbizads_banner-01001 .p_interactionA {
        width: inherit;
        height: auto;
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_interactionA + .p_interactionA {
        left: initial;
        right: 0;
    }

    .c_portalResEbizads_banner-01001 .p_imageA {
        width: auto;
        height: auto;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_images {
        width: inherit;
        height: auto;
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_banner {
        width: inherit;
        height: auto;
        border-width: 1px;
        border-style: none;
        border-color: rgba(255, 255, 255,1);
        background-color: transparent;
        overflow: visible;
    }

    .c_portalResEbizads_banner-01001 {
        min-width: 300px;
        overflow: auto;
    }

    .c_portalResEbizads_banner-01001 .p_banner {
        width: 100%;
        height: 100%;
        background-color: transparent;
    }

    .c_portalResEbizads_banner-01001 .p_images {
        width: auto;
        height: auto;
    }

    .c_portalResEbizads_banner-01001 .p_ThumbnailBox {
        width: auto;
        height: auto;
        border-width: 0;
        background-color: transparent;
    }

    .c_portalResEbizads_banner-01001 .p_ThumbnailBoxA {
        width: auto;
        height: auto;
    }

    .c_portalResEbizads_banner-01001 .p_interactionA {
        width: auto;
        height: auto;
    }

    .c_portalResEbizads_banner-01001 .p_interactionB {
        width: auto;
        height: auto;
    }

    .c_portalResEbizads_banner-01001 .p_TitleBox {
        border-width: 0;
    }

    .c_portalResEbizads_banner-01001 .p_TitleBoxA {
        width: auto;
        height: auto;
        border-width: 0;
        background-color: transparent;
    }

    .c_portalResEbizads_banner-01001 .c_banner {
        width: inherit;
        height: inherit;
    }

    .c_portalResEbizads_banner-01001 .p_images {
        width: inherit;
        height: inherit;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .c_portalResEbizads_banner-01001 .p_LinkA {
        width: inherit;
        height: inherit;
        display: block;
        position: relative;
    }

    .c_portalResEbizads_banner-01001 .p_imageA {
        vertical-align: baseline;
        text-align: center;
        width: inherit;
        height: inherit;
    }

    .c_portalResEbizads_banner-01001 .p_imageA:hover {
        background-color: transparent;
    }

    .c_portalResEbizads_banner-01001 .p_imageA:hover:after {
        background-color: transparent;
    }

    .c_portalResEbizads_banner-01001 .p_interactionA {
        cursor: pointer;
        left: 0;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 99;
        overflow: visible;
    }

    .c_portalResEbizads_banner-01001 .p_interactionB {
        cursor: pointer;
        right: 0;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 99;
        overflow: visible;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA {
        position: absolute;
        top: 50%;
        margin-top: -37px;
        padding-top: 10px;
        color: rgb(187, 182, 182);
        left: 0;
        width: 33px;
        height: 64px;
        background-color: rgba(0,0,0,0.5);
        z-index: 999;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnA .iconfont:before {
        font-size: 30px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB {
        position: absolute;
        top: 50%;
        margin-top: -37px;
        right: 0;
        width: 33px;
        height: 64px;
        background-color: rgba(0,0,0,0.5);
        z-index: 999;
        padding-top: 10px;
        color: rgb(187, 182, 182);
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnB .iconfont:before {
        font-size: 30px;
    }

    .c_portalResEbizads_banner-01001 .p_SummaryBox {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 5;
        height: 70px;
        background-color: transparent;
        display: none;
    }

    .c_portalResEbizads_banner-01001 .p_SummaryBox:hover {
        background-color: transparent;
    }

    .c_portalResEbizads_banner-01001 .p_SummaryBox .p_LinkB {
        display: block;
        background-color: rgba(0,0,0,0.5);
    }

    .c_portalResEbizads_banner-01001 .p_TitleBox {
        width: 100%;
        height: auto;
        height: 80px;
        padding: 10px;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 999;
        font-weight: bold;
    }

    .c_portalResEbizads_banner-01001 .p_LinkA .p_TitleBox span {
        display: block;
        height: 25px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-top: 15px;
    }

    .c_portalResEbizads_banner-01001 .p_LinkA:hover .p_TitleBox span {
        color: #fff;
    }

    .c_portalResEbizads_banner-01001 .p_TitleBoxA {
        width: 100%;
        height: inherit;
        padding-left: 20px;
        padding-right: 20px;
    }

    .c_portalResEbizads_banner-01001 .p_ImgHead {
        padding-top: 10px;
        padding-bottom: 12px;
        font-size: 30px;
        font-weight: normal;
        font-family: "é»‘ä½“";
        color: #fff;
        white-space: normal;
    }

    .c_portalResEbizads_banner-01001 .p_ThumbnailBox {
        position: absolute;
        text-align: center;
        font-size: 0;
        z-index: 6;
        overflow: hidden;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .c_portalResEbizads_banner-01001 .p_ThumbnailBoxA {
        padding-right: 30px;
        padding-left: 30px;
        width: 100%;
        position: absolute;
        right: 0;
        bottom: 0;
        text-align: right;
        font-size: 0;
        z-index: 6;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_ThumbnailBox .p_NumBtn:first-child {
        margin-left: 0;
    }

    .c_portalResEbizads_banner-01001 .p_NumBtn {
        margin-right: 6px;
        font-size: 0;
        width: 90px;
        height: auto;
        display: inline-block;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn {
        margin-left: 10px;
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn {
        margin-left: 10px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnC {
        position: absolute;
        top: 50%;
        left: 0;
        cursor: pointer;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnD {
        position: absolute;
        top: 50%;
        right: 0;
        cursor: pointer;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .c_portalResEbizads_banner-01001 .p_CircleNumBtn, .c_portalResEbizads_banner-01001 .p_SquareNumBtn, .c_portalResEbizads_banner-01001 .p_ListNumBtn {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .c_portalResEbizads_banner-01001 .p_SquareNumBtn {
        width: 98px;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont:before {
        content: "\e6ae";
        font-size: 30px;
    }

    .c_portalResEbizads_banner-01001 .p_ImgSummary {
        font-weight: normal;
        white-space: normal;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnC .iconfont {
        font-size: 30px;
        color: rgba(255,255,255,.6);
        display: table-cell;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnD .iconfont {
        font-size: 30px;
        color: rgba(255,255,255,.6);
        display: table-cell;
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnC:hover .iconfont {
        color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-01001 .p_SwitchBtnD:hover .iconfont {
        color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-01001 .p_NumBtn:hover {
        border-color: rgba(103,184,180,1);
    }

    .c_portalResEbizads_banner-01001 .swiper-container {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        z-index: 1;
        height: 100%;
    }

    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .swiper-container-android .swiper-slide, .swiper-wrapper {
        -webkit-transform: translate3d(0px, 0, 0);
        -moz-transform: translate3d(0px, 0, 0);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
    }

    .swiper-slide {
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .c_portalResEbizads_banner-01001 .p_MatteIcon:before {
        content: '\e752';
    }

    .c_portalResEbizads_banner-01001 .widther img {
        width: auto!important;
    }

    .c_portalResEbizads_banner-01001 .swiper-pagination {
        position: absolute;
        z-index: 20;
        bottom: 10px;
        width: 100%;
        text-align: center;
    }

    .c_portalResEbizads_banner-01001 .swiper-pagination span {
        display: inline-block;
        margin-right: 4px;
    }

    .c_portalResEbizads_banner-01001 .background_default {
        display: inline-block;
        width: 27px;
        height: 27px;
        border-radius: 50%;
        margin: 0 5px;
        opacity: 0.8;
        cursor: pointer;
    }

    .c_portalResEbizads_banner-01001 .swiper-wrapper .swiper-slide img {
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

.w_fimg-000 .p_title {
    display: inline-table;
    margin: 0;
    min-width: 37px;
    padding: 0;
    color: rgba(51,51,51,1);
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
}

.w_fimg-000 .p_title .font {
    vertical-align: middle;
    line-height: 21px;
}

.w_fimg-000 .p_title:hover {
    color: rgba(87,177,173,1);
}

.w_fimg-000 .p_title:active {
    color: rgba(69,165,161,1);
}

.w_fimg-000 .p_title .iconfont:before {
    display: inline-block;
    content: "";
}

.w_fimg-000 {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 200px;
}

.w_fimg-000 .animated {
    width: 100%;
    height: auto ;
    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: fit-content;
    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(../image/camera.png) no-repeat center;
}

.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-1567480260166 {
        display: none;
    }

    #c_portalResPublic_codeContainer-15646402129338396 {
        max-height: none!important;
    }

    #w_common_text-1561563703833 {
        margin-left: 24px!important
    }

    #w_grid-1561562607938 {
        margin-top: 45px!important;
    }

    #w_grid-1561562607938 p {
        text-align: left!important;
    }

    #content_box-1562725908520-1,#content_box-1562725908520-0,#content_box-1562293210299-0,#content_box-1562293210299-1,#content_box-1561563823202-0,#content_box-1561563823202-1 {
        width: 50%!important;
    }

    #w_fimg-1561563392533,#w_grid-1561563823202 {
        float: left!important;
    }

    #w_common_text-1561564049582 {
        clear: both;
        margin-left: 24px!important
    }

    #content_box-1561562607938-0 {
        display: none!important;
    }

    #content_box-1561557363642-0,#content_box-1561557363642-1 {
        width: 50%!important;
    }

    .w_grid-001 > div > .p_gridbox > .p_gridCell {
        width: 100%;
        margin-left: 0;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }
}

@media only screen and (min-width: 769px) {
    .w_grid-001 > div > .p_gridbox > .p_gridCell {
        width: 49.5%;
        margin-left: 1%;
        margin-top: 0.6rem;
        margin-bottom: 0.6rem;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

.w_grid-000 {
    margin-left: auto;
    margin-right: auto;
    min-height: 12rem;
    width: 100%;
}

.c_portalResPublic_codeContainer-01001001 {
    min-height: 0!important;
    width: 100%;
}

.c_portalResPublic_codeContainer-01001017 {
    min-height: 0!important;
    width: 100%;
}

#w_common_text-1567389793214 {
    text-align: justify;
}

#w_common_text-1567389793264 p {
    text-align: justify;
}

#w_grid-1567389793216.w_grid-000 > .w_grid {
    background: #efefef00!important;
}

#w_grid-1562291452048 > div > .p_gridbox {
    background-color: rgba(163, 136, 81, 0)!important;
}

#w_grid-1564535125924 .p_gridbox {
    overflow: inherit!important;
}

.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-1564033576540 .p_gridbox {
    overflow: inherit!important;
}

@media only screen and (max-width: 768px) {
    #w_grid-1579145571640 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
        padding-right: 0!important;
        padding-left: 29px!important;
    }

    #w_grid-1579145120224 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
        padding-right: 0!important;
        padding-left: 34px!important;
    }

    #w_grid-1567389793254 > div > .p_gridbox {
        padding-left: 0!important;
    }

    #w_grid-1579166879897 > div > .p_gridbox {
        background-color: rgba(8, 119, 196, 0.79);
        padding-left: 30px!important;
    }

    #c_portalResPublic_codeContainer-15791421064987972 {
        margin-right: auto!important;
    }

    #w_grid-1564640323199 {
        margin-bottom: 0!important;
    }

    #w_grid-1564640476721 {
        padding-left: 20px!important;
    }

    #w_grid-1564640438193 {
        display: none!important;
    }

    #w_grid-1564535125924> div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
        width: 100%!important;
    }

    #w_grid-1567480260146 {
        margin-bottom: 30px!important;
    }

    #w_fimg-1564644926047 {
        margin-left: 30px!important;
    }

    #w_common_text-1561600976697 span {
        font-size: 25px!important;
    }

    #w_fimg-1562288875567 {
        margin-top: 60%!important;
    }

    #w_fimg-1561554731835 {
        width: 78%!important;
    }

    #c_portalResnav_main-15615551301245694 {
        margin-top: 15px!important;
    }

    #w_fbtn-1561558421613 {
        margin-top: 10px!important;
    }

    #w_grid-1561558421603 {
        margin-top: -180px!important;
    }

    #w_grid-1561560963716 {
        width: 80%!important;
    }

    #w_common_text-1561561633188 {
        display: none!important;
    }

    #c_portalResNews_category-15616883065907467 {
        max-width: 100%!important;
    }

    #c_portalResNews_category-15617023539990860 {
        width: 100%!important;
    }

    .w_grid-000 > div > .p_gridbox > .p_gridCell {
        width: 100%;
        margin-left: 0;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }
}

@media only screen and (min-width: 769px) {
    #w_fimg-1569481040751 {
        width: 100%;
        max-width: none;
        min-width: 0px;
        display: none;
        height: auto;
    }

    .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child {
        width: 100%;
        margin-left: 0;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #w_grid-1561560963716 {
        width:70%!important;
    }

    #w_common_text-1561561633188 {
        display: none!important;
    }
}

@media only screen and (max-width: 768px) {
    .c_portalResPublic_codeContainer-01001001 {
        min-height:500px;
        width: 100%;
    }
}

@media only screen and (min-width: 769px) {
    .c_portalResPublic_codeContainer-01001001 {
        min-height:500px;
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

.c_portalResPublic_codeContainer-01001001 #pageMain {
    margin-top: 80px;
}

.c_portalResPublic_codeContainer-01001001 a.typo .blink {
    display: inline-block;
}

.c_portalResPublic_codeContainer-01001001 a.typo:hover .blink {
    -webkit-animation-name: textLink;
    animation-name: textLink;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);
    animation-timing-function: cubic-bezier(.785,.135,.15,.86);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.c_portalResPublic_codeContainer-01001001 a.typo:hover .blink:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.c_portalResPublic_codeContainer-01001001 a.typo:hover .blink:nth-of-type(2) {
    -webkit-animation-delay: 30ms;
    animation-delay: 30ms;
}

.c_portalResPublic_codeContainer-01001001 a.typo:hover .blink:nth-of-type(3) {
    -webkit-animation-delay: 60ms;
    animation-delay: 60ms;
}

.c_portalResPublic_codeContainer-01001001 a.typo:hover .blink:nth-of-type(4) {
    -webkit-animation-delay: 90ms;
    animation-delay: 90ms;
}

.c_portalResPublic_codeContainer-01001001 a.typo:hover .blink:nth-of-type(5) {
    -webkit-animation-delay: .12s;
    animation-delay: .12s;
}

.c_portalResPublic_codeContainer-01001001 a.typo:hover .blink:nth-of-type(6) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
}

.c_portalResPublic_codeContainer-01001001 a.typo:hover .blink:nth-of-type(7) {
    -webkit-animation-delay: .18s;
    animation-delay: .18s;
}

.c_portalResPublic_codeContainer-01001001 a.typo:hover .blink:nth-of-type(8) {
    -webkit-animation-delay: .21s;
    animation-delay: .21s;
}

.c_portalResPublic_codeContainer-01001001 a.typo:hover .blink:nth-of-type(9) {
    -webkit-animation-delay: .24s;
    animation-delay: .24s;
}

.c_portalResPublic_codeContainer-01001001 a.typo:hover .blink:nth-of-type(10) {
    -webkit-animation-delay: .27s;
    animation-delay: .27s;
}

.c_portalResPublic_codeContainer-01001001 a.typo:hover .blink:nth-of-type(11) {
    -webkit-animation-delay: .30s;
    animation-delay: .30s;
}

.c_portalResPublic_codeContainer-01001001 a.typo:hover .blink:nth-of-type(12) {
    -webkit-animation-delay: .33s;
    animation-delay: .33s;
}

.c_portalResPublic_codeContainer-01001001 a.typo:hover .blink:nth-of-type(13) {
    -webkit-animation-delay: .36s;
    animation-delay: .36s;
}

.c_portalResPublic_codeContainer-01001001 a.typo:hover .blink:nth-of-type(14) {
    -webkit-animation-delay: .39s;
    animation-delay: .39s;
}

.c_portalResPublic_codeContainer-01001001 a.typo:hover .blink:nth-of-type(15) {
    -webkit-animation-delay: .42s;
    animation-delay: .42s;
}

.c_portalResPublic_codeContainer-01001001 a.typo:hover .blink:nth-of-type(16) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s;
}

.c_portalResPublic_codeContainer-01001001 a.typo:hover .blink:nth-of-type(17) {
    -webkit-animation-delay: .48s;
    animation-delay: .48s;
}

.c_portalResPublic_codeContainer-01001001 a.typo:hover .blink:nth-of-type(18) {
    -webkit-animation-delay: .51s;
    animation-delay: .51s;
}

.c_portalResPublic_codeContainer-01001001 a.typo:hover .blink:nth-of-type(19) {
    -webkit-animation-delay: .54s;
    animation-delay: .54s;
}

.c_portalResPublic_codeContainer-01001001 a.typo:hover .blink:nth-of-type(20) {
    -webkit-animation-delay: .57s;
    animation-delay: .57s;
}

@-webkit-keyframes textLink {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    49.9% {
        opacity: 0;
        -webkit-transform: translateX(5px) scale(.5);
        transform: translateX(5px) scale(.5);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateX(-5px) scale(1.5);
        transform: translateX(-5px) scale(1.5);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes textLink {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    49.9% {
        opacity: 0;
        -webkit-transform: translateX(5px) scale(.5);
        transform: translateX(5px) scale(.5);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateX(-5px) scale(1.5);
        transform: translateX(-5px) scale(1.5);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.c_portalResPublic_codeContainer-01001001 .h_btn_contact a {
    position: relative;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #0056A7;
    color: #fff;
    width: 195px;
    height: 80px;
    font-size: 1.8rem;
    letter-spacing: 0.2em;
}

.c_portalResPublic_codeContainer-01001001 button, a {
    color: #191919;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

@media only screen and (max-width: 768px) {
    .productLi {
        width: 100%!important;
    }

    .c_portalResProduct_list-01001001 {
        overflow: hidden;
        width: 100%;
        height: auto;
        min-width: 640px;
        margin-left: 0;
        margin-right: 0;
    }

    .c_portalResProduct_list-01001001 .p_ProductList {
        margin: 0;
        width: auto;
        height: auto;
        padding: 0;
        overflow: hidden;
        background-color: transparent;
        white-space: normal;
        font-size: 0;
    }

    .c_portalResProduct_list-01001001 .p_categorySummaryBox {
        padding: 15px;
        border-bottom: 1px solid rgba(0,0,0,0.09);
    }

    .c_portalResProduct_list-01001001 .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-01001001 .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-01001001 .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-01001001 .d_sortBtn:hover, .c_portalResProduct_list-01001001 .d_sortBtn:active {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    .c_portalResProduct_list-01001001 .d_sortBtn.active {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    .c_portalResProduct_list-01001001 .p_default {
        -webkit-flex: 1;
        flex: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
    }

    .c_portalResProduct_list-01001001 .d_sortBtn:lang(active) {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    .c_portalResProduct_list-01001001 .d_sortBtn .font .iconfont:first-child {
        display: none;
    }

    .c_portalResProduct_list-01001001 .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-01001001 .d_sortBtn .font .iconfont:before {
        content: "\e69a";
        line-height: 30px;
    }

    .c_portalResProduct_list-01001001 .d_sortBtn:lang(active) .font .iconfont, .c_portalResProduct_list-01001001 .d_sortBtn:hover .font .iconfont, .c_portalResProduct_list-01001001 .d_sortBtn:active .font .iconfont {
        color: #1890FF;
        border-top-color: #1890FF;
    }

    .c_portalResProduct_list-01001001 .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-01001001 .d_sortBtn .font .arrow:before {
        content: "\e69c";
    }

    .c_portalResProduct_list-01001001 .p_default .font .iconfont {
        display: none;
    }

    .c_portalResProduct_list-01001001 .p_products {
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        overflow: hidden;
        white-space: normal;
    }

    .c_portalResProduct_list-01001001 .p_Product {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: calc((100% - 0px)/5);
        padding: 15px 15px 0;
        height: inherit;
    }

    .c_portalResProduct_list-01001001 .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-01001001 .p_Product:last-of-type .p_ProductInner {
        border: 0 none;
    }

    .c_portalResProduct_list-01001001 .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-01001001 .p_image {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .c_portalResProduct_list-01001001 .p_imagesPc {
        display: none;
    }

    .c_portalResProduct_list-01001001 .p_linkB {
        width: inherit;
        height: inherit;
        display: block;
        position: static;
    }

    .c_portalResProduct_list-01001001 .p_image {
        width: 100%;
        height: 100%;
        padding: 0;
    }

    .c_portalResProduct_list-01001001 .p_ThumbnailBox {
        display: none;
    }

    .c_portalResProduct_list-01001001 .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-01001001 .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-01001001 .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-01001001 .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-01001001 .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-01001001 .p_tag:hover {
        border-width: 1px;
        border-style: none;
        border-color: transparent;
    }

    .c_portalResProduct_list-01001001 .p_tag:active {
        border-width: 1px;
        border-style: none;
        border-color: transparent;
    }

    .c_portalResProduct_list-01001001 .d_item {
        width: auto;
        height: auto;
        margin: 5px 0;
        padding: 0;
        vertical-align: middle;
        overflow: hidden;
    }

    .c_portalResProduct_list-01001001 .d_item .d_itemLable {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 0 0;
        font-size: 14px;
    }

    .c_portalResProduct_list-01001001 .d_item .d_itemValue {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
    }

    .c_portalResProduct_list-01001001 .p_salePricePc, .c_portalResProduct_list-01001001 .p_NomBoxPc {
        display: none;
    }

    .c_portalResProduct_list-01001001 .d_SummaryBox {
        margin: 5px 0;
        width: auto;
        height: auto;
        padding: 0;
        overflow: hidden;
    }

    .c_portalResProduct_list-01001001 .d_summary {
        color: #999;
        font-size: 12px;
        line-height: 20px;
        text-align: left;
        vertical-align: top;
        word-break: break-all;
    }

    .c_portalResProduct_list-01001001 .d_SalePrice {
        display: inline-table;
        margin: 0;
        padding: 0;
        text-align: left;
        vertical-align: middle;
    }

    .c_portalResProduct_list-01001001 .p_priceUnit::before {
        content: "\e6d7";
    }

    .c_portalResProduct_list-01001001 .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-01001001 .p_interaction .btn-default {
        display: inline-block;
        margin: 5px 0 0;
    }

    .c_portalResProduct_list-01001001 .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-01001001 {
        overflow: hidden;
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-right: 0;
    }

    .c_portalResProduct_list-01001001 .p_ProductList {
        width: auto;
        height: auto;
        overflow: hidden;
        white-space: normal;
        font-size: 0;
        padding: 20px 25px;
    }

    .c_portalResProduct_list-01001001 .p_categorySummaryBox {
        padding: 0 0 20px;
        margin: 0 0 30px;
        border-bottom: 1px solid rgba(0,0,0,0.09);
    }

    .c_portalResProduct_list-01001001 .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-01001001 .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-01001001 .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-01001001 .d_sortBtn:hover, .c_portalResProduct_list-01001001 .d_sortBtn:active {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    .c_portalResProduct_list-01001001 .d_sortBtn.active {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    .c_portalResProduct_list-01001001 .p_default {
        padding-right: 15px;
    }

    .c_portalResProduct_list-01001001 .d_sortBtn:lang(active) {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    .c_portalResProduct_list-01001001 .d_sortBtn .font .iconfont:first-child {
        display: none;
    }

    .c_portalResProduct_list-01001001 .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-01001001 .d_sortBtn .font .iconfont:before {
        content: "\e69a";
        line-height: 30px;
    }

    .c_portalResProduct_list-01001001 .d_sortBtn:lang(active) .font .iconfont, .c_portalResProduct_list-01001001 .d_sortBtn:hover .font .iconfont, .c_portalResProduct_list-01001001 .d_sortBtn:active .font .iconfont {
        color: #1890FF;
    }

    .c_portalResProduct_list-01001001 .d_sortBtn .font .arrow {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    .c_portalResProduct_list-01001001 .d_sortBtn .font .down-arrow {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    .c_portalResProduct_list-01001001 .d_sortBtn .font .arrow:before {
        content: "\e69a";
    }

    .c_portalResProduct_list-01001001 .p_default .iconfont.arrow {
        display: none;
    }

    .c_portalResProduct_list-01001001 .p_products {
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        overflow: hidden;
        white-space: normal;
    }

    .c_portalResProduct_list-01001001 .p_Product {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: calc((100% - 0px)/3);
        padding: 10px;
        height: inherit;
    }

    .c_portalResProduct_list-01001001 .p_ProductInner {
        width: 100%;
        padding: 0 0 5px;
        box-sizing: content-box;
    }

    .c_portalResProduct_list-01001001 .p_ProductInner:hover {
        border-width: 3px;
        border-color: #1890FF;
        margin: -2px;
    }

    .c_portalResProduct_list-01001001 .p_images {
        position: relative;
        width: 100%;
        height: 188px;
        margin: 0;
        padding: 0;
        text-align: center;
        font-size: 0;
        overflow: hidden;
    }

    .c_portalResProduct_list-01001001 .p_imagesMo {
        display: none;
    }

    .c_portalResProduct_list-01001001 .p_linkB {
        width: inherit;
        height: inherit;
        display: block;
        position: static;
    }

    .c_portalResProduct_list-01001001 .p_image {
        width: 100%;
        height: 100%;
        padding: 0;
    }

    .c_portalResProduct_list-01001001 .p_ThumbnailBox {
        position: absolute;
        left: 0;
        bottom: 1px;
        z-index: 10;
        width: 236px;
        height: auto;
        padding: 0;
        overflow: hidden;
        height: auto;
    }

    .c_portalResProduct_list-01001001 .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-01001001 .p_ThumbnailBox .p_thumbnail:hover {
        border-color: rgba(255,255,255,.7)
    }

    .c_portalResProduct_list-01001001 .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-01001001 .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-01001001 .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-01001001 .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-01001001 .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-01001001 .p_tag:hover {
        border-width: 1px;
        border-style: none;
        border-color: transparent;
    }

    .c_portalResProduct_list-01001001 .p_tag:active {
        border-width: 1px;
        border-style: none;
        border-color: transparent;
    }

    .c_portalResProduct_list-01001001 .d_item {
        width: auto;
        height: auto;
        margin: 5px 0;
        padding: 0;
        vertical-align: middle;
        overflow: hidden;
    }

    .c_portalResProduct_list-01001001 .d_item .d_itemLable {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 0 0;
        font-size: 14px;
    }

    .c_portalResProduct_list-01001001 .d_item .d_itemValue {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
    }

    .c_portalResProduct_list-01001001 .p_salePriceMo, .c_portalResProduct_list-01001001 .p_NomBoxMo {
        display: none;
    }

    .c_portalResProduct_list-01001001 .d_SummaryBox {
        margin: 5px 0;
        width: auto;
        height: auto;
        padding: 0;
        overflow: hidden;
    }

    .c_portalResProduct_list-01001001 .d_summary {
        line-height: 20px;
        text-align: left;
        vertical-align: top;
        word-break: break-all;
    }

    .c_portalResProduct_list-01001001 .d_SalePrice {
        display: inline-table;
        margin: 0;
        padding: 0;
        text-align: left;
        vertical-align: middle;
    }

    .c_portalResProduct_list-01001001 .p_priceUnit::before {
        content: "\e6d7";
    }

    .c_portalResProduct_list-01001001 .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-01001001 .p_interaction .btn-default {
        display: inline-block;
        margin: 5px 0 0 ;
    }

    .c_portalResProduct_list-01001001 .p_keyword {
        display: inline-block;
        padding-right: 5px;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
}

.c_portalResProduct_list-01001001 .p_CommonSummaryBoxA {
    text-align: center;
}

.c_portalResProduct_list-01001001 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

.c_portalResProduct_list-01001001 >div {
    animation-fill-mode: both;
}

.c_portalResProduct_list-01001001 .relative {
    position: relative;
}

.c_portalResProduct_list-01001001 .absolute {
    position: absolute;
}

.c_portalResProduct_list-01001001 #products {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 1rem 0rem;
}

.c_portalResProduct_list-01001001 .proName {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 1rem 0 2rem;
}

.c_portalResProduct_list-01001001 .list {
    position: relative;
    width: 100%;
    height: auto;
}

.c_portalResProduct_list-01001001 .swiper-container-pro {
    width: calc(100% - 64px);
    margin: 0 auto;
}

.c_portalResProduct_list-01001001 .swiper-wrapperUl {
    width: 100%;
}

.c_portalResProduct_list-01001001 .productLi {
    overflow: hidden;
}

.c_portalResProduct_list-01001001 .block {
    display: block;
}

.c_portalResProduct_list-01001001 .aTop {
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
    overflow: hidden;
}

.c_portalResProduct_list-01001001 .picture {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.c_portalResProduct_list-01001001 .proPic {
    width: 100%;
    height: 100%;
}

.c_portalResProduct_list-01001001 .number {
    margin-top: 15%;
    margin-bottom: 5%;
    margin-right: 5%;
    font-size: 16px;
    padding-left: 20%;
    color: #fff;
}

.c_portalResProduct_list-01001001 .number::before {
    content: '';
    position: absolute;
    left: 5%;
    top: 0px;
    bottom: 0px;
    margin: auto;
    display: block;
    width: 10%;
    height: 2px;
    background: #fff;
}

.c_portalResProduct_list-01001001 .blue {
    background: rgba(0, 0, 0, 0.6);
    top: 100%;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: all .5s ease;
}

.c_portalResProduct_list-01001001 .desc1 {
    padding: 0 20%;
    color: #fff;
    height: 6rem;
    line-height: 1.5rem;
    overflow: hidden;
}

.c_portalResProduct_list-01001001 .proName2 {
    display: block;
    color: #5a5a5a;
    font-size: 14px;
    background: #404040;
    margin-top: 0px;
    padding: 0 15%;
    border-top: 1px solid #eca200;
    line-height: 60px;
    overflow: hidden;
    transition: all .5s ease;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c_portalResProduct_list-01001001 .desc2 {
    color: #888;
    font-size: 0.75rem;
    margin: 16px 0 28px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 1;
    letter-spacing: 1px;
    transition: all .5s ease;
    display: none;
}

.c_portalResProduct_list-01001001 #products .swiper-button-prev {
    position: absolute;
    top: 43%;
    left: 0px;
    font-size: 2rem;
    cursor: pointer;
    transition: all .5s ease;
}

.c_portalResProduct_list-01001001 #products .swiper-button-prev:hover {
    color: #eca200;
}

.c_portalResProduct_list-01001001 #products .swiper-button-next {
    position: absolute;
    top: 43%;
    right: 0px;
    font-size: 2rem;
    cursor: pointer;
    transition: all .5s ease;
}

.c_portalResProduct_list-01001001 #products .swiper-button-next:hover {
    color: #eca200;
}

.c_portalResProduct_list-01001001 .proPrice {
    color: red;
    display: none;
}

@media only screen and (min-width: 769px) {
    .c_portalResProduct_list-01001001 .productLi:hover .blue {
        top:0px;
    }

    .c_portalResProduct_list-01001001 .productLi:hover .proName2 {
        background: linear-gradient(46deg, rgb(163, 136, 81), rgb(243, 199, 111));
        color: #fff;
    }

    .c_portalResProduct_list-01001001 .productLi:hover .desc2 {
        opacity: 0;
    }
}

@media only screen and (max-width: 768px) {
    .c_portalResProduct_list-01001001 .productLi:hover .proName2 {
        background:#eca200;
        color: #fff;
    }

    .c_portalResProduct_list-01001001 .proName2 {
        line-height: 42px;
        font-size: 14px;
    }
}

.c_portalResProduct_list-01001001 .p_page .pre .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

.c_portalResProduct_list-01001001 .p_page .next .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

.c_portalResProduct_list-01001001 .p_more .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

.c_portalResProduct_list-01001001 .p_loading .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

@media only screen and (max-width: 768px) {
    .c_portalResPublic_codeContainer-01001017 {
        min-height:500px;
        width: 100%;
    }
}

@media only screen and (min-width: 769px) {
    .c_portalResPublic_codeContainer-01001017 {
        min-height:500px;
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

.c_portalResPublic_codeContainer-01001017 .f-cb {
    zoom:1; }

.c_portalResPublic_codeContainer-01001017 .f-cb:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}

.c_portalResPublic_codeContainer-01001017 .about-num {
    margin-top: 0px;
    background: none;
}

.c_portalResPublic_codeContainer-01001017 .about-num li {
    float: left;
    width: 25%;
    position: relative;
    padding-left: 2vw;
    margin-bottom: 15px;
    margin-top: 15px;
    text-align: left;
    border-left: 1px solid #ccc;
}

.c_portalResPublic_codeContainer-01001017 .about-num li:before {
    content: '';
    position: absolute;
    left: -1px;
    top: 0;
    width: 1px;
    height: 30%;
    background: #015bbb;
    z-index: 1;
}

.c_portalResPublic_codeContainer-01001017 .about-num li h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 55px;
    color: #0877c4;
    line-height: 72px;
    display: inline-block;
}

.c_portalResPublic_codeContainer-01001017 .about-num li p {
    color: #333;
    font-size: 16px;
    line-height: 36px;
}

.c_portalResPublic_codeContainer-01001017 .about-num .count-unit {
    font-size: 16px;
    color: #015bbb;
    text-align: right;
    display: inline-block;
    font-style: normal;
}

.c_portalResPublic_codeContainer-01001017 .about-num li .bot p {
    font-size: 15px;
    color: #666;
    line-height: 24px;
}

@media only screen and (max-width: 768px) {
    .c_portalResPublic_codeContainer-01001017 .about-num li h2 {
        font-size:40px;
        line-height: 46px;
    }

    .c_portalResPublic_codeContainer-01001017 .about-num {
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .c_portalResPublic_codeContainer-01001017 .about-num .count-unit {
        font-size: 14px;
    }

    .c_portalResPublic_codeContainer-01001017 .about-num li p {
        font-size: 14px;
    }

    .c_portalResPublic_codeContainer-01001017 .about-num li {
        width: 50%;
        border-bottom: none;
    }

    .c_portalResPublic_codeContainer-01001017 .about-num li:nth-child(1) {
        border-top: none;
    }

    .c_portalResPublic_codeContainer-01001017 .about-num li:nth-child(2) {
        border-top: none;
        border-right: none;
    }

    .c_portalResPublic_codeContainer-01001017 .about-num li:nth-child(4) {
        border-right: none;
    }

    .c_portalResPublic_codeContainer-01001017 .about-num li:last-child {
        display: block;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .c_portalResPublic_codeContainer-01001017 .about-num li h2 {
        font-size:50px;
    }

    .c_portalResPublic_codeContainer-01001017 .about-num {
        margin-top: 25px;
        padding-top: 12px;
        padding-bottom: 10px;
    }

    .c_portalResPublic_codeContainer-01001017 .about-num .count-unit {
        font-size: 14px;
    }

    .c_portalResPublic_codeContainer-01001017 .about-num li p {
        font-size: 14px;
    }
}

@CHARSET "UTF-8"; * {
    padding: 0;
    margin: 0;
}

.pagebox {
    width: 100%;
}

.pagebox,#-remove--flag {
    width: 100%;
    margin: 0px auto;
}

body,#-remove--flag {
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

@keyframes widthA {
    0% {
        width: 0%;
    }

    50% {
        width: 55%;
    }

    100% {
        width: 0%;
    }
}

50% {
    width: 55%;
}

100% {
    width: 0%;
}
}

50% {
    width: 55%;
}

100% {
    width: 0%;
}
}

50% {
    width: 55%;
}

100% {
    width: 0%;
}
}

50% {
    width: 55%;
}

100% {
    width: 0%;
}
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

#c_portalResNews_list-15791601096528219 {
    width: 100%;
    max-width: 1335px;
    min-width: 320px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

#c_portalResProduct_list-15791599188284336 .p_Product {
    width: calc((100% - 0px)/3);
}

#c_portalResProduct_list-15791599188284336 .p_CommonSummaryBoxA {
    text-align: center;
}

#c_portalResProduct_list-15791599188284336 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResProduct_list-15791599188284336 >div {
    animation-fill-mode: both;
}

@media only screen and (max-width: 768px) {
    #c_portalResProduct_list-15791599188284336 {
        width:100%;
        max-width: none;
        min-width: 0px;
        height: auto;
        max-height: none;
        min-height: 0px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    #c_portalResProduct_list-15791599188284336 .p_ProductList {
        margin: 0;
        width: auto;
        height: auto;
        padding: 0;
        overflow: hidden;
        background-color: transparent;
        white-space: normal;
        font-size: 0;
    }

    #c_portalResProduct_list-15791599188284336 .p_categorySummaryBox {
        padding: 15px;
        border-bottom: 1px solid rgba(0,0,0,0.09);
    }

    #c_portalResProduct_list-15791599188284336 .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-15791599188284336 .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-15791599188284336 .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-15791599188284336 .d_sortBtn:hover, .d_sortBtn:active {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    #c_portalResProduct_list-15791599188284336 .d_sortBtn.active {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    #c_portalResProduct_list-15791599188284336 .p_default {
        -webkit-flex: 1;
        flex: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
    }

    #c_portalResProduct_list-15791599188284336 .d_sortBtn:lang(active) {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    #c_portalResProduct_list-15791599188284336 .d_sortBtn .font .iconfont:first-child {
        display: none;
    }

    #c_portalResProduct_list-15791599188284336 .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-15791599188284336 .d_sortBtn .font .iconfont:before {
        content: "\e69a";
        line-height: 30px;
    }

    #c_portalResProduct_list-15791599188284336 .d_sortBtn:lang(active) .font .iconfont, .d_sortBtn:hover .font .iconfont, .d_sortBtn:active .font .iconfont {
        color: #1890FF;
        border-top-color: #1890FF;
    }

    #c_portalResProduct_list-15791599188284336 .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-15791599188284336 .d_sortBtn .font .arrow:before {
        content: "\e69c";
    }

    #c_portalResProduct_list-15791599188284336 .p_default .font .iconfont {
        display: none;
    }

    #c_portalResProduct_list-15791599188284336 .p_products {
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        overflow: hidden;
        white-space: normal;
    }

    #c_portalResProduct_list-15791599188284336 .p_Product {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: calc((100% - 0px)/3);
        padding: 15px 15px 0;
        height: inherit;
    }

    #c_portalResProduct_list-15791599188284336 .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-15791599188284336 .p_Product:last-of-type .p_ProductInner {
        border: 0 none;
    }

    #c_portalResProduct_list-15791599188284336 .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-15791599188284336 .p_image {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    #c_portalResProduct_list-15791599188284336 .p_imagesPc {
        display: none;
    }

    #c_portalResProduct_list-15791599188284336 .p_linkB {
        width: inherit;
        height: inherit;
        display: block;
        position: static;
    }

    #c_portalResProduct_list-15791599188284336 .p_image {
        width: 100%;
        height: 100%;
        padding: 0;
    }

    #c_portalResProduct_list-15791599188284336 .p_ThumbnailBox {
        display: none;
    }

    #c_portalResProduct_list-15791599188284336 .d_articles {
        height: auto;
        width: 50%;
        padding: 0 0 0 15px;
        margin: 0;
        overflow: hidden;
        -webkit-flex: 1;
        flex: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
    }

    #c_portalResProduct_list-15791599188284336 .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-15791599188284336 .d_title {
        display: block;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        font-weight: 400;
        cursor: pointer;
        line-height: 22px;
        vertical-align: middle;
        text-align: left !important;
    }

    #c_portalResProduct_list-15791599188284336 .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-15791599188284336 .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-15791599188284336 .p_tag:hover {
        border-width: 1px;
        border-style: none;
        border-color: transparent;
    }

    #c_portalResProduct_list-15791599188284336 .p_tag:active {
        border-width: 1px;
        border-style: none;
        border-color: transparent;
    }

    #c_portalResProduct_list-15791599188284336 .d_item {
        width: auto;
        height: auto;
        margin: 5px 0;
        padding: 0;
        vertical-align: middle;
        overflow: hidden;
    }

    #c_portalResProduct_list-15791599188284336 .d_item .d_itemLable {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 0 0;
        font-size: 14px;
    }

    #c_portalResProduct_list-15791599188284336 .d_item .d_itemValue {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
    }

    #c_portalResProduct_list-15791599188284336 .p_salePricePc, .p_NomBoxPc {
        display: none;
    }

    #c_portalResProduct_list-15791599188284336 .d_SummaryBox {
        margin: 5px 0;
        width: auto;
        height: auto;
        padding: 0;
        overflow: hidden;
    }

    #c_portalResProduct_list-15791599188284336 .d_summary {
        color: #999;
        font-size: 12px;
        line-height: 20px;
        text-align: left;
        vertical-align: top;
        word-break: break-all;
        text-align: left !important;
    }

    #c_portalResProduct_list-15791599188284336 .d_SalePrice {
        display: inline-table;
        margin: 0;
        padding: 0;
        text-align: left;
        vertical-align: middle;
        display: none;
    }

    #c_portalResProduct_list-15791599188284336 .p_priceUnit::before {
        content: "\e6d7";
    }

    #c_portalResProduct_list-15791599188284336 .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-15791599188284336 .p_interaction .btn-default {
        display: inline-block;
        margin: 5px 0 0;
    }

    #c_portalResProduct_list-15791599188284336 .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-15791599188284336 {
        overflow: hidden;
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-right: 0;
    }

    #c_portalResProduct_list-15791599188284336 .p_ProductList {
        width: auto;
        height: auto;
        overflow: hidden;
        white-space: normal;
        font-size: 0;
        padding: 20px 25px;
    }

    #c_portalResProduct_list-15791599188284336 .p_categorySummaryBox {
        padding: 0 0 20px;
        margin: 0 0 30px;
        border-bottom: 1px solid rgba(0,0,0,0.09);
    }

    #c_portalResProduct_list-15791599188284336 .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-15791599188284336 .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-15791599188284336 .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-15791599188284336 .d_sortBtn:hover, .d_sortBtn:active {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    #c_portalResProduct_list-15791599188284336 .d_sortBtn.active {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    #c_portalResProduct_list-15791599188284336 .p_default {
        padding-right: 15px;
    }

    #c_portalResProduct_list-15791599188284336 .d_sortBtn:lang(active) {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    #c_portalResProduct_list-15791599188284336 .d_sortBtn .font .iconfont:first-child {
        display: none;
    }

    #c_portalResProduct_list-15791599188284336 .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-15791599188284336 .d_sortBtn .font .iconfont:before {
        content: "\e69a";
        line-height: 30px;
    }

    #c_portalResProduct_list-15791599188284336 .d_sortBtn:lang(active) .font .iconfont, .d_sortBtn:hover .font .iconfont, .d_sortBtn:active .font .iconfont {
        color: #1890FF;
    }

    #c_portalResProduct_list-15791599188284336 .d_sortBtn .font .arrow {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    #c_portalResProduct_list-15791599188284336 .d_sortBtn .font .down-arrow {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    #c_portalResProduct_list-15791599188284336 .d_sortBtn .font .arrow:before {
        content: "\e69a";
    }

    #c_portalResProduct_list-15791599188284336 .p_default .iconfont.arrow {
        display: none;
    }

    #c_portalResProduct_list-15791599188284336 .p_products {
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        overflow: hidden;
        white-space: normal;
    }

    #c_portalResProduct_list-15791599188284336 .p_Product {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: calc((100% - 0px)/3);
        padding: 10px;
        height: inherit;
    }

    #c_portalResProduct_list-15791599188284336 .p_ProductInner {
        width: 100%;
        padding: 0 0 5px;
        box-sizing: content-box;
    }

    #c_portalResProduct_list-15791599188284336 .p_ProductInner:hover {
        border-width: 3px;
        border-color: #1890FF;
        margin: -2px;
    }

    #c_portalResProduct_list-15791599188284336 .p_images {
        position: relative;
        width: 100%;
        height: 188px;
        margin: 0;
        padding: 0;
        text-align: center;
        font-size: 0;
        overflow: hidden;
    }

    #c_portalResProduct_list-15791599188284336 .p_imagesMo {
        display: none;
    }

    #c_portalResProduct_list-15791599188284336 .p_linkB {
        width: inherit;
        height: inherit;
        display: block;
        position: static;
    }

    #c_portalResProduct_list-15791599188284336 .p_image {
        width: 100%;
        height: 100%;
        padding: 0;
    }

    #c_portalResProduct_list-15791599188284336 .p_ThumbnailBox {
        position: absolute;
        left: 0;
        bottom: 1px;
        z-index: 10;
        width: 236px;
        height: auto;
        padding: 0;
        overflow: hidden;
        height: auto;
    }

    #c_portalResProduct_list-15791599188284336 .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-15791599188284336 .p_ThumbnailBox .p_thumbnail:hover {
        border-color: rgba(255,255,255,.7)
    }

    #c_portalResProduct_list-15791599188284336 .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-15791599188284336 .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-15791599188284336 .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-15791599188284336 .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-15791599188284336 .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-15791599188284336 .p_tag:hover {
        border-width: 1px;
        border-style: none;
        border-color: transparent;
    }

    #c_portalResProduct_list-15791599188284336 .p_tag:active {
        border-width: 1px;
        border-style: none;
        border-color: transparent;
    }

    #c_portalResProduct_list-15791599188284336 .d_item {
        width: auto;
        height: auto;
        margin: 5px 0;
        padding: 0;
        vertical-align: middle;
        overflow: hidden;
        display: none;
    }

    #c_portalResProduct_list-15791599188284336 .d_item .d_itemLable {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 0 0;
        font-size: 14px;
    }

    #c_portalResProduct_list-15791599188284336 .d_item .d_itemValue {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
    }

    #c_portalResProduct_list-15791599188284336 .p_salePriceMo, .p_NomBoxMo {
        display: none;
    }

    #c_portalResProduct_list-15791599188284336 .d_SummaryBox {
        margin: 5px 0;
        width: auto;
        height: auto;
        padding: 0;
        overflow: hidden;
    }

    #c_portalResProduct_list-15791599188284336 .d_summary {
        line-height: 20px;
        text-align: left;
        vertical-align: top;
        word-break: break-all;
    }

    #c_portalResProduct_list-15791599188284336 .d_SalePrice {
        display: inline-table;
        margin: 0;
        padding: 0;
        text-align: left;
        vertical-align: middle;
    }

    #c_portalResProduct_list-15791599188284336 .p_priceUnit::before {
        content: "\e6d7";
    }

    #c_portalResProduct_list-15791599188284336 .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-15791599188284336 .p_interaction .btn-default {
        display: inline-block;
        margin: 5px 0 0 ;
    }

    #c_portalResProduct_list-15791599188284336 .p_keyword {
        display: inline-block;
        padding-right: 5px;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    #c_portalResProduct_list-15791599188284336 .productLi:hover .blue {
        top:0px;
    }

    #c_portalResProduct_list-15791599188284336 .productLi:hover .desc2 {
        opacity: 0;
    }
}

#c_portalResProduct_list-15791599188284336 .relative {
    position: relative;
}

#c_portalResProduct_list-15791599188284336 .absolute {
    position: absolute;
}

#c_portalResProduct_list-15791599188284336 #products {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0px;
}

#c_portalResProduct_list-15791599188284336 .proName {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 1rem 0 2rem;
}

#c_portalResProduct_list-15791599188284336 .xiangxi {
    width: 130px;
    height: 38px;
    line-height: 38px;
    background: #FF6600;
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 20px;
    font-size: 14px;
}

#c_portalResProduct_list-15791599188284336 .list {
    position: relative;
    width: 100%;
    height: auto;
}

#c_portalResProduct_list-15791599188284336 .swiper-container-pro {
    width: calc(100% - 0px);
    margin: 0 auto;
    height: auto;
}

#c_portalResProduct_list-15791599188284336 .swiper-wrapperUl {
    width: 100%;
}

#c_portalResProduct_list-15791599188284336 .productLi {
    overflow: hidden;
    background: #f6f6f6;
    cursor: pointer;
    width: 25%;
    float: left;
    position: relative;
}

#c_portalResProduct_list-15791599188284336 .productLi .solut1 {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    transition: all 0.7s ease-in-out;
}

#c_portalResProduct_list-15791599188284336 .productLi:hover .solut1 {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(23, 89, 132, 0.7);
    transition: all 0.7s ease-in-out;
}

#c_portalResProduct_list-15791599188284336 .productLi .solut2 {
    text-align: center;
    padding-top: 30%;
    padding-bottom: 15px;
    transition: all 0.7s ease-in-out;
}

#c_portalResProduct_list-15791599188284336 .productLi:hover .solut2 {
    text-align: center;
    padding-top: 20%;
    padding-bottom: 15px;
    transition: all 0.7s ease-in-out;
}

#c_portalResProduct_list-15791599188284336 .productLi .solut1 h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    position: relative;
    padding-bottom: 30px;
    padding-top: 20px;
}

#c_portalResProduct_list-15791599188284336 .productLi .solut1 h3:after {
    position: absolute;
    width: 30px;
    height: 2px;
    background: #fff;
    bottom: 0px;
    left: 50%;
    content: "";
    margin-left: -15px;
    transition: all 0.7s ease-in-out;
}

#c_portalResProduct_list-15791599188284336 .productLi:hover .solut1 h3:after {
    position: absolute;
    width: 80px;
    height: 2px;
    background: #fff;
    bottom: 0px;
    left: 50%;
    content: "";
    margin-left: -40px;
    transition: all 0.7s ease-in-out;
}

#c_portalResProduct_list-15791599188284336 .productLi .solut3 {
    color: #fff;
    font-size: 14px;
    width: 70%;
    margin: 0 auto;
    padding-top: 5%;
    opacity: 0;
    transition: all 0.7s ease-in-out;
    text-align: center;
}

#c_portalResProduct_list-15791599188284336 .productLi .solut3 a {
    border: 1px solid #fff;
    width: 110px;
    height: 35px;
    line-height: 35px;
    display: block;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 0 auto;
    margin-top: 25px;
    border-radius: 50px;
}

#c_portalResProduct_list-15791599188284336 .productLi:hover .solut3 {
    color: #fff;
    font-size: 14px;
    width: 70%;
    margin: 0 auto;
    padding-top: 5%;
    opacity: 1;
    transition: all 0.7s ease-in-out;
}

#c_portalResProduct_list-15791599188284336 .busitu {
    position: relative;
    overflow: hidden;
}

#c_portalResProduct_list-15791599188284336 .productLi .busitu img {
    width: 100%;
    transition: all 0.7s ease-in-out;
}

#c_portalResProduct_list-15791599188284336 .productLi:hover .busitu img {
    transition: all 0.7s ease-in-out;
}

#c_portalResProduct_list-15791599188284336 .block {
    display: block;
}

#c_portalResProduct_list-15791599188284336 .scptu2 h3 {
    font-size: 26px;
    color: #333;
    font-weight: 600;
    padding-top: 20%;
}

#c_portalResProduct_list-15791599188284336 .scptu2 p {
    color: #666;
    line-height: 150%;
    max-width: 90%;
    padding-top: 20px;
}

#c_portalResProduct_list-15791599188284336 .aTop {
    width: 100%;
    height: 0px;
    padding-bottom: 90%;
    overflow: hidden;
}

#c_portalResProduct_list-15791599188284336 .picture {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

#c_portalResProduct_list-15791599188284336 .proPic {
    width: 100%;
    height: 100%;
    border: 1px solid #eee;
}

#c_portalResProduct_list-15791599188284336 .number {
    margin-top: 15%;
    font-size: 2.5rem;
    padding-left: 20%;
    color: #fff;
}

#c_portalResProduct_list-15791599188284336 .number::before {
    content: '';
    position: absolute;
    left: 5%;
    top: 0px;
    bottom: 0px;
    margin: auto;
    display: block;
    width: 10%;
    height: 2px;
    background: #fff;
}

#c_portalResProduct_list-15791599188284336 .blue {
    background: rgba(0,102,210,0.8);
    top: 100%;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: all .5s ease;
}

#c_portalResProduct_list-15791599188284336 .desc1 {
    padding: 0 20%;
    color: #fff;
    height: 6rem;
    line-height: 1.5rem;
    overflow: hidden;
}

#c_portalResProduct_list-15791599188284336 .proName2 {
    display: block;
    color: #333;
    font-size: 1rem;
    margin-top: 20px;
    padding: 0 15%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#c_portalResProduct_list-15791599188284336 .desc2 {
    color: #888;
    font-size: 0.75rem;
    margin: 16px 0 28px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 1;
    letter-spacing: 1px;
    transition: all .5s ease;
}

#c_portalResProduct_list-15791599188284336 #products .swiper-button-prev {
    position: absolute;
    top: 45%;
    left: 20px;
    font-size: 2.5rem;
    cursor: pointer;
    z-index: 999;
    color: #fff;
    background: transparent;
}

#c_portalResProduct_list-15791599188284336 #products .swiper-button-next {
    position: absolute;
    top: 45%;
    right: 20px;
    font-size: 2.5rem;
    cursor: pointer;
    z-index: 999;
    color: #fff;
    background: transparent;
}

#c_portalResProduct_list-15791599188284336 .proPrice {
    color: red;
    display: none;
}

@media only screen and (min-width: 769px) {
    #c_portalResProduct_list-15791599188284336 .productLi:hover .blue {
        top:0px;
    }

    #c_portalResProduct_list-15791599188284336 .productLi:hover .desc2 {
        opacity: 0;
    }
}

#c_portalResProduct_list-15791599188284336 .p_page .pre .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15791599188284336 .p_page .next .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15791599188284336 .p_more .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15791599188284336 .p_loading .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15791599188284336 .scptu1 {
    float: left;
    width: 40%;
}

#c_portalResProduct_list-15791599188284336 .scptu2 {
    float: left;
    width: 60%;
    padding-left: 5%;
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}

#c_portalResPublic_codeContainer-15791618942876802 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResPublic_codeContainer-15791618942876802 .h_btn_contact a {
    position: relative;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #0877c4;
    color: #fff;
    width: 156px;
    border-radius: 50px;
    height: 44px;
    font-size: 15px;
    letter-spacing: 0.2em;
}

#c_portalResPublic_codeContainer-15791618942876802 {
    width: 100%;
    max-width: 159px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
}
}
}

#c_portalResPublic_codeContainer-15791634319165108 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#c_portalResPublic_codeContainer-15791636725175940 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResPublic_codeContainer-15791636725175940 .h_btn_contact a {
    position: relative;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #0877c4;
    color: #fff;
    width: 156px;
    border-radius: 50px;
    height: 44px;
    font-size: 15px;
    letter-spacing: 0.2em;
}
}

#c_portalResPublic_codeContainer-15791636725175940 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
}
}
}
}
}
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
}
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
}
}
}
}
}
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
}
}
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
}
}
}
}
}
}
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}
}

@keyframes gorotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

100% {
    transform: rotate(360deg);
}
}

100% {
    transform: rotate(360deg);
}
}

100% {
    transform: rotate(360deg);
}
}

100% {
    transform: rotate(360deg);
}
}

100% {
    transform: rotate(360deg);
}
}

100% {
    transform: rotate(360deg);
}
}

100% {
    transform: rotate(360deg);
}
}

100% {
    transform: rotate(360deg);
}
}

100% {
    transform: rotate(360deg);
}
}

100% {
    transform: rotate(360deg);
}
}

100% {
    transform: rotate(360deg);
}
}

100% {
    transform: rotate(360deg);
}
}

100% {
    transform: rotate(360deg);
}
}

100% {
    transform: rotate(360deg);
}
}

100% {
    transform: rotate(360deg);
}
}
}
}
}
}
}
}
}
}
}
}

#c_portalResProduct_list-15827875300436899 .p_Product {
    width: calc((100% - 0px)/3);
}

#c_portalResProduct_list-15827875300436899 .p_CommonSummaryBoxA {
    text-align: center;
}

#c_portalResProduct_list-15827875300436899 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResProduct_list-15827875300436899 >div {
    animation-fill-mode: both;
}

#c_portalResProduct_list-15827875300436899 .proBox {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#c_portalResProduct_list-15827875300436899 .proContainer {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 1rem auto;
}

#c_portalResProduct_list-15827875300436899 .proLi {
    position: relative;
    overflow: hidden;
    padding: 15px;
}

#c_portalResProduct_list-15827875300436899 .porTbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 66.7%;
}

#c_portalResProduct_list-15827875300436899 .proImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}

#c_portalResProduct_list-15827875300436899 .porBbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 15px 0px;
    background: #fff;
}

#c_portalResProduct_list-15827875300436899 .proTitle {
    font-size: 16px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    width: 100%;
    text-align: center;
}

#c_portalResProduct_list-15827875300436899 .proSummry {
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    margin: 10px 0;
    text-overflow: ellipsis;
}

#c_portalResProduct_list-15827875300436899 .lookDetail {
    position: absolute;
    display: block;
    color: #777;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

#c_portalResProduct_list-15827875300436899 .arrowsR {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0, -50%);
    width: 30px;
}

#c_portalResProduct_list-15827875300436899 .arrowsR img {
    position: absolute;
    transition: all .5s ease;
}

#c_portalResProduct_list-15827875300436899 .harr {
    opacity: 0;
}

#c_portalResProduct_list-15827875300436899 .showBox {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.6);
    transition: all 0.5s ease;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 100%;
    vertical-align: middle;
    display: block;
}

#c_portalResProduct_list-15827875300436899 .showBox span {
    font-size: 50px;
    color: #fff;
    margin-top: 30%;
    display: block;
}

#c_portalResProduct_list-15827875300436899 .showBoxLink {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 60%;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    padding: 0.5rem 0;
}

#c_portalResProduct_list-15827875300436899 .showBoxLink::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

#c_portalResProduct_list-15827875300436899 .showBoxLink::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

#c_portalResProduct_list-15827875300436899 .lookDetail:hover .barr {
    opacity: 0;
}

#c_portalResProduct_list-15827875300436899 .lookDetail:hover .harr {
    opacity: 1;
}

#c_portalResProduct_list-15827875300436899 .proLi:hover .showBox {
    opacity: 1;
}

#c_portalResProduct_list-15827875300436899 .proLi:hover .proImg {
    transform: translate( -50% ,-50%) scale(1.1);
}

#c_portalResProduct_list-15827875300436899 .proLi:hover .showBoxLink::before {
    width: 1rem;
}

#c_portalResProduct_list-15827875300436899 .proLi:hover .showBoxLink::after {
    width: 1rem;
}

@media only screen and (min-width: 769px) {
    #c_portalResProduct_list-15827875300436899 .proContainer {
        max-width:100%;
    }

    #c_portalResProduct_list-15827875300436899 .proLi {
        width: calc(100% / 3);
        height: auto;
        float: left;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #c_portalResProduct_list-15827875300436899 .proContainer {
        max-width:900px;
    }

    #c_portalResProduct_list-15827875300436899 .proLi {
        width: 50%;
        height: 400px;
    }
}

#c_portalResProduct_list-15827875300436899 .p_page .pre .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15827875300436899 .p_page .next .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15827875300436899 .p_more .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15827875300436899 .p_loading .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15827875300436899 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: 100%;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

#c_portalResProduct_list-15831134390730109 .p_Product {
    width: calc((100% - 0px)/3);
}

#c_portalResProduct_list-15831134390730109 .p_CommonSummaryBoxA {
    text-align: center;
}

#c_portalResProduct_list-15831134390730109 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResProduct_list-15831134390730109 >div {
    animation-fill-mode: both;
}

#c_portalResProduct_list-15831134390730109 .proBox {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#c_portalResProduct_list-15831134390730109 .proContainer {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 1rem auto;
}

#c_portalResProduct_list-15831134390730109 .proLi {
    position: relative;
    overflow: hidden;
    padding: 15px;
}

#c_portalResProduct_list-15831134390730109 .porTbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 66.7%;
}

#c_portalResProduct_list-15831134390730109 .proImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}

#c_portalResProduct_list-15831134390730109 .porBbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 15px 0px;
    background: #fff;
}

#c_portalResProduct_list-15831134390730109 .proTitle {
    font-size: 16px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    width: 100%;
    text-align: center;
}

#c_portalResProduct_list-15831134390730109 .proSummry {
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    margin: 10px 0;
    text-overflow: ellipsis;
}

#c_portalResProduct_list-15831134390730109 .lookDetail {
    position: absolute;
    display: block;
    color: #777;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

#c_portalResProduct_list-15831134390730109 .arrowsR {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0, -50%);
    width: 30px;
}

#c_portalResProduct_list-15831134390730109 .arrowsR img {
    position: absolute;
    transition: all .5s ease;
}

#c_portalResProduct_list-15831134390730109 .harr {
    opacity: 0;
}

#c_portalResProduct_list-15831134390730109 .showBox {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.6);
    transition: all 0.5s ease;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 100%;
    vertical-align: middle;
    display: block;
}

#c_portalResProduct_list-15831134390730109 .showBox span {
    font-size: 50px;
    color: #fff;
    margin-top: 30%;
    display: block;
}

#c_portalResProduct_list-15831134390730109 .showBoxLink {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 60%;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    padding: 0.5rem 0;
}

#c_portalResProduct_list-15831134390730109 .showBoxLink::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

#c_portalResProduct_list-15831134390730109 .showBoxLink::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

#c_portalResProduct_list-15831134390730109 .lookDetail:hover .barr {
    opacity: 0;
}

#c_portalResProduct_list-15831134390730109 .lookDetail:hover .harr {
    opacity: 1;
}

#c_portalResProduct_list-15831134390730109 .proLi:hover .showBox {
    opacity: 1;
}

#c_portalResProduct_list-15831134390730109 .proLi:hover .proImg {
    transform: translate( -50% ,-50%) scale(1.1);
}

#c_portalResProduct_list-15831134390730109 .proLi:hover .showBoxLink::before {
    width: 1rem;
}

#c_portalResProduct_list-15831134390730109 .proLi:hover .showBoxLink::after {
    width: 1rem;
}

@media only screen and (min-width: 769px) {
    #c_portalResProduct_list-15831134390730109 .proContainer {
        max-width:100%;
    }

    #c_portalResProduct_list-15831134390730109 .proLi {
        width: calc(100% / 3);
        height: auto;
        float: left;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #c_portalResProduct_list-15831134390730109 .proContainer {
        max-width:900px;
    }

    #c_portalResProduct_list-15831134390730109 .proLi {
        width: 50%;
        height: 400px;
    }
}

#c_portalResProduct_list-15831134390730109 .p_page .pre .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15831134390730109 .p_page .next .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15831134390730109 .p_more .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15831134390730109 .p_loading .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}
}

#c_portalResProduct_list-15831134390730109 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

#c_portalResProduct_list-15827875097847381 .p_Product {
    width: calc((100% - 0px)/3);
}

#c_portalResProduct_list-15827875097847381 .p_CommonSummaryBoxA {
    text-align: center;
}

#c_portalResProduct_list-15827875097847381 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResProduct_list-15827875097847381 >div {
    animation-fill-mode: both;
}

#c_portalResProduct_list-15827875097847381 .proBox {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#c_portalResProduct_list-15827875097847381 .proContainer {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 1rem auto;
}

#c_portalResProduct_list-15827875097847381 .proLi {
    position: relative;
    overflow: hidden;
    padding: 15px;
}

#c_portalResProduct_list-15827875097847381 .porTbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 66.7%;
}

#c_portalResProduct_list-15827875097847381 .proImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}

#c_portalResProduct_list-15827875097847381 .porBbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 15px 0px;
    background: #fff;
}

#c_portalResProduct_list-15827875097847381 .proTitle {
    font-size: 16px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    width: 100%;
    text-align: center;
}

#c_portalResProduct_list-15827875097847381 .proSummry {
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    margin: 10px 0;
    text-overflow: ellipsis;
}

#c_portalResProduct_list-15827875097847381 .lookDetail {
    position: absolute;
    display: block;
    color: #777;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

#c_portalResProduct_list-15827875097847381 .arrowsR {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0, -50%);
    width: 30px;
}

#c_portalResProduct_list-15827875097847381 .arrowsR img {
    position: absolute;
    transition: all .5s ease;
}

#c_portalResProduct_list-15827875097847381 .harr {
    opacity: 0;
}

#c_portalResProduct_list-15827875097847381 .showBox {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.6);
    transition: all 0.5s ease;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 100%;
    vertical-align: middle;
    display: block;
}

#c_portalResProduct_list-15827875097847381 .showBox span {
    font-size: 50px;
    color: #fff;
    margin-top: 30%;
    display: block;
}

#c_portalResProduct_list-15827875097847381 .showBoxLink {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 60%;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    padding: 0.5rem 0;
}

#c_portalResProduct_list-15827875097847381 .showBoxLink::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

#c_portalResProduct_list-15827875097847381 .showBoxLink::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

#c_portalResProduct_list-15827875097847381 .lookDetail:hover .barr {
    opacity: 0;
}

#c_portalResProduct_list-15827875097847381 .lookDetail:hover .harr {
    opacity: 1;
}

#c_portalResProduct_list-15827875097847381 .proLi:hover .showBox {
    opacity: 1;
}

#c_portalResProduct_list-15827875097847381 .proLi:hover .proImg {
    transform: translate( -50% ,-50%) scale(1.1);
}

#c_portalResProduct_list-15827875097847381 .proLi:hover .showBoxLink::before {
    width: 1rem;
}

#c_portalResProduct_list-15827875097847381 .proLi:hover .showBoxLink::after {
    width: 1rem;
}

@media only screen and (min-width: 769px) {
    #c_portalResProduct_list-15827875097847381 .proContainer {
        max-width:100%;
    }

    #c_portalResProduct_list-15827875097847381 .proLi {
        width: calc(100% / 3);
        height: auto;
        float: left;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #c_portalResProduct_list-15827875097847381 .proContainer {
        max-width:900px;
    }

    #c_portalResProduct_list-15827875097847381 .proLi {
        width: 50%;
        height: 400px;
    }
}

#c_portalResProduct_list-15827875097847381 .p_page .pre .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15827875097847381 .p_page .next .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15827875097847381 .p_more .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15827875097847381 .p_loading .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15827875097847381 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: 100%;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#c_portalResProduct_list-15827874976425053 .p_Product {
    width: calc((100% - 0px)/3);
}

#c_portalResProduct_list-15827874976425053 .p_CommonSummaryBoxA {
    text-align: center;
}

#c_portalResProduct_list-15827874976425053 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResProduct_list-15827874976425053 >div {
    animation-fill-mode: both;
}

#c_portalResProduct_list-15827874976425053 .proBox {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#c_portalResProduct_list-15827874976425053 .proContainer {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 1rem auto;
}

#c_portalResProduct_list-15827874976425053 .proLi {
    position: relative;
    overflow: hidden;
    padding: 15px;
}

#c_portalResProduct_list-15827874976425053 .porTbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 66.7%;
}

#c_portalResProduct_list-15827874976425053 .proImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}

#c_portalResProduct_list-15827874976425053 .porBbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 15px 0px;
    background: #fff;
}

#c_portalResProduct_list-15827874976425053 .proTitle {
    font-size: 16px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    width: 100%;
    text-align: center;
}

#c_portalResProduct_list-15827874976425053 .proSummry {
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    margin: 10px 0;
    text-overflow: ellipsis;
}

#c_portalResProduct_list-15827874976425053 .lookDetail {
    position: absolute;
    display: block;
    color: #777;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

#c_portalResProduct_list-15827874976425053 .arrowsR {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0, -50%);
    width: 30px;
}

#c_portalResProduct_list-15827874976425053 .arrowsR img {
    position: absolute;
    transition: all .5s ease;
}

#c_portalResProduct_list-15827874976425053 .harr {
    opacity: 0;
}

#c_portalResProduct_list-15827874976425053 .showBox {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.6);
    transition: all 0.5s ease;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 100%;
    vertical-align: middle;
    display: block;
}

#c_portalResProduct_list-15827874976425053 .showBox span {
    font-size: 50px;
    color: #fff;
    margin-top: 30%;
    display: block;
}

#c_portalResProduct_list-15827874976425053 .showBoxLink {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 60%;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    padding: 0.5rem 0;
}

#c_portalResProduct_list-15827874976425053 .showBoxLink::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

#c_portalResProduct_list-15827874976425053 .showBoxLink::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

#c_portalResProduct_list-15827874976425053 .lookDetail:hover .barr {
    opacity: 0;
}

#c_portalResProduct_list-15827874976425053 .lookDetail:hover .harr {
    opacity: 1;
}

#c_portalResProduct_list-15827874976425053 .proLi:hover .showBox {
    opacity: 1;
}

#c_portalResProduct_list-15827874976425053 .proLi:hover .proImg {
    transform: translate( -50% ,-50%) scale(1.1);
}

#c_portalResProduct_list-15827874976425053 .proLi:hover .showBoxLink::before {
    width: 1rem;
}

#c_portalResProduct_list-15827874976425053 .proLi:hover .showBoxLink::after {
    width: 1rem;
}

@media only screen and (min-width: 769px) {
    #c_portalResProduct_list-15827874976425053 .proContainer {
        max-width:100%;
    }

    #c_portalResProduct_list-15827874976425053 .proLi {
        width: calc(100% / 3);
        height: auto;
        float: left;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #c_portalResProduct_list-15827874976425053 .proContainer {
        max-width:900px;
    }

    #c_portalResProduct_list-15827874976425053 .proLi {
        width: 50%;
        height: 400px;
    }
}

#c_portalResProduct_list-15827874976425053 .p_page .pre .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15827874976425053 .p_page .next .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15827874976425053 .p_more .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15827874976425053 .p_loading .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15827874976425053 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#c_portalResProduct_list-15791394607615188 .p_Product {
    width: calc((100% - 0px)/3);
}

#c_portalResProduct_list-15791394607615188 .p_CommonSummaryBoxA {
    text-align: center;
}

#c_portalResProduct_list-15791394607615188 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResProduct_list-15791394607615188 >div {
    animation-fill-mode: both;
}

#c_portalResProduct_list-15791394607615188 .proBox {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#c_portalResProduct_list-15791394607615188 .proContainer {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 1rem auto;
}

#c_portalResProduct_list-15791394607615188 .proLi {
    position: relative;
    overflow: hidden;
    padding: 15px;
}

#c_portalResProduct_list-15791394607615188 .porTbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 66.7%;
}

#c_portalResProduct_list-15791394607615188 .proImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}

#c_portalResProduct_list-15791394607615188 .porBbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 15px 0px;
    background: #fff;
}

#c_portalResProduct_list-15791394607615188 .proTitle {
    font-size: 16px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    width: 100%;
    text-align: center;
}

#c_portalResProduct_list-15791394607615188 .proSummry {
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    margin: 10px 0;
    text-overflow: ellipsis;
}

#c_portalResProduct_list-15791394607615188 .lookDetail {
    position: absolute;
    display: block;
    color: #777;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

#c_portalResProduct_list-15791394607615188 .arrowsR {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0, -50%);
    width: 30px;
}

#c_portalResProduct_list-15791394607615188 .arrowsR img {
    position: absolute;
    transition: all .5s ease;
}

#c_portalResProduct_list-15791394607615188 .harr {
    opacity: 0;
}

#c_portalResProduct_list-15791394607615188 .showBox {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.6);
    transition: all 0.5s ease;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 100%;
    vertical-align: middle;
    display: block;
}

#c_portalResProduct_list-15791394607615188 .showBox span {
    font-size: 50px;
    color: #fff;
    margin-top: 30%;
    display: block;
}

#c_portalResProduct_list-15791394607615188 .showBoxLink {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 60%;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    padding: 0.5rem 0;
}

#c_portalResProduct_list-15791394607615188 .showBoxLink::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

#c_portalResProduct_list-15791394607615188 .showBoxLink::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

#c_portalResProduct_list-15791394607615188 .lookDetail:hover .barr {
    opacity: 0;
}

#c_portalResProduct_list-15791394607615188 .lookDetail:hover .harr {
    opacity: 1;
}

#c_portalResProduct_list-15791394607615188 .proLi:hover .showBox {
    opacity: 1;
}

#c_portalResProduct_list-15791394607615188 .proLi:hover .proImg {
    transform: translate( -50% ,-50%) scale(1.1);
}

#c_portalResProduct_list-15791394607615188 .proLi:hover .showBoxLink::before {
    width: 1rem;
}

#c_portalResProduct_list-15791394607615188 .proLi:hover .showBoxLink::after {
    width: 1rem;
}

@media only screen and (min-width: 769px) {
    #c_portalResProduct_list-15791394607615188 .proContainer {
        max-width:100%;
    }

    #c_portalResProduct_list-15791394607615188 .proLi {
        width: calc(100% / 3);
        height: auto;
        float: left;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #c_portalResProduct_list-15791394607615188 .proContainer {
        max-width:900px;
    }

    #c_portalResProduct_list-15791394607615188 .proLi {
        width: 50%;
        height: 400px;
    }
}

#c_portalResProduct_list-15791394607615188 .p_page .pre .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15791394607615188 .p_page .next .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15791394607615188 .p_more .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15791394607615188 .p_loading .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15791394607615188 {
    width: auto;
    max-width: 1300px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 50px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 50px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#c_portalResProduct_list-15791394607692502 .p_Product {
    width: calc((100% - 0px)/3);
}

#c_portalResProduct_list-15791394607692502 .p_CommonSummaryBoxA {
    text-align: center;
}

#c_portalResProduct_list-15791394607692502 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResProduct_list-15791394607692502 >div {
    animation-fill-mode: both;
}

#c_portalResProduct_list-15791394607692502 .proBox {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#c_portalResProduct_list-15791394607692502 .proContainer {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 1rem auto;
}

#c_portalResProduct_list-15791394607692502 .proLi {
    position: relative;
    overflow: hidden;
    padding: 15px;
}

#c_portalResProduct_list-15791394607692502 .porTbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 66.7%;
}

#c_portalResProduct_list-15791394607692502 .proImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}

#c_portalResProduct_list-15791394607692502 .porBbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 15px 0px;
    background: #fff;
}

#c_portalResProduct_list-15791394607692502 .proTitle {
    font-size: 16px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    width: 100%;
    text-align: center;
}

#c_portalResProduct_list-15791394607692502 .proSummry {
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    margin: 10px 0;
    text-overflow: ellipsis;
}

#c_portalResProduct_list-15791394607692502 .lookDetail {
    position: absolute;
    display: block;
    color: #777;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

#c_portalResProduct_list-15791394607692502 .arrowsR {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0, -50%);
    width: 30px;
}

#c_portalResProduct_list-15791394607692502 .arrowsR img {
    position: absolute;
    transition: all .5s ease;
}

#c_portalResProduct_list-15791394607692502 .harr {
    opacity: 0;
}

#c_portalResProduct_list-15791394607692502 .showBox {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.6);
    transition: all 0.5s ease;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 100%;
    vertical-align: middle;
    display: block;
}

#c_portalResProduct_list-15791394607692502 .showBox span {
    font-size: 50px;
    color: #fff;
    margin-top: 30%;
    display: block;
}

#c_portalResProduct_list-15791394607692502 .showBoxLink {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 60%;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    padding: 0.5rem 0;
}

#c_portalResProduct_list-15791394607692502 .showBoxLink::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

#c_portalResProduct_list-15791394607692502 .showBoxLink::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

#c_portalResProduct_list-15791394607692502 .lookDetail:hover .barr {
    opacity: 0;
}

#c_portalResProduct_list-15791394607692502 .lookDetail:hover .harr {
    opacity: 1;
}

#c_portalResProduct_list-15791394607692502 .proLi:hover .showBox {
    opacity: 1;
}

#c_portalResProduct_list-15791394607692502 .proLi:hover .proImg {
    transform: translate( -50% ,-50%) scale(1.1);
}

#c_portalResProduct_list-15791394607692502 .proLi:hover .showBoxLink::before {
    width: 1rem;
}

#c_portalResProduct_list-15791394607692502 .proLi:hover .showBoxLink::after {
    width: 1rem;
}

@media only screen and (min-width: 769px) {
    #c_portalResProduct_list-15791394607692502 .proContainer {
        max-width:100%;
    }

    #c_portalResProduct_list-15791394607692502 .proLi {
        width: calc(100% / 3);
        height: auto;
        float: left;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #c_portalResProduct_list-15791394607692502 .proContainer {
        max-width:900px;
    }

    #c_portalResProduct_list-15791394607692502 .proLi {
        width: 50%;
        height: 400px;
    }
}

#c_portalResProduct_list-15791394607692502 .p_page .pre .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15791394607692502 .p_page .next .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15791394607692502 .p_more .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15791394607692502 .p_loading .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResProduct_list-15791394607692502 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 50px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 50px;
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}

@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_portalResEbizads_banner-15862289293478760 .p_TitleBox {
    width: 100%;
    height: 80px;
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    font-weight: bold;
    display: none!important;
}

#c_portalResEbizads_banner-15862289293478760 .dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
}

#c_portalResEbizads_banner-15862289293478760 {
    width: auto;
    max-width: none;
    min-width: 300px;
    height: 866px;
    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-1579137133209 > 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-1583730256329 > 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-1583730392611 > 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-1583730420170 > 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-1583730465272 > 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-1579139417483 > div > .p_gridbox {
    background-image: url(../image/dbj.png);
}

#w_grid-1579139417483 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1579139417483 >div {
    animation-fill-mode: both;
}

#w_grid-1579139417483 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (min-width: 769px) {
    #w_grid-1579139417483> div > .p_gridbox > .p_gridCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0px;
    }

    #w_grid-1579139417483> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
    }

    #w_grid-1579139417483> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

#w_grid-1579139417483 .p_gridbox {
    background-repeat: no-repeat;
    background-position: bottom center;
}

#w_grid-1579139417489 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1579139417489 >div {
    animation-fill-mode: both;
}

#w_grid-1579139417489 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (min-width: 769px) {
    #w_grid-1579139417489> div > .p_gridbox > .p_gridCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0px;
    }

    #w_grid-1579139417489> div > .p_gridbox > .p_gridCell:nth-child(2n+0) {
        width: 42.25%;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
    }

    #w_grid-1579139417489> div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
        margin-left: 0px;
        clear: left;
        margin-right: 0px;
        width: 57.75%;
    }

    #w_grid-1579139417489> div > .p_gridbox > .p_gridCell:nth-child(2n) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

#w_fimg-1579139417493 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_fimg-1579139417493 >div {
    animation-fill-mode: both;
}

#w_grid-1582787646215 > div > .p_gridbox {
    background-image: url(../image/gss.jpg);
}

#w_grid-1582787646215 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1582787646215 >div {
    animation-fill-mode: both;
}

#w_grid-1582787646215 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (min-width: 769px) {
    #w_grid-1582787646215> div > .p_gridbox > .p_gridCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0px;
    }

    #w_grid-1582787646215> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
    }

    #w_grid-1582787646215> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

#w_grid-1579139459385 > div > .p_gridbox {
    background-color: rgba(246, 246, 246, 1);
}

#w_grid-1579139459385 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1579139459385 >div {
    animation-fill-mode: both;
}

#w_grid-1579139459385 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0px;
    clear: left;
}

#w_grid-1579139459385 .p_relationbtntab.active {
    color: #fff;
    background: #175984;
    border: 1px solid #175984;
}

@media only screen and (min-width: 769px) {
    #w_grid-1579139459385> div > .p_gridbox > .p_gridCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0;
    }

    #w_grid-1579139459385> div > .p_gridbox > .p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    #w_grid-1579139459385> div > .p_gridbox > .p_gridCell:nth-child(1n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

#w_grid-1579139459385 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 200px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_grid-1579139459385 .w_tabswitchbox {
    height: fit-content;
    width: 100%;
    min-height: inherit;
}

#w_grid-1579139459385 .p_box001::-webkit-scrollbar-thumb {
    background-color: transparent;
}

#w_grid-1579139459385 .p_box001::-webkit-scrollbar {
    height: 0;
}

#w_grid-1579139459385 .p_vline:last-of-type {
    display: none;
}

#w_grid-1579139459385 .p_relationbtntab .iconfont:before {
    content: "";
}

#w_grid-1579139459385 .p_relationbtntab .iconfont {
    color: #333;
}

#w_grid-1579139459385 .p_relationbtntab {
    width: 98%;
    height: 100%;
    display: inline-block;
    background-color: transparent;
    text-align: center;
    color: #666;
    background: #fff;
    border: 1px solid #CCCCCC;
}

#w_grid-1579139459385 .p_link-1 .p_relationbtntab {
    background: url(../image/v2.png) no-repeat 30% center;
}

#w_grid-1579139459385 .p_link-2 .p_relationbtntab {
    background: url(../image/v3.png) no-repeat 30% center;
}

#w_grid-1579139459385 .p_link-0 .p_relationbtntab {
    background: url(../image/v3.png) no-repeat 30% center;
}

#w_grid-1579139459385 .p_link-0 .p_relationbtntab.active {
    background: #0877c4 url(../image/hotel.jpg) no-repeat 30% center;
}

#w_grid-1579139459385 .p_link-1 .p_relationbtntab.active {
    background: #0877c4 url(../image/hotel2.jpg) no-repeat 30% center;
}

#w_grid-1579139459385 .p_link-2 .p_relationbtntab.active {
    background: #0877c4 url(../image/hotel3.jpg) no-repeat 30% center;
}

#w_grid-1579139459385 .w_tabswitchbox-001 > .layout_1 .p_box002 {
    width: 100%;
    height: calc(100% - 50px);
    border-width: 0px;
    border-style: solid;
    border-color: rgba(228, 228, 228, 1);
    background-color: rgba(255, 255, 255, 0);
}

#w_grid-1579139459385 .p_relationbtntab:before {
    content: '';
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

#w_grid-1579139459385 .p_relationbtntab .font {
    width: 100%;
    height: auto;
    font-size: 16px;
    background-color: inherit;
    color: inherit;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
}

#w_grid-1579139459385 .p_box003 {
    width: 100%;
    height: 100%;
    display: none;
    overflow: auto;
    position: static;
}

#w_grid-1579139459385 .p_box003.active {
    display: block;
}

#w_grid-1579139459385 > .layout_1 .p_box001 {
    width: 50%;
    height: 50px;
    display: block;
    font-size: 0;
    position: relative !important;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin: 0px 0px 0px auto;
}

#w_grid-1579139459385 > .layout_1 > div > .e_link-000 {
    width: calc(100% / 3);
    height: inherit;
    display: inline-block;
    cursor: pointer;
}

#w_grid-1579139459385 > .layout_1 > div > .p_vline {
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    border-left-width: 0px;
    border-left-style: solid;
    border-color: rgba(225,225,225,1);
}

#w_grid-1579139459385 > .layout_1 .p_box002 {
    width: 100%;
    height: calc(100% - 50px);
}

#w_grid-1579139459385 .layout_2 {
    font-size: 0;
}

#w_grid-1579139459385 > .layout_2 .p_box001 {
    width: 100px;
    height: 100%;
    min-height: inherit;
    display: inline-block;
    vertical-align: top;
}

#w_grid-1579139459385 > .layout_2 .p_box002 {
    width: calc(100% - 100px);
    height: 100%;
    min-height: inherit;
    display: inline-block;
    vertical-align: top;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(228, 228, 228, 1);
    background-color: rgba(255,255,255,1);
}

#w_grid-1579139459385 > .layout_2 > div > .e_link-000 {
    width: 100%;
    height: 50px;
    display: block;
}

#w_grid-1579139459385 > .layout_2 > div > .p_vline {
    width: 100%;
    height: 0px;
    display: block;
}

#w_grid-1579139459394 > 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-1579139459409 > 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_fimg-1579139459414 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_fimg-1579139459414 >div {
    animation-fill-mode: both;
}

#w_tabswitchbox-1579139459402 .p_relationbtntab.active {
    color: #fff;
    background: #175984;
    border: 1px solid #175984;
}

#w_tabswitchbox-1579139459402 > .layout_1 > div > .e_link-000 {
    width: calc((100% - 0px)/6);
}

#w_tabswitchbox-1579139459402 > .layout_1 .p_box002 {
    height: calc(100% - 50px);
}

#w_tabswitchbox-1579139459402 > .layout_1 .p_box001 {
    height: 50px;
}

#w_tabswitchbox-1579139459402 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_tabswitchbox-1579139459402 >div {
    animation-fill-mode: both;
}

#w_tabswitchbox-1579139459402 > .layout_1 .p_box001 {
    width: 70%;
    height: 50px;
    display: block;
    font-size: 0px;
    position: relative !important;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin: 0px 0px 0px auto;
}

#w_tabswitchbox-1579139459402 .iconfont12356:before {
    content: '\e6ca';
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#w_tabswitchbox-1579139459402 .iconfont12356789:before {
    content: '\e6ca';
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 {
    width: 100%;
    min-height: 200px;
    margin: 0 auto;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 .w_tabswitchbox {
    height: 100%;
    width: 100%;
    min-height: inherit;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 .p_box001::-webkit-scrollbar-thumb {
    background-color: transparent;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 .p_box001::-webkit-scrollbar {
    height: 0px;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 .p_vline:last-of-type {
    display: none;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 .p_relationbtntab .iconfont:before {
    content: "";
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 .p_relationbtntab .iconfont {
    color: #333;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 .p_relationbtntab {
    width: 98%;
    height: 100%;
    display: inline-block;
    background-color: transparent;
    text-align: center;
    color: #666;
    background: #fff;
    border: 1px solid #CCCCCC;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 .p_relationbtntab.active {
    color: #fff;
    background: #175984;
    border: 1px solid #175984;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 .p_link-1 .p_relationbtntab {
    background: url(../image/v2.png) no-repeat 30% center;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 .p_link-2 .p_relationbtntab {
    background: url(../image/v3.png) no-repeat 30% center;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 .p_link-0 .p_relationbtntab {
    background: url(../image/v3.png) no-repeat 30% center;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 .p_link-0 .p_relationbtntab.active {
    background: url(../image/hotel.jpg) no-repeat 30% center;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 .p_link-1 .p_relationbtntab.active {
    background: url(../image/hotel2.jpg) no-repeat 30% center;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 .p_link-2 .p_relationbtntab.active {
    background: url(../image/hotel3.jpg) no-repeat 30% center;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 .p_relationbtntab:before {
    content: '';
    width: 0px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 .p_relationbtntab .font {
    width: 100%;
    height: auto;
    font-size: 16px;
    background-color: inherit;
    color: inherit;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    text-indent: 20px;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 .p_box003 {
    width: 100%;
    height: 100%;
    display: none;
    overflow: auto;
    position: static;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 .p_box003.active {
    display: block;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 > .layout_1 .p_box001 {
    width: 50%;
    height: 50px;
    display: block;
    font-size: 0px;
    position: relative !important;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin: 0px 0px 0px auto;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 > .layout_1 > div > .e_link-000 {
    width: calc(100% / 3);
    height: inherit;
    display: inline-block;
    cursor: pointer;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 > .layout_1 > div > .p_vline {
    width: 0px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    border-left-width: 0px;
    border-left-style: solid;
    border-color: rgba(225,225,225,1);
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 > .layout_1 .p_box002 {
    width: 100%;
    height: calc(100% - 50px);
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 .layout_2 {
    font-size: 0px;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 > .layout_2 .p_box001 {
    width: 100px;
    height: 100%;
    min-height: inherit;
    display: inline-block;
    vertical-align: top;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 > .layout_2 .p_box002 {
    width: calc(100% - 100px);
    height: 100%;
    min-height: inherit;
    display: inline-block;
    vertical-align: top;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(228, 228, 228, 1);
    background-color: rgba(255,255,255,1);
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 > .layout_2 > div > .e_link-000 {
    width: 100%;
    height: 50px;
    display: block;
}

#w_tabswitchbox-1579139459402 .w_tabswitchbox-001 > .layout_2 > div > .p_vline {
    width: 100%;
    height: 0px;
    display: block;
}

#w_tabswitchbox-1579139459402 .iconfont_1582787253724:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#w_tabswitchbox-1579139459402 .iconfont_1582787268617:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#w_tabswitchbox-1579139459402 .iconfont_1582787302216:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#w_tabswitchbox-1579139459402 .iconfont_1583113036287:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#w_grid-1579139459424 > 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-1579159917403 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1579159917403 >div {
    animation-fill-mode: both;
}

#w_grid-1579159917403 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (min-width: 769px) {
    #w_grid-1579159917403 .productLi:hover .blue {
        top:0px;
    }

    #w_grid-1579159917403 .productLi:hover .desc2 {
        opacity: 0;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

@media only screen and (max-width: 768px) {
    #w_grid-1579159917403 {
        width:100%;
        max-width: none;
        min-width: 0px;
        height: auto;
        max-height: none;
        min-height: 192px;
        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-1579159917403 .p_ProductList {
        margin: 0;
        width: auto;
        height: auto;
        padding: 0;
        overflow: hidden;
        background-color: transparent;
        white-space: normal;
        font-size: 0;
    }

    #w_grid-1579159917403 .p_categorySummaryBox {
        padding: 15px;
        border-bottom: 1px solid rgba(0,0,0,0.09);
    }

    #w_grid-1579159917403 .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;
    }

    #w_grid-1579159917403 .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;
    }

    #w_grid-1579159917403 .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;
    }

    #w_grid-1579159917403 .d_sortBtn:hover, .d_sortBtn:active {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    #w_grid-1579159917403 .d_sortBtn.active {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    #w_grid-1579159917403 .p_default {
        -webkit-flex: 1;
        flex: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
    }

    #w_grid-1579159917403 .d_sortBtn:lang(active) {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    #w_grid-1579159917403 .d_sortBtn .font .iconfont:first-child {
        display: none;
    }

    #w_grid-1579159917403 .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;
    }

    #w_grid-1579159917403 .d_sortBtn .font .iconfont:before {
        content: "\e69a";
        line-height: 30px;
    }

    #w_grid-1579159917403 .d_sortBtn:lang(active) .font .iconfont, .d_sortBtn:hover .font .iconfont, .d_sortBtn:active .font .iconfont {
        color: #1890FF;
        border-top-color: #1890FF;
    }

    #w_grid-1579159917403 .d_sortBtn .font .down-arrow {
        margin-top: 0;
        border-top: 0 none;
        border-bottom: 5px solid rgba(0,0,0,0.45);
    }

    #w_grid-1579159917403 .d_sortBtn .font .arrow:before {
        content: "\e69c";
    }

    #w_grid-1579159917403 .p_default .font .iconfont {
        display: none;
    }

    #w_grid-1579159917403 .p_products {
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        overflow: hidden;
        white-space: normal;
    }

    #w_grid-1579159917403 .p_Product {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: calc((100% - 0px)/3);
        padding: 15px 15px 0;
        height: inherit;
    }

    #w_grid-1579159917403 .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;
    }

    #w_grid-1579159917403 .p_Product:last-of-type .p_ProductInner {
        border: 0 none;
    }

    #w_grid-1579159917403 .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;
    }

    #w_grid-1579159917403 .p_image {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    #w_grid-1579159917403 .p_imagesPc {
        display: none;
    }

    #w_grid-1579159917403 .p_linkB {
        width: inherit;
        height: inherit;
        display: block;
        position: static;
    }

    #w_grid-1579159917403 .p_image {
        width: 100%;
        height: 100%;
        padding: 0;
    }

    #w_grid-1579159917403 .p_ThumbnailBox {
        display: none;
    }

    #w_grid-1579159917403 .d_articles {
        height: auto;
        width: 50%;
        padding: 0 0 0 15px;
        margin: 0;
        overflow: hidden;
        -webkit-flex: 1;
        flex: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
    }

    #w_grid-1579159917403 .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;
    }

    #w_grid-1579159917403 .d_title {
        display: block;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        font-weight: 400;
        cursor: pointer;
        line-height: 22px;
        vertical-align: middle;
        text-align: left !important;
    }

    #w_grid-1579159917403 .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;
    }

    #w_grid-1579159917403 .p_tag {
        float: left;
        margin: 0 5px 0 5px;
        padding: 0;
        border-width: 1px;
        border-style: none;
        border-color: transparent;
        overflow: hidden;
    }

    #w_grid-1579159917403 .p_tag:hover {
        border-width: 1px;
        border-style: none;
        border-color: transparent;
    }

    #w_grid-1579159917403 .p_tag:active {
        border-width: 1px;
        border-style: none;
        border-color: transparent;
    }

    #w_grid-1579159917403 .d_item {
        width: auto;
        height: auto;
        margin: 5px 0;
        padding: 0;
        vertical-align: middle;
        overflow: hidden;
    }

    #w_grid-1579159917403 .d_item .d_itemLable {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 0 0;
        font-size: 14px;
    }

    #w_grid-1579159917403 .d_item .d_itemValue {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
    }

    #w_grid-1579159917403 .p_salePricePc, .p_NomBoxPc {
        display: none;
    }

    #w_grid-1579159917403 .d_SummaryBox {
        margin: 5px 0;
        width: auto;
        height: auto;
        padding: 0;
        overflow: hidden;
    }

    #w_grid-1579159917403 .d_summary {
        color: #999;
        font-size: 12px;
        line-height: 20px;
        text-align: left;
        vertical-align: top;
        word-break: break-all;
        text-align: left !important;
    }

    #w_grid-1579159917403 .d_SalePrice {
        display: inline-table;
        margin: 0;
        padding: 0;
        text-align: left;
        vertical-align: middle;
        display: none;
    }

    #w_grid-1579159917403 .p_priceUnit::before {
        content: "\e6d7";
    }

    #w_grid-1579159917403 .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;
    }

    #w_grid-1579159917403 .p_interaction .btn-default {
        display: inline-block;
        margin: 5px 0 0;
    }

    #w_grid-1579159917403 .p_keyword {
        display: inline-block;
        padding-right: 5px;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle;
    }
}

@media only screen and (min-width: 769px) {
    #w_grid-1579159917403 {
        overflow: hidden;
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-right: 0;
    }

    #w_grid-1579159917403 .p_ProductList {
        width: auto;
        height: auto;
        overflow: hidden;
        white-space: normal;
        font-size: 0;
        padding: 20px 25px;
    }

    #w_grid-1579159917403 .p_categorySummaryBox {
        padding: 0 0 20px;
        margin: 0 0 30px;
        border-bottom: 1px solid rgba(0,0,0,0.09);
    }

    #w_grid-1579159917403 .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;
    }

    #w_grid-1579159917403 .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;
    }

    #w_grid-1579159917403 .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);
    }

    #w_grid-1579159917403 .d_sortBtn:hover, .d_sortBtn:active {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    #w_grid-1579159917403 .d_sortBtn.active {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    #w_grid-1579159917403 .p_default {
        padding-right: 15px;
    }

    #w_grid-1579159917403 .d_sortBtn:lang(active) {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    #w_grid-1579159917403 .d_sortBtn .font .iconfont:first-child {
        display: none;
    }

    #w_grid-1579159917403 .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);
    }

    #w_grid-1579159917403 .d_sortBtn .font .iconfont:before {
        content: "\e69a";
        line-height: 30px;
    }

    #w_grid-1579159917403 .d_sortBtn:lang(active) .font .iconfont, .d_sortBtn:hover .font .iconfont, .d_sortBtn:active .font .iconfont {
        color: #1890FF;
    }

    #w_grid-1579159917403 .d_sortBtn .font .arrow {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    #w_grid-1579159917403 .d_sortBtn .font .down-arrow {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    #w_grid-1579159917403 .d_sortBtn .font .arrow:before {
        content: "\e69a";
    }

    #w_grid-1579159917403 .p_default .iconfont.arrow {
        display: none;
    }

    #w_grid-1579159917403 .p_products {
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        overflow: hidden;
        white-space: normal;
    }

    #w_grid-1579159917403 .p_Product {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: calc((100% - 0px)/3);
        padding: 10px;
        height: inherit;
    }

    #w_grid-1579159917403 .p_ProductInner {
        width: 100%;
        padding: 0 0 5px;
        box-sizing: content-box;
    }

    #w_grid-1579159917403 .p_ProductInner:hover {
        border-width: 3px;
        border-color: #1890FF;
        margin: -2px;
    }

    #w_grid-1579159917403 .p_images {
        position: relative;
        width: 100%;
        height: 188px;
        margin: 0;
        padding: 0;
        text-align: center;
        font-size: 0;
        overflow: hidden;
    }

    #w_grid-1579159917403 .p_imagesMo {
        display: none;
    }

    #w_grid-1579159917403 .p_linkB {
        width: inherit;
        height: inherit;
        display: block;
        position: static;
    }

    #w_grid-1579159917403 .p_image {
        width: 100%;
        height: 100%;
        padding: 0;
    }

    #w_grid-1579159917403 .p_ThumbnailBox {
        position: absolute;
        left: 0;
        bottom: 1px;
        z-index: 10;
        width: 236px;
        height: auto;
        padding: 0;
        overflow: hidden;
        height: auto;
    }

    #w_grid-1579159917403 .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)
    }

    #w_grid-1579159917403 .p_ThumbnailBox .p_thumbnail:hover {
        border-color: rgba(255,255,255,.7)
    }

    #w_grid-1579159917403 .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;
    }

    #w_grid-1579159917403 .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;
    }

    #w_grid-1579159917403 .d_title {
        display: block;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        font-weight: 400;
        cursor: pointer;
        line-height: 22px;
        vertical-align: middle;
    }

    #w_grid-1579159917403 .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;
    }

    #w_grid-1579159917403 .p_tag {
        float: left;
        margin: 0 5px 0 5px;
        padding: 0;
        border-width: 1px;
        border-style: none;
        border-color: transparent;
        overflow: hidden;
    }

    #w_grid-1579159917403 .p_tag:hover {
        border-width: 1px;
        border-style: none;
        border-color: transparent;
    }

    #w_grid-1579159917403 .p_tag:active {
        border-width: 1px;
        border-style: none;
        border-color: transparent;
    }

    #w_grid-1579159917403 .d_item {
        width: auto;
        height: auto;
        margin: 5px 0;
        padding: 0;
        vertical-align: middle;
        overflow: hidden;
        display: none;
    }

    #w_grid-1579159917403 .d_item .d_itemLable {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 0 0;
        font-size: 14px;
    }

    #w_grid-1579159917403 .d_item .d_itemValue {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
    }

    #w_grid-1579159917403 .p_salePriceMo, .p_NomBoxMo {
        display: none;
    }

    #w_grid-1579159917403 .d_SummaryBox {
        margin: 5px 0;
        width: auto;
        height: auto;
        padding: 0;
        overflow: hidden;
    }

    #w_grid-1579159917403 .d_summary {
        line-height: 20px;
        text-align: left;
        vertical-align: top;
        word-break: break-all;
    }

    #w_grid-1579159917403 .d_SalePrice {
        display: inline-table;
        margin: 0;
        padding: 0;
        text-align: left;
        vertical-align: middle;
    }

    #w_grid-1579159917403 .p_priceUnit::before {
        content: "\e6d7";
    }

    #w_grid-1579159917403 .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;
    }

    #w_grid-1579159917403 .p_interaction .btn-default {
        display: inline-block;
        margin: 5px 0 0 ;
    }

    #w_grid-1579159917403 .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-1579159917403 .p_CommonSummaryBoxA {
    text-align: center;
}

#w_grid-1579159917403 .relative {
    position: relative;
}

#w_grid-1579159917403 .absolute {
    position: absolute;
}

#w_grid-1579159917403 #products {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0px;
}

#w_grid-1579159917403 .proName {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 1rem 0 2rem;
}

#w_grid-1579159917403 .xiangxi {
    width: 130px;
    height: 38px;
    line-height: 38px;
    background: #FF6600;
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 20px;
    font-size: 14px;
}

#w_grid-1579159917403 .list {
    position: relative;
    width: 100%;
    height: auto;
}

#w_grid-1579159917403 .swiper-container-pro {
    width: calc(100% - 0px);
    margin: 0 auto;
    height: auto;
}

#w_grid-1579159917403 .swiper-wrapperUl {
    width: 100%;
}

#w_grid-1579159917403 .productLi {
    overflow: hidden;
    background: #f6f6f6;
    cursor: pointer;
    width: 25%;
    float: left;
    position: relative;
}

#w_grid-1579159917403 .productLi .solut1 {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    transition: all 0.7s ease-in-out;
}

#w_grid-1579159917403 .productLi:hover .solut1 {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(23, 89, 132, 0.7);
    transition: all 0.7s ease-in-out;
}

#w_grid-1579159917403 .productLi .solut2 {
    text-align: center;
    padding-top: 30%;
    padding-bottom: 15px;
    transition: all 0.7s ease-in-out;
}

#w_grid-1579159917403 .productLi:hover .solut2 {
    text-align: center;
    padding-top: 20%;
    padding-bottom: 15px;
    transition: all 0.7s ease-in-out;
}

#w_grid-1579159917403 .productLi .solut1 h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    position: relative;
    padding-bottom: 30px;
    padding-top: 20px;
}

#w_grid-1579159917403 .productLi .solut1 h3:after {
    position: absolute;
    width: 30px;
    height: 2px;
    background: #fff;
    bottom: 0px;
    left: 50%;
    content: "";
    margin-left: -15px;
    transition: all 0.7s ease-in-out;
}

#w_grid-1579159917403 .productLi:hover .solut1 h3:after {
    position: absolute;
    width: 80px;
    height: 2px;
    background: #fff;
    bottom: 0px;
    left: 50%;
    content: "";
    margin-left: -40px;
    transition: all 0.7s ease-in-out;
}

#w_grid-1579159917403 .productLi .solut3 {
    color: #fff;
    font-size: 14px;
    width: 70%;
    margin: 0 auto;
    padding-top: 5%;
    opacity: 0;
    transition: all 0.7s ease-in-out;
    text-align: center;
}

#w_grid-1579159917403 .productLi .solut3 a {
    border: 1px solid #fff;
    width: 110px;
    height: 35px;
    line-height: 35px;
    display: block;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 0 auto;
    margin-top: 25px;
    border-radius: 50px;
}

#w_grid-1579159917403 .productLi:hover .solut3 {
    color: #fff;
    font-size: 14px;
    width: 70%;
    margin: 0 auto;
    padding-top: 5%;
    opacity: 1;
    transition: all 0.7s ease-in-out;
}

#w_grid-1579159917403 .busitu {
    position: relative;
    overflow: hidden;
}

#w_grid-1579159917403 .productLi .busitu img {
    width: 100%;
    transition: all 0.7s ease-in-out;
}

#w_grid-1579159917403 .productLi:hover .busitu img {
    transition: all 0.7s ease-in-out;
}

#w_grid-1579159917403 .block {
    display: block;
}

#w_grid-1579159917403 .scptu2 h3 {
    font-size: 26px;
    color: #333;
    font-weight: 600;
    padding-top: 20%;
}

#w_grid-1579159917403 .scptu2 p {
    color: #666;
    line-height: 150%;
    max-width: 90%;
    padding-top: 20px;
}

#w_grid-1579159917403 .aTop {
    width: 100%;
    height: 0px;
    padding-bottom: 90%;
    overflow: hidden;
}

#w_grid-1579159917403 .picture {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

#w_grid-1579159917403 .proPic {
    width: 100%;
    height: 100%;
    border: 1px solid #eee;
}

#w_grid-1579159917403 .number {
    margin-top: 15%;
    font-size: 2.5rem;
    padding-left: 20%;
    color: #fff;
}

#w_grid-1579159917403 .number::before {
    content: '';
    position: absolute;
    left: 5%;
    top: 0px;
    bottom: 0px;
    margin: auto;
    display: block;
    width: 10%;
    height: 2px;
    background: #fff;
}

#w_grid-1579159917403 .blue {
    background: rgba(0,102,210,0.8);
    top: 100%;
    left: 0px;
    width: 100%;
    height: 100%;
    transition: all .5s ease;
}

#w_grid-1579159917403 .desc1 {
    padding: 0 20%;
    color: #fff;
    height: 6rem;
    line-height: 1.5rem;
    overflow: hidden;
}

#w_grid-1579159917403 .proName2 {
    display: block;
    color: #333;
    font-size: 1rem;
    margin-top: 20px;
    padding: 0 15%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#w_grid-1579159917403 .desc2 {
    color: #888;
    font-size: 0.75rem;
    margin: 16px 0 28px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 1;
    letter-spacing: 1px;
    transition: all .5s ease;
}

#w_grid-1579159917403 #products .swiper-button-prev {
    position: absolute;
    top: 45%;
    left: 20px;
    font-size: 2.5rem;
    cursor: pointer;
    z-index: 999;
    color: #fff;
    background: transparent;
}

#w_grid-1579159917403 #products .swiper-button-next {
    position: absolute;
    top: 45%;
    right: 20px;
    font-size: 2.5rem;
    cursor: pointer;
    z-index: 999;
    color: #fff;
    background: transparent;
}

#w_grid-1579159917403 .proPrice {
    color: red;
    display: none;
}

#w_grid-1579159917403 .p_page .pre .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#w_grid-1579159917403 .p_page .next .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#w_grid-1579159917403 .p_more .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#w_grid-1579159917403 .p_loading .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#w_grid-1579159917403 .scptu1 {
    float: left;
    width: 40%;
}

#w_grid-1579159917403 .scptu2 {
    float: left;
    width: 60%;
    padding-left: 5%;
}

#w_grid-1579161115374 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1579161115374 >div {
    animation-fill-mode: both;
}

#w_grid-1579161115374 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (min-width: 769px) {
    #w_grid-1579161115374> div > .p_gridbox > .p_gridCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0px;
    }

    #w_grid-1579161115374> div > .p_gridbox > .p_gridCell:nth-child(2n+0) {
        width: 65.47%;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
    }

    #w_grid-1579161115374> div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
        margin-left: 0px;
        clear: left;
        margin-right: 0px;
        width: 34.53%;
    }

    #w_grid-1579161115374> div > .p_gridbox > .p_gridCell:nth-child(2n) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

#w_fimg-1579161124969 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_fimg-1579161124969 >div {
    animation-fill-mode: both;
}

#w_grid-1579160128662 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1579160128662 >div {
    animation-fill-mode: both;
}

#w_grid-1579160128662 > div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (max-width: 768px) {
    #w_grid-1579160128662> div > .p_gridbox > .p_gridCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0;
    }

    #w_grid-1579160128662> div > .p_gridbox > .p_gridCell:nth-child(2n+0) {
        width: 50%;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    #w_grid-1579160128662> div > .p_gridbox > .p_gridCell:nth-child(2n+1) {
        margin-left: 0;
        clear: left;
        margin-right: 0;
        width: 50%;
    }

    #w_grid-1579160128662> div > .p_gridbox > .p_gridCell:nth-child(2n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
}

#w_fimg-1579161783854 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_fimg-1579161783854 >div {
    animation-fill-mode: both;
}

#w_grid-1579137133209 {
    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-1583730256329 {
    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-1583730392611 {
    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-1583730420170 {
    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-1583730465272 {
    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-1579139417483 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 716px;
    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-1579139417489 {
    width: 100%;
    max-width: 1300px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 3%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
}

#w_fimg-1579139417493 {
    width: 100%;
    max-width: 192px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 56px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1579139417498 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: 31px;
    max-height: none;
    min-height: 31px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1579162342918 {
    width: auto;
    max-width: 579px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 50px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_grid-1582787646215 {
    width: 100%;
    max-width: 433px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 535px;
    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-1579139459394 {
    width: 100%;
    max-width: 1300px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 50px;
    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-1579139459409 {
    width: 227px;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 82px;
    margin-top: -85px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    position: absolute;
    top: 190.094px;
    left: 14px;
    z-index: 1;
    bottom: auto;
    right: auto;
}

#w_fimg-1579139459414 {
    width: 100%;
    max-width: 184px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1579139459418 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 31px;
    margin-top: 12px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_tabswitchbox-1579139459402 {
    width: 100%;
    max-width: 1300px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 200px;
    margin-top: 70px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_grid-1579139459424 {
    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-1579161115374 {
    width: 100%;
    max-width: 1284px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3%;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
}

#w_fimg-1579161124969 {
    width: 100%;
    max-width: 289px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 50px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1579161170395 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 6px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 2%;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1579161205169 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 4%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 50px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_grid-1579160128662 {
    width: 100%;
    max-width: 1304px;
    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: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
}

#w_fimg-1579161783854 {
    width: 100%;
    max-width: 150px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 50px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1579161858017 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 6px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 40px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
@media screen and (max-width: 800px) {
	.tab_menu li{
	width: 99%;
	margin-bottom: 10px;
}
.tab_box li{
	width: 98%;
}
.tab_box{
	margin-top: 16px;
}
}
@media screen and (max-width: 800px) {
.tab_menu{
	width: 100%;
}
	.tab_menu li{
	width: 49%;
	margin-bottom: 10px;
}
.tab_box li{
	width: 98%;
}
.tab_box{
	margin-top: 16px;
}
}

