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

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

.e_FlowCommonStyleBox-001 .stylebox_link:hover {
    color: rgba(101,190,186,1);
}

.e_FlowCommonStyleBox-001 .stylebox_link:active {
    color: rgba(101,190,186,1);
}

.e_FlowCommonStyleBox-001 .stylebox_top {
    width: auto;
    height: 40px;
    background-color: #1890FF;
}

.e_FlowCommonStyleBox-001 .title_icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255,255,255,1);
    margin-right: 10px;
    font-size: medium;
}

.e_FlowCommonStyleBox-001 .title_icon::before {
    content: "";
}

.e_FlowCommonStyleBox-001 .title_main {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255,255,255,1);
    font-weight: normal;
    font-size: 16px;
    max-width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.e_FlowCommonStyleBox-001 .title_sub {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255,255,255,1);
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
}

.e_FlowCommonStyleBox-001 .stylebox_title {
    display: inline-block;
    width: auto;
    height: inherit;
    background-color: #1890FF;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 0;
    vertical-align: bottom;
    white-space: nowrap;
}

.e_FlowCommonStyleBox-001 .stylebox_link a {
    color: inherit;
    display: table-cell;
    vertical-align: middle;
}

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

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

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

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

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

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

.e_IndexOrdinaryStyleBox-001 .stylebox_top {
    background-color: transparent;
}

.e_IndexOrdinaryStyleBox-001 .stylebox_link {
    color: #666666;
    font-size: 14px;
    display: table;
    height: inherit;
    border-width: 0;
}

.e_IndexOrdinaryStyleBox-001 .stylebox_link:hover {
    color: rgba(101,190,186,1);
}

.e_IndexOrdinaryStyleBox-001 .stylebox_link:active {
    color: rgba(101,190,186,1);
}

.e_IndexOrdinaryStyleBox-001 .stylebox_top {
    width: auto;
    height: 40px;
}

.e_IndexOrdinaryStyleBox-001 .title_icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255,255,255,1);
    margin-right: 10px;
    font-size: medium;
}

.e_IndexOrdinaryStyleBox-001 .title_icon::before {
    content: "";
}

.e_IndexOrdinaryStyleBox-001 .title_main {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255,255,255,1);
    font-weight: normal;
    font-size: 16px;
    max-width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.e_IndexOrdinaryStyleBox-001 .title_sub {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255,255,255,1);
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
}

.e_IndexOrdinaryStyleBox-001 .stylebox_title {
    display: inline-block;
    width: auto;
    height: inherit;
    background-color: rgba(101, 190, 186, 1);
    padding-left: 15px;
    padding-right: 15px;
    font-size: 0;
    vertical-align: bottom;
    white-space: nowrap;
}

.e_IndexOrdinaryStyleBox-001 .stylebox_link {
    float: right;
    vertical-align: middle;
    margin-right: 15px;
}

.e_IndexOrdinaryStyleBox-001 .stylebox_link a {
    color: inherit;
    display: table-cell;
    vertical-align: middle;
}

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

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

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

.e_IndexOrdinaryStyleBox-001 .stylebox_content {
    border-style: solid;
    border-width: 1px;
    border-color: #f0f0f0;
    width: 100%;
    height: calc(100% - 48px);
    width-uint: %;
}

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

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

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

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

.e_SideMajorStyleBox-001 .title_icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255,255,255,1);
    margin-right: 10px;
    font-size: medium;
}

.e_SideMajorStyleBox-001 .title_icon::before {
    content: "";
}

.e_SideMajorStyleBox-001 .title_main {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255,255,255,1);
    font-weight: normal;
    font-size: 16px;
    max-width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.e_SideMajorStyleBox-001 .title_sub {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    color: rgba(255,255,255,1);
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
}

.e_SideMajorStyleBox-001 .stylebox_title {
    display: inline-block;
    width: auto;
    height: inherit;
    background-color: rgba(101, 190, 186, 1);
    padding-left: 15px;
    padding-right: 15px;
    font-size: 0;
    vertical-align: bottom;
    white-space: nowrap;
}

