.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); }
.wyj__proBox { padding: 4rem; }
    .wyj__proBox .wyj__proContainer { display: flex; flex-wrap: wrap; max-width: 1600px; margin: auto; }
        .wyj__proBox .wyj__proContainer .wyj__proLi { padding: 50px; }
            .wyj__proBox .wyj__proContainer .wyj__proLi a { display: block; position: relative; }
                .wyj__proBox .wyj__proContainer .wyj__proLi a .proImgBox { width: 100%; position: relative; background: #000; overflow: hidden; }
                    .wyj__proBox .wyj__proContainer .wyj__proLi a .proImgBox img { width: 100%; opacity: 1; transition: all 0.5s; }
                .wyj__proBox .wyj__proContainer .wyj__proLi a .txtBox { padding: 15px 0; }
                    .wyj__proBox .wyj__proContainer .wyj__proLi a .txtBox .proTitle { font-size: 2rem; }
                .wyj__proBox .wyj__proContainer .wyj__proLi a .proImgBox .proInfoTxt { position: absolute; top: 50%; transform: translateY(-50%); padding: 0 50px; text-align: center; z-index: 4; width: 100%; color: #fff; }
                    .wyj__proBox .wyj__proContainer .wyj__proLi a .proImgBox .proInfoTxt h1 { padding-bottom: 50px; transition: all 0.5s; opacity: 0; }
                    .wyj__proBox .wyj__proContainer .wyj__proLi a .proImgBox .proInfoTxt .proSummry { padding-top: 20px; transition: all 0.5s; opacity: 0; }
                .wyj__proBox .wyj__proContainer .wyj__proLi a .proImgBox:before, .wyj__proBox .wyj__proContainer .wyj__proLi a .proImgBox:after { position: absolute; z-index: 2; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
                .wyj__proBox .wyj__proContainer .wyj__proLi a .proImgBox:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); }
                .wyj__proBox .wyj__proContainer .wyj__proLi a .proImgBox:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); }
                .wyj__proBox .wyj__proContainer .wyj__proLi a:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.3); }
                    .wyj__proBox .wyj__proContainer .wyj__proLi a:hover .proImgBox:before, .wyj__proBox .wyj__proContainer .wyj__proLi a:hover .proImgBox:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
                    .wyj__proBox .wyj__proContainer .wyj__proLi a:hover .proImgBox img { opacity: 0.7; transform: scale(1.1); }
                    .wyj__proBox .wyj__proContainer .wyj__proLi a:hover .proImgBox .proInfoTxt h1 { padding-bottom: 0; opacity: 1; }
                    .wyj__proBox .wyj__proContainer .wyj__proLi a:hover .proImgBox .proInfoTxt .proSummry { opacity: 1; }
            .wyj__proBox .wyj__proContainer .wyj__proLi:nth-child(2) { padding: 10%; }
            .wyj__proBox .wyj__proContainer .wyj__proLi:nth-child(3) { padding: 10%; margin-top: -100px; }
            .wyj__proBox .wyj__proContainer .wyj__proLi:nth-child(4) { margin-top: -100px; }
            .wyj__proBox .wyj__proContainer .wyj__proLi:nth-child(6) { padding: 10%; }

@media only screen and (max-width:768px) {
    .wyj__proBox { padding: 1rem; }
        .wyj__proBox .wyj__proContainer .wyj__proLi { padding: 20px !important; width: 100% !important; margin: 0 !important; }
            .wyj__proBox .wyj__proContainer .wyj__proLi a .proImgBox .proInfoTxt h1 { font-size: 1.4rem; }
}

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