.e_SideMajorStyleBox-001 .stylebox_link a {
    color: inherit;
    display: table-cell;
    vertical-align: middle;
}

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

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

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

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

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

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

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

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

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

    .c_portalResnav_main-01001004 .p_categoryBtn:before {
    }

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

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

    .c_portalResnav_main-01001004 .p_btn-show {
        color: #fff;
        background: #7F7F7F;
    }

    .c_portalResnav_main-01001004 .p_btn-hide {
        width: 10%;
        height: 100%;
        float: left;
        background-color: #7F7F7F;
    }

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

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

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

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

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

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

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

    .c_portalResnav_main-01001004 .p_c-fff {
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 10px;
        color: #fff;
    }

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

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

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

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

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

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

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

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

    .c_portalResnav_main-01001004 .p_category {
        height: 100%;
        width: 100%;
        position: relative;
        background-color: #FFFFFE;
    }

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

    .c_portalResnav_main-01001004 .p_categoryBox {
        line-height: 24px;
        width: auto;
        float: left;
    }

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

    .c_portalResnav_main-01001004 .p_categoryBox > .p_parentBox:hover {
        border-top: 3px solid rgb(64,143,244);
    }

    .c_portalResnav_main-01001004 .p_categoryBox .p_title {
        height: auto;
        width: auto;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: block;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .c_portalResnav_main-01001004 .p_categoryBox .p_title:hover {
        color: rgb(64,143,244);
    }

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

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

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

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

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

    .c_portalResnav_main-01001004 .p_categoryBox .p_childBox {
        border: 1px solid rgba(240,240,240,1);
        box-shadow: 2px 1px 2px #c0c0c0;
        z-index: 9;
    }

    .c_portalResnav_main-01001004 .p_categoryBox .p_parentBox {
        position: relative;
        width: 200px;
        height: 40px;
        float: left;
        text-align: center;
    }

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

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

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

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

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

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

.c_portalResnav_main-01001004 .clear {
    clear: both;
}

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

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

.c_portalResnav_main-01001004 .header1 {
    display: flex;
    height: 90px;
    width: 100%;
    max-width: 1440px;
    padding: 0 20px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
}

.c_portalResnav_main-01001004 .pc_nav.active {
    background: rgba(255, 255, 255, 0.95);
}

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

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

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

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

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

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

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

.c_portalResnav_main-01001004 .wel_top .clear {
    clear: both;
}

.c_portalResnav_main-01001004 .header1 h1 {
    width: 100%;
    max-width: 320px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.c_portalResnav_main-01001004 .header1 h1 img {
    max-width: 100%;
}

.c_portalResnav_main-01001004 .header1.scroll h1 {
    height: 80px;
    width: 126px;
}

.c_portalResnav_main-01001004 .header1 nav {
    line-height: 48px;
    width: auto;
    margin-left: auto;
    margin-right: 4%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 55%;
}

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

.c_portalResnav_main-01001004 .header1 nav li {
    display: inline-block;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    -webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
    transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
}

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

.c_portalResnav_main-01001004 .header1xx nav li:last-child {
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    font-weight: normal;
    border: 1px solid #aaa;
    border-radius: 50%;
    margin: 29px 0px 29px 20px;
    letter-spacing: 3px;
    font-size: 14px;
    text-indent: 4px;
    width: 32px;
    font-family: arial;
}

.c_portalResnav_main-01001004 .header1xx nav li:last-child:hover {
    border: 1px solid #e60012;
    background: #e60012;
}

.c_portalResnav_main-01001004 .header1xx nav li:last-child:hover a {
    color: #fff;
}

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

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

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

.c_portalResnav_main-01001004 .hvr-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: #e60012;
    left: 0%;
    right: 0px;
    width: 0%;
    bottom: 0px;
    height: 1px;
    transition: all 0.5s ease;
}

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

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

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

.c_portalResnav_main-01001004 .header1 nav li > a {
    color: #111;
    text-transform: uppercase;
    display: block;
    position: relative;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    font-size: 16px;
}

.c_portalResnav_main-01001004 .hvr-left:hover > a {
    color: #e60012;
}

.c_portalResnav_main-01001004 .hvr-left.active > a {
    color: #e60012;
}

.c_portalResnav_main-01001004 .header1 .nav-sub {
    width: 235px;
    background: #fff;
    position: absolute;
    top: 82px;
    left: 0px;
    height: auto;
    box-shadow: 0px 1px 30px 0px rgba(77, 77, 77, 0.3);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform .3s .2s;
    transition: transform .3s .2s;
    border-radius: 5px;
    overflow: hidden;
}

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

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

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

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

.c_portalResnav_main-01001004 .header1 .nav-sub a {
    height: 42px;
    line-height: 42px;
    display: block;
    padding: 0 20px;
    text-align: left;
    color: #333;
    font-size: 14px;
    position: relative;
    -webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
    transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.c_portalResnav_main-01001004 .header1 .nav-sub a:hover {
    background-color: #e60012;
    color: #fff;
}

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

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

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

.c_portalResnav_main-01001004 .header1 .nav-sub .nav-arrow:before {
    font-size: 15px;
    color: #fff;
}

.c_portalResnav_main-01001004 .header1 .header-right {
    width: 210px;
}

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

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

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

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

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

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

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

.c_portalResnav_main-01001004 .pc_nav.active .header-right .search-btn:hover:before {
    color: #e60012;
}

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

.c_portalResnav_main-01001004 .header2 .main-wrap {
    height: 72px;
    padding: 0 3%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.c_portalResnav_main-01001004 .header2 .logo {
    width: 164px;
}

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

.c_portalResnav_main-01001004 .header2 .logo img {
    width: 100%;
    vertical-align: middle;
}

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

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

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

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

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

.c_portalResnav_main-01001004 .header2 .nav-btn.hover .line {
    background: #e60012;
}

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

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

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

.c_portalResnav_main-01001004 .header2 .sub-menu {
    width: 100%;
    padding: 0 3%;
    display: none;
    position: absolute;
    left: 0px;
    top: 70px;
    z-index: 2;
    overflow-y: auto;
    background: #fff;
    border-top: 1px solid #999;
}

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

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

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

.c_portalResnav_main-01001004 .header2 .sub-menu li {
    border-bottom: 1px solid #cecece;
    font-size: 15px;
    padding: 0 20px;
}

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

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

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

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

.c_portalResnav_main-01001004 .header2 .sub-menu .jt:after {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: url(../image/rBQBHVzEZzKEUBJMAAAAAMfREL8486.png) no-repeat center;
    background-size: 17px auto;
    position: absolute;
    right: 3%;
    top: 15px;
}

.c_portalResnav_main-01001004 .header2 .sub-menu .jt.jtRote:after {
    background: url(../image/rBQBG1zEZ1eEBkkYAAAAADz6RB0116.png) no-repeat center;
    background-size: 20px auto;
}

.c_portalResnav_main-01001004 .header2 .sub-menu .sec-list p {
    background: url(../image/rBQBHVzEdJGEfkUaAAAAAGBOHjA006.png) no-repeat left center;
    background-size: 3px auto;
    font-size: 14px;
}

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

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

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

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

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

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

.c_portalResnav_main-01001004 .search-alert .close:hover:before {
    color: #e60012;
}

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

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

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

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

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

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

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

.c_portalResnav_main-01001004 .header2 .mo_tel {
    font-size: 15px;
    color: #e60012;
    font-weight: bold;
    line-height: 60px;
}

.c_portalResnav_main-01001004 .header2 .mo_tel a {
    color: #fff;
}

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

.c_portalResnav_main-01001004 .header2 .mo_tel .iconfont:before {
    content: '\e676';
    color: #e60012;
    font-size: 20px;
}

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

@media only screen and (min-width: 769px) {
    .c_portalResnav_main-01001004 .pc_nav {
        z-index: 99;
        position: fixed;
        background: rgba(255,255,255,0.75);
        top: 0px;
        width: 100%;
        padding: 0;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
    }
}

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

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

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

    .c_portalResnav_main-01001004 ::placeholder {
        font-size: 22px;
    }

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

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

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

@media only screen and (max-width: 1200px) {
    .c_portalResnav_main-01001004 .pc_nav {
        display: none !important;
    }

    .c_portalResnav_main-01001004 .wel_top {
        display: none !important;
    }

    .c_portalResnav_main-01001004 .header1 {
        display: none !important;
    }

    .c_portalResnav_main-01001004 .header1.active {
        display: none !important;
    }

    .c_portalResnav_main-01001004 .header2 {
        display: block;
    }
}

@media only screen and (max-width: 1360px) {
    .c_portalResnav_main-01001004 .header1 nav li {
        margin: 0 1em;
    }

    .c_portalResnav_main-01001004 .header1 nav {
        width: auto;
    }

    .c_portalResnav_main-01001004 .header1 h1 img {
        width: 100%;
    }
}

.c_portalResnav_main-01001004 .head_lan {
    width: auto;
    margin-right: 30px;
}

.c_portalResnav_main-01001004 .head_lan .lan a {
    display: block;
    width: auto;
    color: #c0c8cd;
    text-align: center;
    font-size: 16px;
    padding-left: 5px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.c_portalResnav_main-01001004 .lan p {
    display: flex;
    align-items: center;
}

.c_portalResnav_main-01001004 .lan p span {
    padding-left: 5px;
    color: #222;
}

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

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

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

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

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

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

    .c_portalResProduct_category-01001 .p_categoryBox .p_linkBox {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        padding: 5px 10px;
        border-bottom: 1px solid #fff;
    }

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

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

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

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

    .c_portalResProduct_category-01001 .p_categoryBtn {
        display: inline-block;
        vertical-align: middle;
        background-color: rgba(255, 255, 255, 0);
        border-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 0;
        color: rgba(101, 190, 186, 1);
        height: auto;
        width: 14px;
        margin: 0 4px 0 0;
        padding: 0;
        position: static;
        text-align: center;
        font-size: 14px;
        color: rgba(217, 217, 217, 1);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .c_portalResProduct_category-01001 .p_categoryBox .p_linkBox {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        padding: 5px 10px;
        border-bottom: 1px solid #fff;
        height: 50px;
    }

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

    .c_portalResProduct_category-01001 .p_categoryBtn {
        display: inline-block;
        vertical-align: middle;
        background-color: rgba(255, 255, 255, 0);
        border-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 0;
        color: rgba(101, 190, 186, 1);
        height: auto;
        width: 14px;
        margin: 0 4px 0 0;
        padding: 0;
        position: static;
        text-align: center;
        font-size: 14px;
        color: rgba(217, 217, 217, 1);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .c_portalResProduct_category-01001 .p_categoryBox .p_linkBox {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        padding: 5px 10px;
        border-bottom: 1px solid #fff;
    }

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

    .c_portalResProduct_category-01001 .p_categoryBtn {
        display: inline-block;
        vertical-align: middle;
        background-color: rgba(255, 255, 255, 0);
        border-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 0;
        color: rgba(101, 190, 186, 1);
        height: auto;
        width: 14px;
        margin: 0 4px 0 0;
        padding: 0;
        position: static;
        text-align: center;
        font-size: 14px;
        color: rgba(217, 217, 217, 1);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .c_portalResProduct_category-01001 .p_categoryBox .p_linkBox {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        padding: 5px 10px;
        border-bottom: 1px solid #fff;
    }

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

    .c_portalResProduct_category-01001 .p_categoryBtn {
        display: inline-block;
        vertical-align: middle;
        background-color: rgba(255, 255, 255, 0);
        border-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 0;
        color: rgba(101, 190, 186, 1);
        height: auto;
        width: 14px;
        margin: 0 4px 0 0;
        padding: 0;
        position: static;
        text-align: center;
        font-size: 14px;
        color: rgba(217, 217, 217, 1);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .c_portalResProduct_category-01001 .p_categoryBox .p_linkBox {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        padding: 5px 10px;
        border-bottom: 1px solid #fff;
    }

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

    .c_portalResProduct_category-01001 .p_categoryBtn {
        display: inline-block;
        vertical-align: middle;
        background-color: rgba(255, 255, 255, 0);
        border-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 0;
        color: rgba(101, 190, 186, 1);
        height: auto;
        width: 14px;
        margin: 0 4px 0 0;
        padding: 0;
        position: static;
        text-align: center;
        font-size: 14px;
        color: rgba(217, 217, 217, 1);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .c_portalResProduct_category-01001 .p_categoryBox .p_linkBox {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        padding: 5px 10px;
        border-bottom: 1px solid #fff;
    }

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

    .c_portalResProduct_category-01001 .p_categoryBtn {
        display: inline-block;
        vertical-align: middle;
        background-color: rgba(255, 255, 255, 0);
        border-color: rgba(255, 255, 255, 0);
        border-style: solid;
        border-width: 0;
        color: rgba(101, 190, 186, 1);
        height: auto;
        width: 14px;
        margin: 0 4px 0 0;
        padding: 0;
        position: static;
        text-align: center;
        font-size: 14px;
        color: rgba(217, 217, 217, 1);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

.footerCopyBox {
    font-size: 14px;
    color: #7f7f80;
    margin: 0px;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #535353;
}

.footerCopyBox p a {
    font-size: 14px;
    color: #7f7f80;
}

.copyRight {
    display: flex;
    align-items: center;
}

.copyRightTxt {
    padding-right: 5px;
}

.e_flex {
    display: flex;
    margin: 0;
}

.e_item {
    margin-left: 5px;
    width: 48px;
    height: 48px;
    font-size: 0;
    line-height: 44px;
    text-align: center;
    border: 1px solid #626262;
    border-radius: 0;
    position: relative;
    cursor: pointer;
    transition: all 0.5s ease;
}

.e_item:hover {
    background: #fcfcfc;
}

.e_show {
    position: absolute;
    width: 120px;
    bottom: 48px;
    left: 0;
    z-index: 1;
    padding-top: 10px;
    display: none;
}

.e_show img {
    width: 120px;
}

.e_item:hover .e_show {
    display: block;
}

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

    .copyRight {
        margin-top: 12px;
    }
}

.w_videobackbox-001 {
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
}

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

.w_videobackbox-001 .w_videobackbox video {
    width: 100%;
    height: 100%;
}

.w_videobackbox-001 .w_videobackbox > .p_contentbox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.w_videobackbox-001 .w_videobackbox > .poster_img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

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

.c_portalResNews_category-01001 .p_image>img {
    width: 100%;
    height: 100%;
    display: none;
}

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

@media only screen and (min-width: 769px) {
    .c_portalResNews_category-01001 .p_btn-show,.c_portalResNews_category-01001 .p_btn-hide {
        display: none;
    }

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

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

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

    .c_portalResNews_category-01001 .p_categoryBox .p_title {
        height: auto;
        width: auto;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: block;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .c_portalResNews_category-01001 .p_categoryBtn {
        display: inline-block;
        vertical-align: middle;
        background-color: rgba(255,255,255,0);
        border-color: rgba(255,255,255,0);
        border-style: solid;
        border-width: 0;
        height: auto;
        width: 30px;
        padding: 0;
        position: static;
        text-align: center;
        transform: rotate(270deg);
    }

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

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

    .c_portalResNews_category-01001 .p_linkBox .icon-arrow_down:before {
        content: '\e6c9';
    }

    .c_portalResNews_category-01001 .p_categoryBox .p_parentBox {
        position: relative;
        display: inline-block;
        margin: 0 5px;
    }

    .c_portalResNews_category-01001 .p_categoryBox .p_parentBox .p_parentBox .p_linkBox {
        border-bottom: 1px solid #f3f3f4;
        box-shadow: 1px 1px 2px #f3f3f4;
    }

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

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

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

.w_popbox-001 {
    width: 80%;
    max-width: 700px;
    min-height: 300px;
    margin: 0 auto;
    display: none;
}

.w_popbox-001 .w_popbox {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: inherit;
    min-height: inherit;
}

.w_popbox-001 .w_popbox .e_container {
    width: 100%;
    height: 100%;
    min-height: inherit;
    position: relative;
    left: 0;
    top: 0;
    z-index: 9999;
    background-position: center;
    background-repeat: no-repeat;
    background-clip: content-box;
    max-height: 100% !important;
}

.w_popbox-001 .w_popbox .e_shading {
    width: 100%;
    height: 100%;
    word-break: keep-all;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9998;
    background-position: center;
    background-repeat: repeat;
    background-clip: content-box;
}

.w_popbox-001 .p_icon {
    width: auto;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    z-index: 10000;
    text-align: right;
    color: #fff;
    background: rgba(178, 178, 178,.5);
}

.w_popbox-001 .p_icon:before {
    content: '\e690';
    font-size: 30px;
}

.w_popbox-001 .e_box002 {
    background-color: rgba(0, 0, 0, 0.6);
}

.w_fimg-000 .p_title {
    display: inline-table;
    margin: 0;
    min-width: 37px;
    padding: 0;
    color: rgba(51,51,51,1);
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
}

.w_fimg-000 .p_title .font {
    vertical-align: middle;
    line-height: 21px;
}

.w_fimg-000 .p_title:hover {
    color: rgba(87,177,173,1);
}

.w_fimg-000 .p_title:active {
    color: rgba(69,165,161,1);
}

.w_fimg-000 .p_title .iconfont:before {
    display: inline-block;
    content: "";
}

.w_fimg-000 {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 200px;
}

.w_fimg-000 .animated {
    width: 100%;
    height: 100%;
    position: relative;
    min-height: inherit;
}

.w_fimg-000 .font {
    white-space: nowrap;
}

.w_fimg-000 .p_link001 {
    width: 100%;
    height: 100%;
}

.w_fimg-000 .p_link002 {
    width: 100%;
    height: 30px;
}

.w_fimg-000 .p_box {
    width: 100%;
    height: 100%;
    text-align: center;
    position: static;
}

.w_fimg-000 .p_dimage {
    height: inherit;
    overflow: hidden;
    font-size: 0;
}

.w_fimg-000 .e_image:hover:after {
    background: transparent;
}

.w_fimg-000 .p_dimage:empty {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: #f2f2f2 url(http://en.jbs-kj.com/img/camera.png?tenantId=200389&viewType=1&v=1729749287000) no-repeat center;
}

@media only screen and (max-width: 768px) {
    .c_portalResIntro_category-01001 {
        height: auto;
        width: 280px;
        overflow: visible;
        max-width: 1180px;
        min-height: 192px;
        margin-left: 0;
        margin-right: 0;
    }

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

    .c_portalResIntro_category-01001 .p_image>img {
        width: 100%;
        height: 100%;
        display: none;
    }
}

@media only screen and (min-width: 769px) {
    .c_portalResIntro_category-01001 .p_btn-show,.c_portalResIntro_category-01001 .p_btn-hide {
        display: none;
    }

    .c_portalResIntro_category-01001 {
        height: auto;
        width: 280px;
        overflow: visible;
        max-width: 1180px;
        min-height: 192px;
        margin-left: 0;
        margin-right: 0;
    }

    .c_portalResIntro_category-01001 .p_parentBox:hover::after {
        width: 100%;
    }

    .c_portalResIntro_category-01001 .p_parentBox::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 00%;
        height: 2px;
        margin: 0 auto;
        background: #0e397d;
        transition: all ease 0.3s;
    }

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

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

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

    .c_portalResIntro_category-01001 .p_categoryBox .p_title {
        height: auto;
        width: auto;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: block;
        -moz-box-flex: 1;
        -webkit-box-flex: 1;
        box-flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .c_portalResIntro_category-01001 .p_categoryBtn {
        display: inline-block;
        vertical-align: middle;
        background-color: rgba(255,255,255,0);
        border-color: rgba(255,255,255,0);
        border-style: solid;
        border-width: 0;
        height: auto;
        width: 30px;
        padding: 0;
        position: static;
        text-align: center;
    }

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

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

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

    .mouse_bac:hover .p_categoryBtn {
        color: #60a9d7;
    }

    .c_portalResIntro_category-01001 .p_categoryBox .p_childBox {
    }

    .c_portalResIntro_category-01001 .p_categoryBox .p_parentBox {
        position: relative;
        display: inline-block;
        margin: 0 5px;
    }

    .c_portalResIntro_category-01001 .p_categoryBox .p_parentBox .p_parentBox {
        padding-left: 18px;
    }

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

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

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

    .c_portalResIntro_category-01001 .p_image>img {
        width: 100%;
        height: 100%;
        display: none;
    }
}

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

.h_footerTit {
    font-size: 18px;
    color: #fff;
    padding-bottom: 24px;
}

.h_footerLink {
    display: block;
    font-size: 14px;
    color: #b6b6b6;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.h_footerLink:hover {
    color: #e60012;
    font-weight: 700;
}

.c_portalResPublic_codeContainer-01001004 .v30-contact {
    position: fixed;
    right: -180px;
    top: 30%;
    transition: all 1.5s;
    transform: translateY(-50%);
    padding: 50px 0;
    height: auto;
    box-sizing: border-box;
    z-index: 99;
}

.c_portalResPublic_codeContainer-01001004 .chnav {
    right: 0px!important;
    transition: all 1.5s;
}

.c_portalResPublic_codeContainer-01001004 .tencent {
    color: #fff;
}

.c_portalResPublic_codeContainer-01001004 a, button, input, textarea {
    -webkit-tap-highlight-color: transparent;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.c_portalResPublic_codeContainer-01001004 .transition {
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.c_portalResPublic_codeContainer-01001004 .v30-contact-item-block:nth-child(1) {
    top: 50px;
}

.c_portalResPublic_codeContainer-01001004 .v30-contact-item-block:nth-child(2) {
    top: 124px;
}

.c_portalResPublic_codeContainer-01001004 .v30-contact-item-block:nth-child(3) {
    top: 198px;
}

.c_portalResPublic_codeContainer-01001004 .v30-contact-item-block:nth-child(4) {
    top: 272px;
}

.c_portalResPublic_codeContainer-01001004 .v30-contact-item-block:nth-child(5) {
    top: 360px;
}

.c_portalResPublic_codeContainer-01001004 .v30-contact-item-block {
    position: absolute;
    right: 0px;
    width: 70px;
    height: 70px;
    border-right: none;
    box-sizing: border-box;
}

.c_portalResPublic_codeContainer-01001004 .v30-contact-item-in {
    height: 100%;
    display: none;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.c_portalResPublic_codeContainer-01001004 .v30-contact-in:before {
    content: "";
    background-color: #e60012;
    position: absolute;
    height: 100%;
    width: 0;
    transition: all .8s ease;
}

.c_portalResPublic_codeContainer-01001004 .v30-contact-item {
    width: 100%;
    height: 100%;
}

.c_portalResPublic_codeContainer-01001004 .flex-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #e60012;
}

.c_portalResPublic_codeContainer-01001004 .img-block img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.c_portalResPublic_codeContainer-01001004 .img-block {
    margin: 0 auto;
    display: block;
}

.c_portalResPublic_codeContainer-01001004 .v30-contact-item-p {
    color: #fff;
    font-size: 12px;
    margin-top: 0;
}

.c_portalResPublic_codeContainer-01001004 .v30-contact .transition {
    transition-duration: .8s;
}

.c_portalResPublic_codeContainer-01001004 .v30-contact-item-in-p {
    color: #fff;
    text-align: center;
    line-height: 68px;
    height: 68px;
    white-space: nowrap;
}

.c_portalResPublic_codeContainer-01001004 .cur {
    width: 156px;
    background: #e60012;
}

.c_portalResPublic_codeContainer-01001004 .cur:before {
    width: 100%;
}

.c_portalResPublic_codeContainer-01001004 .cur .v30-contact-item {
    display: none;
}

.c_portalResPublic_codeContainer-01001004 .cur .v30-contact-item-in {
    display: block;
    width: 100%;
}

.c_portalResPublic_codeContainer-01001004 .v30-contact-qr-show {
    display: none;
    position: absolute;
    z-index: 1;
    border: 1px solid #e60012;
    left: -160px;
    top: -91px;
}

.c_portalResPublic_codeContainer-01001004 .v30-contact-top {
    cursor: pointer;
    width: 70px;
    height: 70px;
    bottom: 0;
}

@media only screen and (max-width: 768px) {
    .c_portalResPublic_codeContainer-01001004 .v30-contact-in {
        display:none;
    }
}

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

    #w_common_text-1602225700649 {
        height: 0px !important;
        margin: 0px;
        overflow: hidden !important;
        transition: all 0.5s !important;
    }

    #w_grid-1601443578795:hover #w_common_text-1602225700649 {
        height: 48px !important;
    }
}

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

#w_grid-1595489705209 {
    position: relative;
    z-index: 14 !important;
}

 * {
    padding: 0;
    margin: 0;
}

.pagebox {
    width: 100%;
    margin: 0px auto;
}

.pagebox,#-remove--flag {
}

body,#-remove--flag {
}

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

#c_portalResPublic_codeContainer-15948646011691368 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#c_portalResPublic_codeContainer-15954055078980317 a {
    transition: all 0.5s ease;
}

#c_portalResPublic_codeContainer-15954055078980317 a:hover {
    color: #e60012 !important;
    font-weight: 700;
}

#c_portalResPublic_codeContainer-15954055078980317 {
    width: 100%;
    max-width: 1400px;
    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;
}

#c_portalResIntro_category-16014517266997018 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#c_portalResProduct_category-16014518978580458 {
    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_portalResNews_category-16014519366545981 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#c_portalResnav_main-16013707712023927 .lanIcon {
    font-size: 18px;
    color: #333;
    vertical-align: middle;
}

#c_portalResnav_main-16013707712023927 .cq_page_lang:hover .hide_lang {
    display: block;
    width: 100%;
}

#c_portalResnav_main-16013707712023927 .cq_page_block {
    display: inline-block;
    position: relative;
    width: 110px;
    line-height: 32px;
    cursor: pointer;
    vertical-align: middle;
}

#c_portalResnav_main-16013707712023927 .cq_page_block * {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0px;
    color: #111;
    text-align: center;
    z-index: 99;
}

#c_portalResnav_main-16013707712023927 .p_icon {
    margin-left: 3px;
}

#c_portalResnav_main-16013707712023927 .p_icon:before {
    content: '\e69a';
    font-size: 12px;
}

#c_portalResnav_main-16013707712023927 .hide_lang {
    position: absolute;
    top: 34px;
    display: none;
    background: #f0f0f0;
    z-index: 9999 !important;
}

#c_portalResnav_main-16013707712023927 .hide_lang a {
    line-height: 30px;
    display: block;
    color: #999999;
    cursor: pointer;
}

#c_portalResnav_main-16013707712023927 .hide_lang a:hover {
    background: #e60012;
    color: #fff;
}

#c_portalResnav_main-16013707712023927 .f-cb {
    display: flex;
    justify-content: space-between;
}

#c_portalResnav_main-16013707712023927 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_grid-1557553510028 > 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-1595405460472 > div > .p_gridbox {
    background-image: ;
    background-color: rgba(67, 67, 67, 1);
}

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

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

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

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

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

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

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

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

#w_grid-1595405460472 .p_gridbox {
    background-repeat: no-repeat;
    background-size: cover;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#w_fimg-1601451140555 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_fimg-1601451140555 >div {
    animation-fill-mode: both;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#w_fimg-1595405632220 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_fimg-1595405632220 >div {
    animation-fill-mode: both;
}

#w_fimg-1601451302351 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_fimg-1601451302351 >div {
    animation-fill-mode: both;
}

#w_popbox-1601450167199 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_videobackbox-1601450273502 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_grid-1557553510028 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 500px;
    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-1595405460472 {
    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-1595405460483 {
    width: 100%;
    max-width: 1400px;
    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-1601451140555 {
    width: 100%;
    max-width: 320px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1595405460536 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 30px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_grid-1601451704688 {
    width: 100%;
    max-width: 520px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 192px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_grid-1595405460494 {
    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_fimg-1595405632220 {
    width: 100%;
    max-width: 128px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1597370315087 {
    width: auto;
    max-width: 128px;
    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_fimg-1601451302351 {
    width: 100%;
    max-width: 128px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1601451306217 {
    width: auto;
    max-width: 128px;
    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_popbox-1601450167199 {
    width: 80%;
    max-width: 700px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 300px;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

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