.pub_banner { width: 100%; position: relative; max-height: 600px; overflow: hidden; }
    .pub_banner:before { content: ""; dislay: block; width: 100%; height: 100%; background: rgba(0,0,0,0.5); left: 0; top: 0; z-index: 1; position: absolute; }
    .pub_banner img { width: 100%; max-height: 100%; animation: bannerimg 2s; }
    .pub_banner .banner_info { position: absolute; width: 100%; z-index: 2; color: #fff; text-align: center; left: 0; top: 50%; transform: translateY(-50%); padding: 0 15px; }
        .pub_banner .banner_info h1 { font-size: 3rem; animation: puBanner 2s; line-height: 1.5; text-shadow: 0 5px 10px rgba(0,0,0,0.2); font-family: trebuchet ms,helvetica,sans-serif; }
        .pub_banner .banner_info p { font-size: 16px; text-transform: uppercase; animation: puBanner 3s; text-shadow: 0 5px 10px rgba(0,0,0,0.2); font-family: trebuchet ms,helvetica,sans-serif; text-transform: uppercase; }

@keyframes puBanner {
    from { transform: translateY(100px); opacity: 0; }
    to { transform: translateY(0px); opacity: 1; }
}

@keyframes bannerimg {
    from { transform: scale(1.2); }
    to { transform: scale(1); }
}

@keyframes jiantoushang {
    from { opacity: 0; }
    to { opacity: 1; }
}

.pub_banner i.icon-jiantou { color: #fff; font-size: 24px; position: absolute; bottom: 20px; left: 50%; z-index: 3; height: 30px; transform: translateX(-50%) rotate(90deg); animation: jiantoushang 2s; line-height: 30px; }

@media (max-width: 768px) {
    .pub_banner { width: 100%; position: relative; height: 300px; overflow: hidden; }
        .pub_banner img { width: auto; height: 100%; }
        .pub_banner .banner_info h1 { font-size: 2rem; }
        .pub_banner .banner_info p { font-size: 12px; text-transform: uppercase; }
}

.c_portalResEbizads_banner-01001002 .p_MatteIcon .iconfont:before { content: '\e602'; }
.c_portalResEbizads_banner-01001002 > div { animation-fill-mode: both; }
.w_grid-000 { margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; }
    .w_grid-000 > .w_grid { width: 100%; position: relative; }
    .w_grid-000 > div > .p_gridbox { width: 100%; overflow: hidden; position: static; }
    .w_grid-000 > div > div > .p_gridCell { float: left; position: static; }
        .w_grid-000 > div > div > .p_gridCell:not(:empty):before { content: ''; height: 0.1px; display: block; }
    .w_grid-000 > .w_grid.signal { min-height: inherit; }
        .w_grid-000 > .w_grid.signal > .p_gridbox { min-height: inherit; }
            .w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell { min-height: inherit; }
    .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child { margin-left: 0; clear: left; }
#w_grid-000 > div > .p_gridbox > .p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; }

@media only screen and (max-width: 768px) {
    .w_grid-000 > div > .p_gridbox > .p_gridCell { width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; }
}

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

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

body { font-family: Microsoft yahei; }
div, p, span.h1, h2, h3 { font-family: Microsoft yahei; }
* { padding: 0; margin: 0; }
.pagebox { width: 100%; }
.pagebox, #-remove--flag { width: 100%; margin: 0px auto; }
body, #-remove--flag { }

@media screen and (min-width: 64.0625em) and (max-width:79.9375em) {
}

#c_portalResEbizads_banner-16143099619622961 .p_MatteIcon .iconfont:before { content: '\e602'; }
#c_portalResEbizads_banner-16143099619622961 > div { animation-fill-mode: both; }
#c_portalResEbizads_banner-16143099619622961 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; }

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

#w_grid-1614310023754 > 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-1614310023754 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; }
#c_portalResProduct_list-16143100249970515 .p_Product { width: calc((100% - 0px)/3); }
#c_portalResProduct_list-16143100249970515 .p_CommonSummaryBoxA { text-align: center; }
#c_portalResProduct_list-16143100249970515 .p_MatteIcon .iconfont:before { content: '\e602'; }
#c_portalResProduct_list-16143100249970515 > div { animation-fill-mode: both; }
#c_portalResProduct_list-16143100249970515 .proBox { width: 100%; height: auto; overflow: hidden; }
#c_portalResProduct_list-16143100249970515 .proContainer { width: 100%; height: auto; overflow: hidden; margin: 1rem auto; }
#c_portalResProduct_list-16143100249970515 .proLi { position: relative; overflow: hidden; padding: 20px; }
#c_portalResProduct_list-16143100249970515 .porTbox { position: relative; overflow: hidden; width: 100%; height: auto; padding-bottom: 75%; }
#c_portalResProduct_list-16143100249970515 .proImg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; transition: all .5s ease; }
#c_portalResProduct_list-16143100249970515 .porBbox { position: relative; overflow: hidden; width: 100%; height: 130px; padding: 20px 20px 10px; border: 1px solid #f2f2f2; display: none; }
#c_portalResProduct_list-16143100249970515 .proTitle { font-size: 1rem; color: #333; overflow: hidden; text-overflow: ellipsis; position: relative; white-space: nowrap; width: 100%; }
#c_portalResProduct_list-16143100249970515 .proSummry { color: #777; white-space: nowrap; overflow: hidden; margin: 10px 0; text-overflow: ellipsis; }
#c_portalResProduct_list-16143100249970515 .lookDetail { position: relative; display: block; color: #777; height: 38px; line-height: 38px; border-top: 1px solid #e5e5e5; }
#c_portalResProduct_list-16143100249970515 .arrowsR { position: absolute; top: 50%; right: 0px; transform: translate(0, -50%); width: 30px; }
    #c_portalResProduct_list-16143100249970515 .arrowsR img { position: absolute; transition: all .5s ease; }
#c_portalResProduct_list-16143100249970515 .harr { opacity: 0; }
#c_portalResProduct_list-16143100249970515 .showBox { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; background: rgba(0,0,0,.6); transition: all 0.5s ease; }
#c_portalResProduct_list-16143100249970515 .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-16143100249970515 .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-16143100249970515 .showBoxLink::after { content: ''; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); width: 60%; height: 1px; background: #fff; transition: all .5s ease; }

@media only screen and (min-width: 769px) {
    #c_portalResProduct_list-16143100249970515 .proContainer { max-width: 100%; }
    #c_portalResProduct_list-16143100249970515 .proLi { height: auto; float: left; }
    #c_portalResProduct_list-16143100249970515 .lookDetail:hover .barr { opacity: 0; }
    #c_portalResProduct_list-16143100249970515 .lookDetail:hover .harr { opacity: 1; }
    #c_portalResProduct_list-16143100249970515 .proLi:hover .showBox { opacity: 1; }
    #c_portalResProduct_list-16143100249970515 .proLi:hover .proImg { transform: translate( -50%, -50%) scale(1.1); }
    #c_portalResProduct_list-16143100249970515 .proLi:hover .showBoxLink::before { width: 1rem; }
    #c_portalResProduct_list-16143100249970515 .proLi:hover .showBoxLink::after { width: 1rem; }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #c_portalResProduct_list-16143100249970515 .proContainer { max-width: 900px; }
    #c_portalResProduct_list-16143100249970515 .proLi { width: 50%; }
}

#c_portalResProduct_list-16143100249970515 .p_page .pre .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; }
#c_portalResProduct_list-16143100249970515 .p_page .next .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; }
#c_portalResProduct_list-16143100249970515 .p_more .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; }
#c_portalResProduct_list-16143100249970515 .p_loading .iconfont:before { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; }
#c_portalResProduct_list-16143100249970515 .p_categorySummaryBox { display: none; }
#c_portalResProduct_list-16143100249970515 { max-height: none; padding-top: 0px; padding-left: 0px; padding-bottom: 0px; min-height: 0px; margin-right: auto; margin-left: auto; max-width: 1540px; width: 100%; margin-top: 30px; margin-bottom: 30px; min-width: 0px; height: auto; padding-right: 0px; }