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

.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 {
    background-color: rgba(255, 255, 255, 0);
    width-and-width-uint: auto;
    width: auto;
    height: 40px;
    height-and-height-uint: 40px;
    text-align: center;
}

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

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

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

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

.e_FlowCommonStyleBox-001 .stylebox_title {
    background-color: rgba(24, 144, 255, 0);
    width-and-width-uint: auto;
    white-space: nowrap;
    padding-left: 0px;
    display: inline-block;
    vertical-align: bottom;
    width: auto;
    font-size: 0px;
    padding-right: 0px;
    height: inherit;
    height-and-height-uint: inherit;
    text-align: left;
}

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

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

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

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

.e_FlowCommonStyleBox-001 .stylebox_top_line {
    background-color: rgba(240, 240, 240, 1);
    margin-top: 30px;
    margin-bottom: 30px;
    height: 1px;
    height-and-height-uint: 1px;
}

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

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

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

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

.w_fimgbox-001 .w_imgbox {
    width: 100%;
    height: 100vh;
    position: relative;
    min-height: inherit;
}

.w_fimgbox-001 .w_imgbox > img {
    width: 100%;
    height: auto;
}

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

.w_sfbox-002 > div > .p_SwipPanelBox {
    margin: 0;
    padding: 0;
    background-color: transparent;
    overflow: hidden;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    padding: 30px 0;
    z-index: 999;
}

.w_sfbox-002 > div > .p_SwipPanelBox .p_SwipPanel {
    width: auto;
    height: auto;
    text-align: right;
    margin: 10px 20px;
}

.w_sfbox-002 > div > .p_SwipPanelBox .p_SwipPanel:first-child {
    margin-top: 0;
}

.w_sfbox-002 > div > .p_SwipPanelBox .p_SwipPanel .font {
    width: auto;
    height: auto;
    display: inline-block;
    margin-right: 5px;
    line-height: 23px;
    vertical-align: middle;
    cursor: pointer;
    font-family: NotoSansHans-Regular;
    font-size: inherit;
    color: inherit;
}

.w_sfbox-002 > div > .p_SwipPanelBox .p_SwipPanel .shape {
    width: 12px !important;
    display: inline-block;
    margin-left: 0;
    line-height: 1px;
    padding: 0;
    background: none;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border: none;
    background: #fff;
    height: 12px;
    border-radius: 50%;
    transition: all 0.8s;
}

.w_sfbox-002 > div > .p_SwipPanelBox .p_SwipPanel .shape div {
    width: 100%;
    height: 1px;
    border: none;
    line-height: 1px;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.w_sfbox-002 > div > .p_SwipPanelBox .p_SwipPanel.active .shape {
    width: 40px;
    background: #00af58;
}

.w_sfbox-002 > div > .p_SwipPanelBox .p_SwipPanel.active {
    color: #0099cc;
}

.w_sfbox-002 > div > .p_SwipPanelBox .p_SwipPanel .shape img {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}

.w_sfbox-002 > .w_sfbox > .p_fbox > div > .p_fboxChild {
    border-color: rgba(228, 228, 228, 0);
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.w_sfbox-002 > .w_sfbox > .p_fbox {
    width: 100%;
}

.w_sfbox-002 > .w_sfbox {
    width: 100%;
    padding: 0;
}

.w_sfbox-002 {
    float: left;
    width: 100%;
}

.w_sfbox-002 .tips {
    position: absolute;
    width: 100%;
    text-align: center;
    display: none !important;
}

.w_sfbox-002 .tips .title {
    text-align: center;
    font-size: 18px;
    color: #c3c3c3;
}

.w_sfbox-002 .tips .content {
    text-align: center;
    font-size: 14px;
    color: #a2a2a2;
    font-weight: normal;
    line-height: 24px;
}

.w_sfbox-002 > .w_sfbox > .p_fbox > .p_footer {
    width: 100%;
    height: 200px;
    background-color: #2e77ba;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    overflow: hidden;
}

.w_sfbox-002 .p_SwipPanelBox.hor-right .font {
    float: right;
    margin-right: 0;
    margin-left: 5px;
}

.w_sfbox-002 .p_SwipPanelBox.hor-right .shape {
    margin-right: 5px;
    margin-left: 0;
}

.w_sfbox-002 .p_SwipPanelBox.ver-top .p_SwipPanel {
    padding: 0 0 0 10px;
    float: left;
    margin: 0;
}

.w_sfbox-002 .p_SwipPanelBox.ver-top .font {
    margin: 0 0 5px 0;
    writing-mode: vertical-lr;
    display: block;
}

.w_sfbox-002 .p_SwipPanelBox.ver-top .shape {
    margin: 5px 0 0 0;
}

.w_sfbox-002 .p_SwipPanelBox.ver-bottom .p_SwipPanel {
    padding: 0 0 0 10px;
    float: left;
    margin: 0;
}

.w_sfbox-002 .p_SwipPanelBox.ver-bottom .p_SwipPanel:first-child {
    padding: 0;
}

.w_sfbox-002 .p_SwipPanelBox.ver-bottom .font {
    margin: 5px 0 0 0;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    writing-mode: tb-lr;
    display: block;
}

.w_sfbox-002 .p_SwipPanelBox.ver-bottom .shape {
    margin: 0 0 5px 0;
}

.w_sfbox-002 > .w_sfbox > .p_fbox > .p_wrapbox {
    position: relative;
    background-color: #F4F4F4;
    overflow: hidden;
}

.w_sfbox-002 > .w_sfbox > .p_fbox > .p_wrapbox video {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.w_sfbox-002 > .w_sfbox > .p_fbox > div > .p_bgBox {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

.w_sfbox-002 > div > .p_SwipPanelBox .p_SwipPanel:before {
    opacity: 0;
    transition: all 0.8s;
}

.w_sfbox-002 > div > .p_SwipPanelBox .p_SwipPanel.active:before {
    opacity: 1;
    color: #fff;
}

@media only screen and (max-width: 768px) {
    .w_sfbox-002 > div > .p_SwipPanelBox {
        display: none;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.w_fimg-000 .p_dimage:empty {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: #f2f2f2 url(../images/camera.png) no-repeat center;
}

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

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

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

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

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

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

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

    .c_portalResnav_main-01001 .p_categoryBtn:before {
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (min-width: 769px) {
    #c_portalResnav_main-15638662660033168 .js-m.js-m-2.animate:hover {
        background: #00af58;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w_grid-000 {
    margin-left: auto;
    margin-right: auto;
    min-height: 12rem;
    width: 100%;
}

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

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

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

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

.w_grid-000 > .w_grid.signal {
    min-height: inherit;
}

.w_grid-000 > .w_grid.signal > .p_gridbox {
    min-height: inherit;
}

.w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell {
    min-height: inherit;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#w_grid-1558004597776 {
    background-image: url(../images/yd_bj001.jpg);
    background-image-part-image: url(../images/yd_bj001.jpg);
    animation-duration: 8.5s;
}

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

.yd_logo {
    padding-top: 30px
}

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

.yd_text {
    margin-top: 40%;
}

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

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

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

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

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

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

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

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

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

.yd_more a:hover {
    background: url(../images/yd_tb02.png);
    animation: none;
}

@keyframes CDturn {
    from {
        opacity: 1
    }

    to {
        opacity: .3
    }
}

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

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

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

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

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

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

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

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

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

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

.logo_01 {
    display: block;
}

.logo_02 {
    display: none;
}

.fixed .logo_01 {
    display: none;
}

.fixed .logo_02 {
    display: block;
}

#w_grid-1558345851912 {
    background-image: url(../images/about_bj.jpg);
    background-image-part-image: url(../images/about_bj.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

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

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

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

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

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

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

.w_fbtn-001 {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 150px;
    min-height: 36px;
    max-height: 0;
    text-align: center;
    margin: 0 auto;
    font-size: 0;
}

.w_fbtn-001 .p_CommonBtn {
    width: 100%;
    height: inherit;
    padding: 0;
}

.w_fbtn-001 .p_CommonBtn .font {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font-size: 14px;
    height: auto;
}

.w_fbtn-001 .animated {
    width: 100%;
    height: 100%;
    min-height: inherit;
}

.w_fbtn-001 .p_link {
    min-height: inherit;
    display: block;
}

.w_fbtn-001 .p_CommonBtn {
    border-style: solid;
}

.w_fbtn-001 .p_CommonBtn {
    width: 100%;
    height: 36px;
    color: rgba(255, 255, 255, 1);
    border-width: 1px;
    border-style: none;
    border-color: transparent;
    background-color: rgba(255, 102, 0, 1);
    padding-top: 0;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
    min-height: inherit;
}

.w_fbtn-001 .p_CommonBtn:before {
    content: '';
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.c_portalResProduct_category-01001010 .p_categoryBox .p_parentBox .p_linkBox:hover {
    background: #ce9d5f;
}

.c_portalResProduct_category-01001010 .p_categoryBox .p_parentBox .p_linkBox:hover a {
    color: #fff
}

@media only screen and (max-width: 768px) {
    #c_portalResProduct_category-15589515448346897 {
        margin-left: 20px !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
    }

    #c_portalResProduct_category-15573055245350382 {
        margin-top: 0px !important;
    }

    #c_portalResProduct_category-1557307693341 {
        margin-top: 0px !important;
    }

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

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

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

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

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

    .c_portalResProduct_category-01001010 .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-01001010 .p_categoryBox .p_parentBox {
        width: 100%;
    }

    .c_portalResProduct_category-01001010 .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-01001010 .p_childBox .p_parentBox {
        background: #FFFFFF;
    }

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

    .c_portalResProduct_category-01001010 .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-01001010 .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-01001010 .p_categoryBox .p_childBox {
        padding-left: 20px
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .c_portalResProduct_category-01001010 .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-01001010 .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-01001010 .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-01001010 .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-01001010 .p_linkBox .icon-arrow_up:before {
        content: '\e69a';
        color: #7B7B7E;
    }

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

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

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

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

    .c_portalResProduct_category-01001010 .p_image {
        display: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .c_portalResProduct_category-01001010 .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-01001010 .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-01001010 .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-01001010 .p_childBox .p_parentBox {
        width: 100%;
    }

    .c_portalResProduct_category-01001010 .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-01001010 .p_linkBox .icon-arrow_up:before {
        content: '\e6c9';
        color: #7B7B7E;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .c_portalResProduct_category-01001010 .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-01001010 .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;
        text-align: center;
        line-height: 40px;
    }

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

    .c_portalResProduct_category-01001010 .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-01001010 .p_linkBox .iconfont:before {
    }

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

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

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

    .c_portalResProduct_category-01001010 .p_categoryBox .p_parentBox {
        position: relative;
        height: auto;
        float: left;
        width: calc((100% - 20px) / 2);
        margin: 5px;
    }

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

    .c_portalResProduct_category-01001010 .p_image {
        width: 30px;
        height: 30px;
        vertical-align: middle;
        margin-right: 5px;
        display: none;
    }

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

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

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

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

    .c_portalResProduct_category-01001010 .p_parentBox {
        background: #f5f5f5;
        color: #000;
    }
}

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

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

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

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

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

    .c_portalResProduct_category-01001010 .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-01001010 .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-01001010 .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-01001010 .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-01001010 .p_linkBox .icon-arrow_up:before {
        content: '\e6c9';
        color: #7B7B7E;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .c_portalResProduct_category-01001010 .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;
        border-bottom: 0px solid #fff;
    }

    .c_portalResProduct_category-01001010 .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: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        align-items: center;
        line-height: 40px;
    }

    .c_portalResProduct_category-01001010 .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;
        padding: 0;
        position: static;
        text-align: center;
        font-size: 14px;
        color: rgba(217, 217, 217, 1);
        display: none;
    }

    .c_portalResProduct_category-01001010 .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-01001010 .p_linkBox .c {
        content: '\e6c9';
    }

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

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

    .c_portalResProduct_category-01001010 .p_categoryBox .p_parentBox {
        position: relative;
        height: auto;
        width: calc((100% - 20px) / 2);
        float: left;
        margin: 5px;
        text-align: center;
    }

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

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

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

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

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

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

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

    .c_portalResProduct_category-01001010 .p_parentBox {
        background: #f5f5f5;
        color: #000;
    }
}

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

.c_portalResProduct_category-01001010 > div {
    animation-fill-mode: both;
}

.c_portalResProduct_category-01001010 #i2-swiper2 {
    width: 100%;
    height: 100%;
}

.c_portalResProduct_category-01001010 #i2-swiper2:after {
    content: '';
    position: absolute;
    z-index: -1;
}

.c_portalResProduct_category-01001010 .i2 .L {
    background-color: rgba(2, 146, 56, 0.8);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
    height: 100vh;
    padding-left: 10vw;
    padding-right: 19vw;
    padding-top: 80px;
}

.c_portalResProduct_category-01001010 .i2 .R {
    height: 100%;
    padding: 0vw 10vw 0vw 18vw;
    background-color: rgba(0, 0, 0, 0.2);
}

.c_portalResProduct_category-01001010 .i2 .LB p {
    -webkit-line-clamp: 5;
    line-height: 2;
    max-height: 160px;
    margin-top: 2vw;
    margin-bottom: 2vw;
}

.c_portalResProduct_category-01001010 .i2 .LB h3 {
    font-weight: normal;
}

.c_portalResProduct_category-01001010 .i2 .i2-text p {
    margin-top: 5px;
}

.c_portalResProduct_category-01001010 .i2 .R li {
    height: auto;
    margin-top: 1.5vw;
    width: auto;
}

.c_portalResProduct_category-01001010 .i2 .R i {
    width: 3.5vw;
    height: 3.5vw;
    overflow: hidden;
    border-radius: 50px;
    margin-left: 1vw;
}

.c_portalResProduct_category-01001010 .i2 .R a {
    padding-right: 2vw;
}

.c_portalResProduct_category-01001010 .i2 .R a:after {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    background: #fff;
    border-radius: 50%;
    border: 3px solid #029238;
    box-sizing: border-box;
    transition: 0.5s ease 0s;
    width: 1.04vw;
    height: 1.04vw;
}

.c_portalResProduct_category-01001010 .i2 .R .swiper-slide-thumb-active p, .i2 .R .swiper-slide-thumb-active h3 {
    color: rgba(255, 255, 255, 0.8);
}

.c_portalResProduct_category-01001010 .i2 .R .swiper-slide-thumb-active a:after {
    color: rgba(255, 255, 255, 0.8);
}

.c_portalResProduct_category-01001010 .i2 .M-border {
    height: 100%;
    width: 100%;
    animation: a2 40s linear 0s infinite;
}

.c_portalResProduct_category-01001010 .i2 .M-border:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: -1;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
}

.c_portalResProduct_category-01001010 .i2 .M-border:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ffb400;
    margin-top: 1px;
    animation: a3 40s linear 0s infinite;
}

.c_portalResProduct_category-01001010 .i2 .M-box {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 1.5vw;
    left: 0;
    top: 0;
    z-index: 0;
}

.c_portalResProduct_category-01001010 .i2 .M-bg {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    box-shadow: 8px 0 1.5vw 0 rgba(40, 57, 91, 0);
}

.c_portalResProduct_category-01001010 .i2 .M ul {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.c_portalResProduct_category-01001010 .i2 .M li {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 20px #fff solid;
    z-index: -1;
    border-radius: 1000px;
    overflow: hidden;
    z-index: -1;
    transform: scale(0.5);
    opacity: 0;
    transition: 0.5s ease 0s;
}

.c_portalResProduct_category-01001010 .i2 .M li img {
    max-height: 100%;
    max-width: 100%;
    transition: 0.5s linear 0s;
}

.c_portalResProduct_category-01001010 .i2 .M li.on {
    transform: scale(1);
    opacity: 1;
    transition-delay: 0.4s;
    z-index: 0;
}

.c_portalResProduct_category-01001010 .i2 .a1:hover span {
    color: #fff;
}

.c_portalResProduct_category-01001010 .i2 .R a > div {
    width: calc(100% - 4.5vw);
}

@keyframes img {
    100% {
        transform: scale(1.07);
    }
}

@media screen and (min-width: 801px) {
    .c_portalResProduct_category-01001010 .i2 .M li:hover img, .i3 [class*="PhotoList"] li:hover a {
        transform: scale(1.1);
    }

    .c_portalResProduct_category-01001010 .i2 .R a:hover h3 {
        color: #fff;
    }

    .c_portalResProduct_category-01001010 #i2-swiper2:after {
        right: 0.8vw;
        top: 0;
        height: 100%;
        border-left: 1px dashed #fff;
        margin-right: -1px;
    }

    .c_portalResProduct_category-01001010 .i2 .L:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: -1;
    }

    .c_portalResProduct_category-01001010 .i2 .M {
        width: 32vw;
        height: 32vw;
        z-index: 1;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        margin-top: 40px;
    }

    .c_portalResProduct_category-01001010 .i2 {
        height: 100vh;
    }
}

@media screen and (min-width: 1101px) {
    .c_portalResProduct_category-01001010 #i2-swiper2:after {
        right: 0.5vw;
    }
}

@media screen and (max-width: 1100px) {
    .c_portalResProduct_category-01001010 .i2 .L {
        padding-left: 4vw;
    }

    .c_portalResProduct_category-01001010 .i2 .R {
        padding-right: 4vw;
    }

    .c_portalResProduct_category-01001010 .i2 .M-border:after {
        width: 8px;
        height: 8px;
    }

    .c_portalResProduct_category-01001010 .i2 .R a {
        padding-right: 3vw;
    }

    .c_portalResProduct_category-01001010 .i2 .R a:after {
        width: 1.6vw;
        height: 1.6vw;
    }

    .c_portalResProduct_category-01001010 .i2 .R i {
        width: 4.5vw;
        height: 4.5vw;
    }

    .c_portalResProduct_category-01001010 .i2 .R a > div {
        width: calc(100% - 5.5vw);
    }
}

@media screen and (max-width: 800px) {
    .c_portalResProduct_category-01001010 .i2 {
        padding-top: 6vw;
    }

    .c_portalResProduct_category-01001010 span.f-4v4 {
        display: none;
    }

    .c_portalResProduct_category-01001010 .i2 .L {
        padding-right: 0;
        float: none;
        background: none;
        height: 5vh;
        margin-top: 5vh;
    }

    .c_portalResProduct_category-01001010 .i2 .R {
        float: none;
    }

    .c_portalResProduct_category-01001010 .i2 .M {
        width: 78vw;
        height: 78vw;
        position: relative;
        transform: none;
        margin: 0 auto;
        left: 0;
        top: 0;
        margin-top: 5vw;
        z-index: 0;
    }

    .c_portalResProduct_category-01001010 .i2 .M-box {
        padding: 4vw;
    }

    .c_portalResProduct_category-01001010 .i2 .M-bg {
        box-shadow: 8px 0 5vw 0 rgba(255, 255, 255, 0.1);
    }

    .c_portalResProduct_category-01001010 .i2 .R {
        float: none;
        width: 100%;
        padding: 10px 0px;
        height: auto;
        margin-top: 12vw;
    }

    .c_portalResProduct_category-01001010 .i2 .R a {
        padding-right: 0;
    }

    .c_portalResProduct_category-01001010 .i2 .R a:after {
        position: static;
        width: 3vw;
        height: 3vw;
        margin: 4vw auto 0;
        transform: none;
    }

    .c_portalResProduct_category-01001010 .i2 .i2-text p {
        margin-top: 1vw;
    }

    .c_portalResProduct_category-01001010 .i2 .R a > div {
        width: auto;
    }

    .c_portalResProduct_category-01001010 .i2 .R i {
        width: auto;
        height: 10vw;
        margin-left: 3vw;
    }

    .c_portalResProduct_category-01001010 .i2 .R i img {
        max-height: none;
        max-width: none;
        height: 100%;
    }

    .c_portalResProduct_category-01001010 #i2-swiper2:after {
        border-top: 1px dashed #727272;
        width: 100%;
        left: 0;
        bottom: 1.5vw;
        margin-bottom: -1px;
    }

    .c_portalResProduct_category-01001010 #i2-swiper2 {
    }

    .c_portalResProduct_category-01001010 .i2 .R li {
        margin-top: 0;
    }

    .c_portalResProduct_category-01001010 .i2 .R li {
        margin: 0 5vw;
    }

    .c_portalResProduct_category-01001010 .i2:before {
        content: '';
        position: absolute;
        width: 50%;
        height: 116vw;
        left: 0;
        top: 0;
        z-index: -1;
    }

    .c_portalResProduct_category-01001010 .i2 .LB {
        position: absolute;
        z-index: -1;
        opacity: 0;
        bottom: 0;
        left: 0;
    }

    .c_portalResProduct_category-01001010 .i2 .a1 i {
        margin: 0 auto;
    }

    .c_portalResProduct_category-01001010 .i2 .a1 span {
        margin-left: 0;
        margin-top: 1vw;
    }

    .c_portalResProduct_category-01001010 .i2 .i-btn {
        margin-top: 5vw;
    }
}

.c_portalResProduct_category-01001010 .text-u {
    padding-bottom: 5.21vw;
}

.c_portalResProduct_category-01001010 .c-333 {
    color: #fff;
    font-size: 20px;
}

.c_portalResProduct_category-01001010 .c-666 {
    color: #fff;
}

@media only screen and (min-width: 769px) {
    .c_portalResProduct_category-01001010 .swiper-container-free-mode > .swiper-wrapper {
        -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
}

.c_portalResNews_list-01001007 {
    min-width: 320px;
    width: 100%;
}

.c_portalResNews_list-01001007 .p_title .font {
    width: inherit;
    white-space: normal;
    display: inline-block;
    line-height: 19px;
    vertical-align: top;
}

.c_portalResNews_list-01001007 .p_PromptNoneData {
    width: auto;
    text-align: center
}

.c_portalResNews_list-01001007 .p_TitleBox {
    display: flex;
    align-items: flex-end;
}

.c_portalResNews_list-01001007 .title_left {
    flex: 1;
}

.c_portalResNews_list-01001007 .p_new {
    background: #008000;
    display: inline-block;
    float: left;
    margin: 0;
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 0px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    overflow: visible;
}

.c_portalResNews_list-01001007 .p_new .font {
    vertical-align: middle;
}

.c_portalResNews_list-01001007 .p_new .iconfont:before {
    content: "";
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

.c_portalResNews_list-01001007 .p_hot {
    background: #ED5A5A;
    display: inline-block;
    float: left;
    margin: 0;
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 0px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    overflow: visible;
    margin-right: 2px;
}

.c_portalResNews_list-01001007 .p_hot .font {
    vertical-align: middle;
}

.c_portalResNews_list-01001007 .p_hot .iconfont:before {
    content: "";
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

.c_portalResNews_list-01001007 .p_PromptNoneData .prompt_title .iconfont:before {
    content: ""
}

.c_portalResNews_list-01001007 .p_PromptNoneData .prompt_title .first {
    height: auto;
    display: table-cell;
    position: relative;
    vertical-align: middle;
    padding: 0 10px 5px 0;
}

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

.c_portalResNews_list-01001007 .p_PromptNoneData .prompt_title .first:before {
    content: "\e6b4"
}

.c_portalResNews_list-01001007 .p_PromptNoneData .prompt_title .font {
    display: table-cell;
    vertical-align: middle;
    text-align: left
}

.c_portalResNews_list-01001007 .p_PromptNoneData .promptbox {
    width: auto;
    height: 100%
}

.c_portalResNews_list-01001007 .p_PromptNoneData .prompt_content {
    padding-left: 65px
}

.c_portalResNews_list-01001007 .p_moreBtn {
    position: static;
    width: auto;
    display: inline-table;
    min-height: 29px;
    margin: 0;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    min-width: 86px;
    cursor: pointer;
    text-align: center
}

.c_portalResNews_list-01001007 .p_moreBtn .font {
    white-space: nowrap;
    overflow: visible;
    vertical-align: middle
}

.c_portalResNews_list-01001007 .p_moreBtn .iconfont:before {
    content: ""
}

@-moz-keyframes three-quarters-loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes three-quarters-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes three-quarters-loader {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loading_animation {
    -moz-animation: three-quarters-loader 850ms infinite linear;
    -webkit-animation: three-quarters-loader 850ms infinite linear;
    animation: three-quarters-loader 850ms infinite linear;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
    vertical-align: middle
}

.c_portalResNews_list-01001007 .p_loading {
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
}

.c_portalResNews_list-01001007 .p_loading .iconfont:before {
    content: "";
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

.c_portalResNews_list-01001007 .p_loading .font {
    display: inline-block;
    margin-left: 20px;
    height: inherit
}

.c_portalResNews_list-01001007 .p_moreBox {
    margin: 0 20px;
    width: auto;
    height: auto;
    padding: 0;
    overflow: hidden
}

.c_portalResNews_list-01001007 .p_ToDetail {
    display: inline-block;
    margin: 0;
    padding: 5px 0px;
    min-width: 86px;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
}

a > .c_portalResNews_list-01001007 .p_ToDetail:hover {
    cursor: pointer
}

.c_portalResNews_list-01001007 .p_SummaryBox {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    overflow: hidden
}

.c_portalResNews_list-01001007 .p_summary {
    text-align: left;
    vertical-align: top;
    word-break: break-all
}

.c_portalResNews_list-01001007 .p_time {
    display: inline-block;
    margin: 0;
    padding: 0 5px 0 0;
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;
    overflow: visible;
    line-height: 18px;
    vertical-align: top
}

.c_portalResNews_list-01001007 .p_assist {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    overflow: hidden
}

.c_portalResNews_list-01001007 .p_TitleBox {
    width: auto;
    height: auto;
    padding: 5px 0;
    overflow: hidden;
    vertical-align: top;
}

.c_portalResNews_list-01001007 .p_title {
    display: inline-table;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
}

.c_portalResNews_list-01001007 .p_header {
    margin: 5px 0 0;
    width: auto;
    height: auto;
    padding: 0;
    overflow: hidden;
}

.c_portalResNews_list-01001007 .p_content {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    overflow: hidden
}

.c_portalResNews_list-01001007 .p_images {
    margin: 0;
    width: 168px;
    height: 138px;
    padding: 0;
    overflow: hidden;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    text-align: center;
    margin-right: 15px
}

.c_portalResNews_list-01001007 .p_articles {
    margin: 0 30px 0px 0;
    width: calc((100% - 90px) / 3);
    padding: 0;
}

.c_portalResNews_list-01001007 .p_articles:nth-child(4n) {
    margin-right: 0px;
}

.c_portalResNews_list-01001007 .p_news {
    margin: 0;
    width: inherit;
    height: auto;
    padding: 0;
    overflow: hidden;
}

.c_portalResNews_list-01001007 .p_Newslist {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.c_portalResNews_list-01001007 {
    overflow: hidden;
}

.c_portalResNews_list-01001007 .p_content {
    width: auto;
    height: auto;
    vertical-align: top
}

.c_portalResNews_list-01001007 .p_SummaryBox {
    width: auto;
    height: auto;
}

.c_portalResNews_list-01001007 .p_assist {
    width: auto;
    height: auto;
}

.c_portalResNews_list-01001007 .p_icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px
}

.c_portalResNews_list-01001007 .p_about {
    display: inline-block;
    vertical-align: middle
}

.c_portalResNews_list-01001007 .p_articles {
    display: inline-block;
    height: auto;
    width: calc((100% - 0px) / 1);
    padding: 15px 20px;
    overflow: hidden;
    float: left;
}

.c_portalResNews_list-01001007 .p_thumbnail {
    width: 100%;
    height: auto;
    vertical-align: middle;
    text-align: center;
    overflow: hidden
}

.c_portalResNews_list-01001007 .p_thumbnail img {
    width: 100%;
}

.c_portalResNews_list-01001007 .higher .p_thumbnail {
    position: absolute;
    height: 100%
}

.c_portalResNews_list-01001007 .widther .p_thumbnail {
    position: absolute;
    height: 100%
}

.c_portalResNews_list-01001007 .smaller .p_thumbnail {
    position: absolute;
    height: 100%
}

.c_portalResNews_list-01001007 .p_assist {
    margin-top: 2px;
}

.c_portalResNews_list-01001007 .p_SummaryBox {
    clear: both;
    margin-bottom: 10px;
    margin-top: 8px
}

.c_portalResNews_list-01001007 .p_ToDetail {
    float: right;
    position: relative
}

.c_portalResNews_list-01001007 .p_summary {
    white-space: normal
}

.c_portalResNews_list-01001007 .p_categorySummaryBox {
    overflow: hidden;
    padding: 10px;
}

.c_portalResNews_list-01001007 article {
    word-wrap: break-word !important;
    word-break: normal !important;
}

@media only screen and (max-width: 768px) {
    .c_portalResNews_list-01001007 .p_articles {
        width: calc(calc(100% - 30px) / 2) !important;
        margin: 0 30px 30px 0 !important;
        float: left;
    }

    .c_portalResNews_list-01001007 .p_articles:nth-child(2n) {
        margin-right: 0px !important;
    }

    .c_portalResNews_list-01001007 .p_articles:nth-child(3n) {
        margin-right: 30px;
    }

    .c_portalResNews_list-01001007 .mp_linkUrl {
        display: block;
        height: auto;
    }

    .c_portalResNews_list-01001007 .p_SummaryBox {
        display: none;
    }

    .c_portalResNews_list-01001007 .p_ToDetail {
        display: none !important;
    }

    .c_portalResNews_list-01001007 .mP_SummaryBox {
        clear: both;
    }

    .c_portalResNews_list-01001007 .p_Information {
        display: flex;
        padding: 10px 0;
    }

    .c_portalResNews_list-01001007 .p_Information li {
        flex: 1;
        height: 20px;
        overflow: hidden;
    }

    .c_portalResNews_list-01001007 .p_KeyWord {
        width: 100%;
        margin-top: 5px;
    }

    .c_portalResNews_list-01001007 .p_KeyWord .p_tag {
        padding: 5px 15px;
        margin-right: 10px;
        border-radius: 3px;
    }

    .c_portalResNews_list-01001007 .blank {
        width: 100%;
        height: 15px;
        overflow: hidden;
    }

    .c_portalResNews_list-01001007 .p_articles {
        border: none
    }

    .c_portalResNews_list-01001007 .p_Recommend {
        display: inline-block;
    }

    .c_portalResNews_list-01001007 .p_top {
        display: inline-block;
    }

    .c_portalResNews_list-01001007 .p_title11 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

    .c_portalResNews_list-01001007 .lookDetail {
        display: none !important;
    }

    .c_portalResNews_list-01001007 .porBbox {
        padding: 20px 20px 0px !important;
    }

    .c_portalResNews_list-01001007 .newTitle {
        font-size: 16px;
        color: #333;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        white-space: normal !important;
        padding-bottom: 20px;
    }
}

@media only screen and (min-width: 769px) {
    .c_portalResNews_list-01001007 .mp_linkUrl {
        display: none;
    }

    .c_portalResNews_list-01001007 .mP_SummaryBox {
        display: none;
    }

    .c_portalResNews_list-01001007 .p_Information {
        display: none;
    }

    .c_portalResNews_list-01001007 .p_KeyWord {
        display: none;
    }

    .c_portalResNews_list-01001007 .blank {
        display: none;
    }

    .c_portalResNews_list-01001007 .p_Recommend {
        display: inline-block;
    }

    .c_portalResNews_list-01001007 .p_top {
        display: inline-block;
    }

    .c_portalResNews_list-01001007 .p_title11 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
}

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

.c_portalResNews_list-01001007 .p_CommonSummaryBoxA {
    text-align: center;
}

.c_portalResNews_list-01001007 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

.c_portalResNews_list-01001007 > div {
    animation-fill-mode: both;
}

.c_portalResNews_list-01001007 .newBox {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.c_portalResNews_list-01001007 .newContainer {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.c_portalResNews_list-01001007 .newLi {
    position: relative;
    overflow: hidden;
    padding: 0px;
}

.c_portalResNews_list-01001007 .porTbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 66.7%;
}

.c_portalResNews_list-01001007 .newImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}

.c_portalResNews_list-01001007 .porBbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 20px 20px 10px;
    background: #fff;
}

.c_portalResNews_list-01001007 .newTitle {
    font-size: 0.9rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 0;
    -webkit-line-clamp: 1;
}

.c_portalResNews_list-01001007 .newSummry {
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    margin: 10px 0;
    font-size: 14px;
    line-height: 28px;
    text-overflow: ellipsis;
    display: none;
}

.c_portalResNews_list-01001007 .lookDetail {
    position: relative;
    display: block;
    color: #666;
    height: 38px;
    line-height: 38px;
    border-top: 1px solid #e5e5e5;
}

.c_portalResNews_list-01001007 .lookDetail .details {
    float: none;
}

.c_portalResNews_list-01001007 .arrowsR {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0, -50%);
    width: 30px;
}

.c_portalResNews_list-01001007 .arrowsR img {
    position: absolute;
    transition: all .5s ease;
}

.c_portalResNews_list-01001007 .harr {
    opacity: 0;
}

.c_portalResNews_list-01001007 .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_portalResNews_list-01001007 .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;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c_portalResNews_list-01001007 .showBoxLink::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

.c_portalResNews_list-01001007 .showBoxLink::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 1px;
    background: #fff;
    transition: all .5s ease;
}

.c_portalResNews_list-01001007 .lookDetail:hover .barr {
    opacity: 0;
}

.c_portalResNews_list-01001007 .lookDetail:hover .harr {
    opacity: 1;
}

.c_portalResNews_list-01001007 .newLi:hover .showBox {
    opacity: 1;
}

.c_portalResNews_list-01001007 .newLi:hover .newImg {
    transform: translate(-50%, -50%) scale(1.1);
}

.c_portalResNews_list-01001007 .newLi:hover .showBoxLink::before {
    width: 1rem;
}

.c_portalResNews_list-01001007 .newLi:hover .showBoxLink::after {
    width: 1rem;
}

@media only screen and (min-width: 769px) {
    .c_portalResNews_list-01001007 .newList {
        width: calc(calc(100% - 104px) / 3);
        margin: 0 52px 50px 0;
        float: left;
    }

    .c_portalResNews_list-01001007 .newList:nth-child(3n) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .c_portalResNews_list-01001007 .p_articles {
        width: calc(calc(100% - 30px) / 2) !important;
        margin: 0 30px 30px 0 !important;
        float: left;
    }

    .c_portalResNews_list-01001007 .p_articles:nth-child(2n) {
        margin-right: 0px !important;
    }

    .c_portalResNews_list-01001007 .p_articles:nth-child(3n) {
        margin-right: 30px;
    }
}

.c_portalResNews_list-01001007 .p_page .pre .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

.c_portalResNews_list-01001007 .p_page .next .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

.c_portalResNews_list-01001007 .p_more .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

.w_fline-001 .p_FLine {
    width: 100%;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #f0f0f0;
    opacity: 1;
    filter: alpha(opacity:100);
    display: inline-block;
    vertical-align: middle;
}

.w_fline-001 {
    width: 100%;
    min-height: 20px;
    display: block;
    margin: 0 auto;
}

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

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

.c_portalResNews_list-01001 {
    min-width: 320px;
    width: 100%;
}

.c_portalResNews_list-01001 .p_PromptNoneData {
    width: auto;
    text-align: center
}

.c_portalResNews_list-01001 .p_TitleBox {
    display: flex;
    align-items: flex-end;
}

.c_portalResNews_list-01001 .title_left {
    flex: 1;
}

.c_portalResNews_list-01001 .p_new {
    background: #008000;
    display: inline-block;
    float: left;
    margin: 0;
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 0px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    overflow: visible;
}

.c_portalResNews_list-01001 .p_new .font {
    vertical-align: middle;
}

.c_portalResNews_list-01001 .p_new .iconfont:before {
    content: "";
}

.c_portalResNews_list-01001 .p_hot {
    background: #ED5A5A;
    display: inline-block;
    float: left;
    margin: 0;
    padding-bottom: 0px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 0px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    overflow: visible;
    margin-right: 2px;
}

.c_portalResNews_list-01001 .p_hot .font {
    vertical-align: middle;
}

.c_portalResNews_list-01001 .p_hot .iconfont:before {
    content: "";
}

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

.c_portalResNews_list-01001 .p_PromptNoneData .prompt_title .first {
    height: auto;
    display: table-cell;
    position: relative;
    vertical-align: middle;
    padding: 0 10px 5px 0;
}

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

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

.c_portalResNews_list-01001 .p_PromptNoneData .prompt_title .font {
    display: table-cell;
    vertical-align: middle;
    text-align: left
}

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

.c_portalResNews_list-01001 .p_PromptNoneData .prompt_content {
    padding-left: 65px
}

.c_portalResNews_list-01001 .p_moreBtn {
    position: static;
    width: auto;
    display: inline-table;
    min-height: 29px;
    margin: 0;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    min-width: 86px;
    cursor: pointer;
    text-align: center
}

.c_portalResNews_list-01001 .p_moreBtn .font {
    white-space: nowrap;
    overflow: visible;
    vertical-align: middle
}

.c_portalResNews_list-01001 .p_moreBtn .iconfont:before {
    content: ""
}

@-moz-keyframes three-quarters-loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes three-quarters-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes three-quarters-loader {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loading_animation {
    -moz-animation: three-quarters-loader 850ms infinite linear;
    -webkit-animation: three-quarters-loader 850ms infinite linear;
    animation: three-quarters-loader 850ms infinite linear;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
    vertical-align: middle
}

.c_portalResNews_list-01001 .p_loading {
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
}

.c_portalResNews_list-01001 .p_loading .iconfont:before {
    content: ""
}

.c_portalResNews_list-01001 .p_loading .font {
    display: inline-block;
    margin-left: 20px;
    height: inherit
}

.c_portalResNews_list-01001 .p_moreBox {
    margin: 0 20px;
    width: auto;
    height: auto;
    padding: 0;
    overflow: hidden
}

.c_portalResNews_list-01001 .p_ToDetail {
    display: inline-block;
    margin: 0;
    padding: 5px 10px;
    min-width: 86px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

a > .c_portalResNews_list-01001 .p_ToDetail:hover {
    cursor: pointer
}

.c_portalResNews_list-01001 .p_SummaryBox {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    overflow: hidden
}

.c_portalResNews_list-01001 .p_summary {
    text-align: left;
    vertical-align: top;
    word-break: break-all
}

.c_portalResNews_list-01001 .p_time {
    display: inline-block;
    margin: 0;
    padding: 0 5px 0 0;
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;
    overflow: visible;
    line-height: 18px;
    vertical-align: top
}

.c_portalResNews_list-01001 .p_assist {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    overflow: hidden
}

.c_portalResNews_list-01001 .p_TitleBox {
    width: auto;
    height: auto;
    padding: 5px 0;
    overflow: hidden;
    vertical-align: top;
}

.c_portalResNews_list-01001 .p_title {
    display: inline-table;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.c_portalResNews_list-01001 .p_content {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    overflow: hidden
}

.c_portalResNews_list-01001 .p_images {
    margin: 0;
    width: 168px;
    height: 138px;
    padding: 0;
    overflow: hidden;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    text-align: center;
    margin-right: 15px
}

.c_portalResNews_list-01001 .p_articles {
    margin: 0;
    width: inherit;
    height: 186px;
    padding: 0;
}

.c_portalResNews_list-01001 .p_news {
    margin: 0;
    width: inherit;
    height: auto;
    padding: 0;
    overflow: hidden;
}

.c_portalResNews_list-01001 .p_Newslist {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.c_portalResNews_list-01001 {
    overflow: hidden;
}

.c_portalResNews_list-01001 .p_content {
    width: auto;
    height: auto;
    vertical-align: top
}

.c_portalResNews_list-01001 .p_SummaryBox {
    width: auto;
    height: auto;
}

.c_portalResNews_list-01001 .p_assist {
    width: auto;
    height: auto;
}

.c_portalResNews_list-01001 .p_icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px
}

.c_portalResNews_list-01001 .p_about {
    display: inline-block;
    vertical-align: middle
}

.c_portalResNews_list-01001 .p_articles {
    display: inline-block;
    height: auto;
    min-width: 320px;
    width: calc((100% - 0px) / 1);
    padding: 0px 20px 40px;
    overflow: hidden;
    float: left;
}

.c_portalResNews_list-01001 .p_thumbnail {
    width: 100%;
    height: auto;
    vertical-align: middle;
    text-align: center;
    overflow: hidden
}

.c_portalResNews_list-01001 .p_thumbnail img {
    width: 100%;
}

.c_portalResNews_list-01001 .higher .p_thumbnail {
    position: absolute;
    height: 100%
}

.c_portalResNews_list-01001 .widther .p_thumbnail {
    position: absolute;
    height: 100%
}

.c_portalResNews_list-01001 .smaller .p_thumbnail {
    position: absolute;
    height: 100%
}

.c_portalResNews_list-01001 .p_assist {
    margin-top: 2px;
}

.c_portalResNews_list-01001 .p_SummaryBox {
    clear: both;
    margin-bottom: 10px;
    margin-top: 8px
}

.c_portalResNews_list-01001 .p_ToDetail {
    float: right;
    position: relative
}

.c_portalResNews_list-01001 .p_summary {
    white-space: normal
}

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

.c_portalResNews_list-01001 article {
    word-wrap: break-word !important;
    word-break: normal !important;
}

@media only screen and (max-width: 768px) {
    .c_portalResNews_list-01001 .p_articles {
        margin-top: 10px !important;
        width: 100% !important;
    }

    .c_portalResNews_list-01001 .mp_linkUrl {
        display: block;
        height: auto;
    }

    .c_portalResNews_list-01001 .p_SummaryBox {
        display: none;
    }

    .c_portalResNews_list-01001 .p_ToDetail {
        display: none !important;
    }

    .c_portalResNews_list-01001 .mP_SummaryBox {
        clear: both;
    }

    .c_portalResNews_list-01001 .p_Information {
        display: flex;
        padding: 10px 0;
    }

    .c_portalResNews_list-01001 .p_Information li {
        flex: 1;
        height: 20px;
        overflow: hidden;
    }

    .c_portalResNews_list-01001 .p_KeyWord {
        width: 100%;
        margin-top: 5px;
    }

    .c_portalResNews_list-01001 .p_KeyWord .p_tag {
        padding: 5px 15px;
        margin-right: 10px;
        border-radius: 3px;
    }

    .c_portalResNews_list-01001 .blank {
        width: 100%;
        height: 15px;
        overflow: hidden;
    }

    .c_portalResNews_list-01001 .p_articles {
        border: none
    }

    .c_portalResNews_list-01001 .p_Recommend {
        display: inline-block;
    }

    .c_portalResNews_list-01001 .p_top {
        display: inline-block;
    }

    .c_portalResNews_list-01001 .p_title11 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
}

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

    .c_portalResNews_list-01001 .mP_SummaryBox {
        display: none;
    }

    .c_portalResNews_list-01001 .p_Information {
        display: none;
    }

    .c_portalResNews_list-01001 .p_KeyWord {
        display: none;
    }

    .c_portalResNews_list-01001 .blank {
        display: none;
    }

    .c_portalResNews_list-01001 .p_Recommend {
        display: inline-block;
    }

    .c_portalResNews_list-01001 .p_top {
        display: inline-block;
    }

    .c_portalResNews_list-01001 .p_title11 {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
}

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

.top_title {
}

.newYear {
    font-family: 'arial', impact, Arial, sans-serif;
    font-size: 36px;
    padding-bottom: 15px;
    font-weight: 100;
    color: #ccc;
    display: block;
}

.right_content article {
    line-height: 2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 0.725rem;
    color: #999;
}

.news_button_top {
    border: 1px solid #fff;
    padding: 10px 20px;
    margin-top: 20px;
    display: inline-block;
    color: #fff;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    font-size: 12px;
}

.right_content .newTitle {
    font-size: 1.25rem;
    color: #252525;
    padding-bottom: 10px;
    padding-top: 10px;
}

.right_content {
    width: calc(100% - 120px);
    padding-left: 20px;
}

.leftTimeBox {
    width: 120px;
    height: 120px;
    display: block;
    background: #d71619;
    color: #fff;
    font-family: Verdana, Geneva, sans-serif;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
}

.news_button {
    font-size: 11px;
    border-bottom: 1px solid #cb0709;
    line-height: 2em;
    display: inline-block;
    margin-top: 5px;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
}

.newData {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding-top: 25px;
    letter-spacing: -1px;
}

.newList2 .line {
    position: absolute;
    width: 0%;
    height: 1px;
    background: #cb0709;
    left: 0;
    bottom: 0;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    z-index: 1;
}

.newYear_sub {
    font-size: 32px;
    text-align: center;
    padding-top: 0px;
    font-weight: bold;
    letter-spacing: -2px;
}

.newMs {
    font-size: 0.875rem;
    line-height: 2em;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

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

.pagebox {
    width: 100%;
}

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

body, #-remove--flag {
}

#c_portalResEbizads_banner-15638658512047719 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResEbizads_banner-15638658512047719 > div {
    animation-fill-mode: both;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#c_portalResNews_list-15982506829756961 .p_articles {
    width: calc((100% - 0px) / 4);
}

#c_portalResNews_list-15982506829756961 .p_CommonSummaryBoxA {
    text-align: center;
}

#c_portalResNews_list-15982506829756961 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResNews_list-15982506829756961 > div {
    animation-fill-mode: both;
}

#c_portalResNews_list-15982506829756961 .n_animate1 {
    animation-name: fadeInDown;
    animation-duration: 1.8s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

.active #c_portalResNews_list-15982506829756961 .n_animate2 {
    animation-name: fadeInUp;
    animation-duration: 1.8s;
    animation-delay: 1.6s;
    animation-fill-mode: both;
}

#c_portalResNews_list-15982506829756961 .newListBoxA {
    padding: 0px;
    background-color: rgba(33, 33, 33, 0);
    height: calc(100vh - 93px);
}

#c_portalResNews_list-15982506829756961 .newListBoxs {
    border: none;
    height: 100%;
}

#c_portalResNews_list-15982506829756961 .newList1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: #fff;
    flex-basis: calc(100vh - 93px - 35%);
}

#c_portalResNews_list-15982506829756961 .newList1 .news_ptit {
    max-width: 50%;
    display: flex;
    align-items: center;
}

#c_portalResNews_list-15982506829756961 .newList1 .news_ptit .in_page {
    font-size: 22px;
    line-height: 1.2;
    color: #fff;
}

#c_portalResNews_list-15982506829756961 .newList1 .news_ptit i {
    width: 60px;
    height: 1px;
    background-color: rgba(255, 255, 255, .5);
    margin: 0 20px;
}

#c_portalResNews_list-15982506829756961 .newList1 .news_ptit .name {
    font-size: 22px;
    line-height: 1.2;
    color: #fff;
}

#c_portalResNews_list-15982506829756961 .newList1 .news1_con {
    max-width: 50%;
    position: relative;
    margin-top: 5%;
}

#c_portalResNews_list-15982506829756961 .newList2 {
    display: flex;
    width: 100%;
    flex: 0 0 35%;
}

#c_portalResNews_list-15982506829756961 .leftTime {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
}

#c_portalResNews_list-15982506829756961 .newList1 .news1_con .newYear {
    width: auto;
    text-align: left;
    color: #fff;
    font-size: 14px;
}

#c_portalResNews_list-15982506829756961 .rightCotent {
    width: auto;
}

#c_portalResNews_list-15982506829756961 .newTitle1 {
    color: rgb(255, 255, 255);
    margin: 30px 0 10px;
    font-size: 1.4583vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#c_portalResNews_list-15982506829756961 .newList1 .newMs {
    color: rgba(255, 255, 255, .9);
    padding-left: 0px;
    margin-top: 20px;
    margin-bottom: 14px;
    font-size: 12px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 2.3;
    overflow: hidden;
}

#c_portalResNews_list-15982506829756961 .newMs {
    color: rgb(102, 102, 102);
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 13px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2px;
    overflow: hidden;
}

#c_portalResNews_list-15982506829756961 .news2_con .newYear {
    width: 100%;
    font-size: 14px;
    text-align: left;
    color: rgba(255, 255, 255, .8);
    transition: all 0.5s ease;
}

#c_portalResNews_list-15982506829756961 .newDetailLink1 {
    padding: 8px 30px;
    display: inline-block;
    /*margin-top: 3%;*/
    color: rgb(255, 255, 255);
    margin-left: 0px;
    border: 1px solid #029238;
    transition: all 0.5s ease;
    background: #029238;
    font-size: 15px;
}

#c_portalResNews_list-15982506829756961 .newList1 .rightCotent {
    border: none;
}

#c_portalResNews_list-15982506829756961 .newList2 .rightCotent {
    position: relative;
    border-bottom: none;
    -webkit-transform: rotate(0deg) scale(1) translate(0%, 0%);
    transform: rotate(0deg) scale(1) translate(0%, 0%);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-left: none;
}

#c_portalResNews_list-15982506829756961 .newTitle {
    color: #fff;
    margin-top: 3%;
    font-size: 18px;
    transition: all 0.5s ease;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#c_portalResNews_list-15982506829756961 .newDetailLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#c_portalResNews_list-15982506829756961 .newList {
    display: flex;
    flex-basis: calc(100% / 3);
    flex-shrink: 0;
    flex-grow: 0;
    border-right: 1px solid rgba(255, 255, 255, .3);
    background-color: rgba(0, 0, 0, .3);
    padding: 0px;
    position: relative;
    align-items: center;
    transition: all 0.5s ease;
}

#c_portalResNews_list-15982506829756961 .news2_con .newMs {
    color: #fff;
    margin-top: 3%;
    margin-bottom: 0px;
    max-height: 50px;
    padding: 0px;
    line-height: 1.8;
    font-size: 14px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: all 0.5s ease;
}

#c_portalResNews_list-15982506829756961 .newList:last-child {
    border-right: none;
}

#c_portalResNews_list-15982506829756961 .newList .news2_con {
    display: flex;
    flex-direction: column;
    max-width: 600px;
    padding: 0 5%;
}

@media only screen and (min-width: 769px) {
    #c_portalResNews_list-15982506829756961 .newListBoxs {
        display: flex;
        position: relative;
        flex-direction: column;
    }

    #c_portalResNews_list-15982506829756961 .newList1 {
        padding: 0 5%;
    }

    #c_portalResNews_list-15982506829756961 .newDetailLink1:hover {
        background: none;
        border: 1px solid #fff;
    }

    #c_portalResNews_list-15982506829756961 .newList:hover {
        background-color: rgba(2, 146, 56, .4);
    }

    #c_portalResNews_list-15982506829756961 .newList:hover .news2_con .newYear {
        color: rgba(255, 255, 255, 1);
    }

    #c_portalResNews_list-15982506829756961 .newList:hover .news2_con .newMs {
        color: rgba(255, 255, 255, 1);
    }
}

@media only screen and (max-width: 768px) {
    #c_portalResNews_list-15982506829756961 .newListBoxA {
        padding: 0;
        background-color: rgba(33, 33, 33, 0);
        height: calc(100vh - 70px);
    }

    #c_portalResNews_list-15982506829756961 .newList1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        flex-basis: 100%;
        max-width: 90%;
        margin: 0 auto;
        height: calc(100vh - 100px - 55%);
    }

    #c_portalResNews_list-15982506829756961 .newList2 {
        display: flex;
        flex-direction: column;
        height: calc(100vh - 100px - 60%);
    }

    #c_portalResNews_list-15982506829756961 .newList1 .news_ptit {
        max-width: 100%;
    }

    #c_portalResNews_list-15982506829756961 .newList1 .news_ptit .in_page {
        font-size: 16px;
    }

    #c_portalResNews_list-15982506829756961 .newList1 .news_ptit .name {
        font-size: 16px;
    }

    #c_portalResNews_list-15982506829756961 .newList1 .news1_con {
        max-width: 100%;
        margin-top: 5%;
    }

    #c_portalResNews_list-15982506829756961 .newTitle1 {
        font-size: 16px;
        margin-top: 10px;
    }

    #c_portalResNews_list-15982506829756961 .newList1 .newMs {
        font-size: 12px;
        display: none;
    }

    #c_portalResNews_list-15982506829756961 .news2_con .newMs {
        display: none;
    }

    #c_portalResNews_list-15982506829756961 .newTitle {
        font-size: 14px;
    }

    #c_portalResNews_list-15982506829756961 .newList {
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        border-right: none;
    }

    #c_portalResNews_list-15982506829756961 .newList:hover {
        background-color: rgba(0, 160, 80, .8);
    }

    #c_portalResNews_list-15982506829756961 .newList:active {
        background-color: rgba(0, 160, 80, .8);
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #c_portalResNews_list-15982506829756961 .newListBoxA {
        padding: 0;
        background-color: rgba(33, 33, 33, 0);
        height: calc(100vh - 70px);
    }

    #c_portalResNews_list-15982506829756961 .newListBoxs {
        display: flex;
        position: relative;
        flex-direction: row;
    }

    #c_portalResNews_list-15982506829756961 .newList1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        flex-basis: 60%;
    }

    #c_portalResNews_list-15982506829756961 .newList1 .news_ptit {
        max-width: 100%;
        display: flex;
        align-items: center;
    }

    #c_portalResNews_list-15982506829756961 .newList1 .news1_con {
        max-width: 100%;
        position: relative;
        margin-top: 5%;
    }

    #c_portalResNews_list-15982506829756961 .newList2 {
        display: flex;
        width: 100%;
        flex: 0 0 40%;
        flex-direction: column;
    }

    #c_portalResNews_list-15982506829756961 .newList {
        border-bottom: 1px solid rgba(255, 255, 255, .3);
    }

    #c_portalResNews_list-15982506829756961 .newList:last-child {
        border-bottom: none;
    }

    #c_portalResNews_list-15982506829756961 .newList1 .newMs {
        font-size: 14px;
    }

    #c_portalResNews_list-15982506829756961 .newTitle {
        font-size: 16px;
    }

    #c_portalResNews_list-15982506829756961 .news2_con .newMs {
        display: none;
    }
}

#c_portalResNews_list-15982506829756961 .p_hot .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResNews_list-15982506829756961 .p_new .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

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

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

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

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

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

#c_portalResNews_list-16071580472810683 .p_articles {
    width: calc((100% - 120px) / 4);
}

#c_portalResNews_list-16071580472810683 .p_CommonSummaryBoxA {
    text-align: center;
}

#c_portalResNews_list-16071580472810683 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResNews_list-16071580472810683 > div {
    animation-fill-mode: both;
}

#c_portalResNews_list-16071580472810683 .p_hot .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResNews_list-16071580472810683 .p_new .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

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

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

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

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

#c_portalResNews_list-16071580472810683 {
    width: 100%;
    max-width: none;
    min-width: 320px;
    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;
}

#c_portalResnav_main-15638662660033168 .head_lan {
    width: 140px;
    position: relative;
    margin-left: auto;
    margin-right: 0px;
    background: none;
    border: 1px solid #029238;
    padding: 0px 10px;
    border-radius: 30px;
    transition: all .5s ease;
}

#c_portalResnav_main-15638662660033168 .head_lan.fixed {
    background: none;
    border: 1px solid rgba(255, 255, 255, .5);
}

#c_portalResnav_main-15638662660033168 .lan_con {
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

#c_portalResnav_main-15638662660033168 .lan_con:hover {
    cursor: pointer;
}

#c_portalResnav_main-15638662660033168 .head_lan .lan_tit {
    width: auto;
    line-height: 36px;
    display: flex;
    align-items: center;
}

#c_portalResnav_main-15638662660033168 .head_lan .lan_tit span {
    display: inline-block;
    font-size: 14px;
    color: #029238;
    padding: 0 4px;
}

#c_portalResnav_main-15638662660033168 .head_lan .lan_tit .iconfont.map {
    width: auto;
    margin-right: 5px;
    text-align: center;
    display: inline-block;
}

#c_portalResnav_main-15638662660033168 .head_lan .lan_tit .iconfont.jt {
    width: auto;
    margin-left: 5px;
    text-align: center;
    transform: scale(0.7);
    display: inline-block;
}

#c_portalResnav_main-15638662660033168 .head_lan .lan_tit .iconfont.map:before {
    content: '\e614';
    color: #029238;
    font-size: 16px;
    text-align: center;
}

#c_portalResnav_main-15638662660033168 .head_lan .lan_tit .iconfont.jt:before {
    content: '\e69a';
    color: #029238;
    font-size: 12px;
    text-align: center;
}

#c_portalResnav_main-15638662660033168 .head_lan .lan_list {
    display: flex;
    width: 120px;
    background: #fff;
    padding: 3px 0px 10px 0px;
    position: fixed;
    z-index: 99;
    top: 60px;
    font-size: 13px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translate(0, 20px);
    transition: all .3s ease;
    flex-direction: column;
}

#c_portalResnav_main-15638662660033168 .head_lan .lan_list.cur {
    opacity: 1;
    transform: translate(0, 0px);
    visibility: visible;
}

#c_portalResnav_main-15638662660033168 .head_lan .lan_list span {
    position: relative;
    line-height: 1px;
    display: inline-block;
    height: 1px;
    width: 100%;
}

#c_portalResnav_main-15638662660033168 .head_lan .lan_list .iconfont:before {
    content: '\e6c8';
    color: #fff;
    position: absolute;
    font-size: 24px;
    width: 100%;
    top: -5px;
    text-align: center;
}

#c_portalResnav_main-15638662660033168 .head_lan .lan_list a {
    color: #666;
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    transition: all .3s ease;
}

#c_portalResnav_main-15638662660033168 .head_lan .lan_list a:hover {
    color: #1a2c68;
}

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

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

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

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

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

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

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

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

#c_portalResnav_main-15638662660033168 .header1.active .lan_tel .iconfont:before {
    color: #fff;
}

#c_portalResnav_main-15638662660033168 .header1.active .lan_tel a {
    color: #fff;
}

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

#c_portalResnav_main-15638662660033168 .header1:hover .lan_tel .iconfont:before {
    color: #fff;
}

#c_portalResnav_main-15638662660033168 .header1:hover .lan_tel a {
    color: #fff;
}

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

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

#c_portalResnav_main-15638662660033168 .header1.active {
    background: rgba(0, 0, 0, 0);
}

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

#c_portalResnav_main-15638662660033168 .header1:hover {
    background: rgba(255, 255, 255, 1);
}

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

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

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

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

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

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

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

#c_portalResnav_main-15638662660033168 .header1 h1 {
    width: 232px;
    height: 80px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    line-height: 80px;
}

#c_portalResnav_main-15638662660033168 .header1 h1 img {
    max-width: 100%;
    position: absolute;
    left: 0px;
    top: 50%;
    opacity: 0;
    -webkit-transition: all 0.5s 0s cubic-bezier(0.86, 0.5, 1, 1);
    transition: all 0.5s 0s cubic-bezier(0.86, 0.5, 1, 1);
    transform: translateY(-50%);
}

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

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

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

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

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

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

#c_portalResnav_main-15638662660033168 .header1 nav {
    float: left;
    height: 80px;
    line-height: 80px;
    position: absolute;
    right: 30px;
    top: 0px;
    margin-left: -375px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

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

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

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

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

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

#c_portalResnav_main-15638662660033168 .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-15638662660033168 .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-15638662660033168 .js-m.js-m-2.animate:hover {
    background: #029238;
}

#c_portalResnav_main-15638662660033168 .js-m.js-m-2.animate:hover .home-dec {
    color: #fff;
}

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

#c_portalResnav_main-15638662660033168 .hvr-left:hover:before {
    width: 100%;
    background: #ff9c00;
}

#c_portalResnav_main-15638662660033168 .js-m:hover:home-dec {
    color: #0e9d00;
}

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

#c_portalResnav_main-15638662660033168 .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-15638662660033168 .header1 nav li > a {
    color: #333333;
    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);
    margin: 0 25px;
}

#c_portalResnav_main-15638662660033168 .header1:hover nav li > a {
    color: #121212;
}

#c_portalResnav_main-15638662660033168 .header1.active nav li > a {
    color: #121212;
}

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

#c_portalResnav_main-15638662660033168 .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-15638662660033168 .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-15638662660033168 .header1.scroll .nav-sub {
    top: 70px;
}

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

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

#c_portalResnav_main-15638662660033168 .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-15638662660033168 .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-15638662660033168 .icon-up:before {
    content: '\e6a7';
}

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

#c_portalResnav_main-15638662660033168 .header1 .header-right {
    width: 230px;
    position: absolute;
    right: 20px;
    border-left: 1px solid rgba(255, 255, 255, .15);
    top: 20px;
    padding-left: 30px;
    z-index: 10;
}

#c_portalResnav_main-15638662660033168 .header1 .header-right .search-btn {
    width: 40px;
    float: left;
    margin-top: 10px;
    text-align: center;
    cursor: pointer;
    top: 20px;
    display: inherit;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

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

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

#c_portalResnav_main-15638662660033168 .header1 .header-right .search-btn:before {
    font-size: 16px;
    color: #fff;
    background: #f99800;
    border-radius: 50%;
    padding: 9px;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}

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

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

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

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

#c_portalResnav_main-15638662660033168 .header2 {
    height: 80px;
    position: fixed;
    background: rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    z-index: 22;
    top: 0px;
    width: 100%;
    display: none;
}

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

#c_portalResnav_main-15638662660033168 .header2 .logo {
    width: 232px;
    height: 60px;
    margin-top: 15px;
    overflow: hidden;
}

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

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

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

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

#c_portalResnav_main-15638662660033168 .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-15638662660033168 .header2 .nav-btn .line1 {
    -webkit-transform-origin: 4px 0;
    -ms-transform-origin: 4px 0;
    transform-origin: 4px 0;
}

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

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

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

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

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

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

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

#c_portalResnav_main-15638662660033168 .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-15638662660033168 .js-m-3.animate {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

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

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

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

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

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

#c_portalResnav_main-15638662660033168 .header2 .sub-menu .jt:after {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: url(//cdn.myxypt.com/040a6de7/21/09/bedd68622eaa07984f4a4171b3930d559c1af214.png) no-repeat center;
    background-size: 17px auto;
    position: absolute;
    right: 3%;
    top: 15px;
}

#c_portalResnav_main-15638662660033168 .header2 .sub-menu .jt.jtRote:after {
    background: url(//cdn.myxypt.com/040a6de7/21/09/7fe13a2bb54c75c61c6437bfcf4305da1134710f.png) no-repeat center;
    background-size: 20px auto;
}

#c_portalResnav_main-15638662660033168 .header2 .sub-menu .sec-list p {
    background: url(//cdn.myxypt.com/040a6de7/21/09/1c363e82541d8e624d02dbf42a7fe676be9cac97.png) no-repeat left center;
    background-size: 3px auto;
    font-size: 14px;
}

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

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

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

#c_portalResnav_main-15638662660033168 .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-15638662660033168 .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-15638662660033168 .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-15638662660033168 .search-alert .close:hover:before {
    color: #b72024;
}

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

#c_portalResnav_main-15638662660033168 .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-15638662660033168 .search-alert .cent-form:before {
    color: #fff;
    font-size: 30px;
    position: absolute;
    left: 0px;
    height: 50px;
    top: 50%;
    margin-top: -25px;
}

#c_portalResnav_main-15638662660033168 .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-15638662660033168 .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-15638662660033168 .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-15638662660033168 .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-15638662660033168 .header2 .mo_tel {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    line-height: 60px;
}

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

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

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

@media only screen and (min-width: 769px) {
    #c_portalResnav_main-15638662660033168 .header1 .header-right .sc:before {
        font-size: 16px;
        color: #fff;
        background: #f99800;
        border-radius: 50%;
        padding: 9px;
        -webkit-transition: color .3s ease-in-out;
        transition: color .3s ease-in-out;
    }

    #c_portalResnav_main-15638662660033168 .pc_nav {
    }
}

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

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

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

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

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

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

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

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

@media only screen and (max-width: 1200px) {
    #c_portalResnav_main-15638662660033168 .pc_nav {
        height: 60px;
        display: none;
    }

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

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

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

    #c_portalResnav_main-15638662660033168 .header2 {
        display: block;
    }
}

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

    #c_portalResnav_main-15638662660033168 .header1 nav {
        width: auto;
        margin-left: -320px;
    }

    #c_portalResnav_main-15638662660033168 .header1 h1 img {
        width: 90%;
    }
}

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

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

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

#c_portalResProduct_category-15982638086834591 {
    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;
}

#w_sfbox-1563853434791 .p_footer {
    height: 200px;
}

#w_sfbox-1563853434791 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_sfbox-1563853434791 .ping_0 {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
    background-color: rgba(12, 160, 57, 1);
}

#w_sfbox-1563853434791 .ping_1 {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
    background-color: rgba(12, 160, 57, 1);
}

#w_sfbox-1563853434791 .ping_1 > .w_fimgbox-001:nth-child(1) {
    width: 100%;
    height: 100%;
}

#w_sfbox-1563853434791 .ping_1 > .w_fimgbox-001:nth-child(1) > .w_imgbox > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#w_sfbox-1563853434791 .ping_1 > .w_fimgbox-001:nth-child(1) > .w_imgbox > .p_contentbox {
    align-items: center;
    display: flex;
    height: 100vh;
}

#w_sfbox-1563853434791 .active .ping_1 > .w_fimgbox-001:nth-child(1) > .w_imgbox > .p_contentbox:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(2, 72, 2, 0.3);
    z-index: 0;
    animation-name: fadeInRight;
    animation-duration: 1.5s;
    animation-delay: 1.6s;
    animation-fill-mode: both;
}

#w_sfbox-1563853434791 .ping_2 {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
    background-color: rgba(12, 160, 57, 1);
}

#w_sfbox-1563853434791 .ping_2 > .w_fimgbox-001:nth-child(1) {
    width: 100%;
    height: 100%;
}

#w_sfbox-1563853434791 .ping_2 > .w_fimgbox-001:nth-child(1) > .w_imgbox > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#w_sfbox-1563853434791 .ping_3 {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
    background-color: rgba(12, 160, 57, 1);
}

#w_sfbox-1563853434791 .ping_3 > .w_fimgbox-001:nth-child(1) {
    width: 100%;
    height: 100%;
}

#w_sfbox-1563853434791 .ping_3 > .w_fimgbox-001:nth-child(1) > .w_imgbox > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#w_sfbox-1563853434791 .ping_3 > .w_fimgbox-001:nth-child(1) > .w_imgbox > .p_contentbox {
    align-items: center;
    display: flex;
    height: calc(100vh - 80px);
    margin-top: 80px;
}

#w_sfbox-1563853434791 .ping_3 > .w_fimgbox-001:nth-child(1) > .w_imgbox > .p_contentbox:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 65%;
    height: 100%;
    background: rgba(0, 100, 55, 0);
    z-index: 0;
    animation-name: fadeInRight;
    animation-duration: 1.5s;
    animation-delay: 1.6s;
    animation-fill-mode: both;
}

#w_sfbox-1563853434791 .ping_4 {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
    background-color: rgba(12, 160, 57, 1);
}

#w_sfbox-1563853434791 .ping_4 > .w_fimgbox-001:nth-child(1) {
    width: 100%;
    height: 100%;
}

#w_sfbox-1563853434791 .ping_4 > .w_fimgbox-001:nth-child(1) > .w_imgbox > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#w_sfbox-1563853434791 .ping_4 > .w_fimgbox-001:nth-child(1) > .w_imgbox > .p_contentbox {
    align-items: center;
    display: flex;
}

#w_sfbox-1563853434791 .ping_5 {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
    background-color: rgba(12, 160, 57, 1);
}

@media only screen and (max-width: 768px) {
    #w_sfbox-1563853434791 .ping_3 > .w_fimgbox-001:nth-child(1) > .w_imgbox > .p_contentbox:before {
        width: 100%;
    }

    #w_sfbox-1563853434791 .ping_4 > .w_fimgbox-001:nth-child(1) > .w_imgbox > .p_contentbox:before {
        content: '';
        position: absolute;
        right: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0, 7, 25, 0.3);
        z-index: 0;
        animation-name: fadeInRight;
        animation-duration: 1.5s;
        animation-delay: 1.6s;
        animation-fill-mode: both;
    }
}

#w_fimgbox-1564034807496 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_fimgbox-1564034807496 > div {
    animation-fill-mode: both;
}

.active #w_fimgbox-1564034807496 > .w_imgbox > img {
    animation-name: scaleBigToSmall;
    animation-duration: 1.5s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
}

#w_fimgbox-1564034807496 .w_imgbox > .p_contentbox {
    width: 100%;
    height: 100vh!important;
    position: absolute;
    top: 80px;
    left: 0px;
    z-index: 11111;
}

#w_fimgbox-1564034807496 .p_contentbox {
    background-position: center center;
}

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

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

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

#w_grid-1564035878345 > div > .p_gridbox > .p_gridCell > .w_grid-000 > div > .p_gridbox {
    overflow: unset;
}

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 768px) {
    #w_grid-1564037124988 > div > .p_gridbox > .p_gridCell > .w_fbtn-001:nth-child(6) {
        margin-top: 20px;
    }
}

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

.active #w_grid-1564038500862 > div {
    animation-name: lv-fadeInLeft;
    animation-duration: 1.5s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
}

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

#w_grid-1564038500862 > div > .p_gridbox > .p_gridCell > .reset_style:nth-child(1) {
    font-family: 'Oswald', sans-serif;
}

@media only screen and (max-width: 768px) {
    #w_grid-1564038500862 > div > .p_gridbox > .p_gridCell > .reset_style:nth-child(1) span {
        font-size: 30px !important;
    }
}

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

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

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

#w_common_text-1564038535021 .p_link001 {
    height: calc(100%);
}

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

.active #w_grid-1564038505727 > div {
    animation-name: lv-fadeInRight;
    animation-duration: 1.5s;
    animation-delay: 1.3s;
    animation-fill-mode: both;
}

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

@media only screen and (max-width: 768px) {
    #w_grid-1564038505727 > div > .p_gridbox > .p_gridCell > .reset_style:nth-child(1) span {
        font-size: 22px !important;
    }
}

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

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

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

#w_common_text-1564038567354 .p_link001 {
    height: calc(100%);
}

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

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

.active #w_fline-1564042655367 > div {
    animation-name: fadeInUp;
    animation-duration: 1.5s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

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

.active #w_grid-1564038510332 > div {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 1.6s;
    animation-fill-mode: both;
}

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

@media only screen and (max-width: 768px) {
    #w_grid-1564038510332 > div > .p_gridbox > .p_gridCell > .reset_style:nth-child(1) {
        margin-bottom: 2%;
    }

    #w_grid-1564038510332 > div > .p_gridbox > .p_gridCell > .reset_style:nth-child(1) span {
        font-size: 12px !important;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }
}

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

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

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

#w_common_text-1564036383968 .p_link001 {
    height: calc(100%);
}

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

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

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

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

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

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

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

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

    .w_grid-001 > div > .p_gridbox {
        display: flex;
    }
}

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

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

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

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

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

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

#w_grid-1564041840194 > div > .p_gridbox {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #fff;
    border-radius: 8px;
}

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

.active #w_grid-1564041840194 > div {
    animation-name: fadeInLeft;
    animation-duration: 1.2s;
    animation-delay: 1.8s;
    animation-fill-mode: both;
}

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

#w_grid-1564041840194 > div > .p_gridbox > .p_gridCell > .w_fimg-000 .p_dimage {
    transition: all .5s ease;
}

#w_grid-1564041840194 > div > .p_gridbox:hover > .p_gridCell > .w_fimg-000 .p_dimage {
    transform: rotateY(180deg);
}

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

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

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

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

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

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

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

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

#w_common_text-1564041910324 .p_link001 {
    height: calc(100%);
}

#w_grid-1564042032338 > div > .p_gridbox {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #fff;
    border-radius: 8px;
}

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

.active #w_grid-1564042032338 > div {
    animation-name: fadeInLeft;
    animation-duration: 1.2s;
    animation-delay: 1.9s;
    animation-fill-mode: both;
}

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

#w_grid-1564042032338 > div > .p_gridbox > .p_gridCell > .w_fimg-000 .p_dimage {
    transition: all .5s ease;
}

#w_grid-1564042032338 > div > .p_gridbox:hover > .p_gridCell > .w_fimg-000 .p_dimage {
    transform: rotateY(180deg);
}

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

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

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

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

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

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

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

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

#w_common_text-1564042032350 .p_link001 {
    height: calc(100%);
}

#w_grid-1564042035904 > div > .p_gridbox {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #fff;
    border-radius: 8px;
}

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

.active #w_grid-1564042035904 > div {
    animation-name: fadeInLeft;
    animation-duration: 1.2s;
    animation-delay: 2.0s;
    animation-fill-mode: both;
}

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

#w_grid-1564042035904 > div > .p_gridbox > .p_gridCell > .w_fimg-000 .p_dimage {
    transition: all .5s ease;
}

#w_grid-1564042035904 > div > .p_gridbox:hover > .p_gridCell > .w_fimg-000 .p_dimage {
    transform: rotateY(180deg);
}

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

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

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

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

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

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

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

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

#w_common_text-1564042035916 .p_link001 {
    height: calc(100%);
}

#w_grid-1564042039194 > div > .p_gridbox {
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #fff;
    border-radius: 8px;
}

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

.active #w_grid-1564042039194 > div {
    animation-name: fadeInLeft;
    animation-duration: 1.2s;
    animation-delay: 2.1s;
    animation-fill-mode: both;
}

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

#w_grid-1564042039194 > div > .p_gridbox > .p_gridCell > .w_fimg-000 .p_dimage {
    transition: all .5s ease;
}

#w_grid-1564042039194 > div > .p_gridbox:hover > .p_gridCell > .w_fimg-000 .p_dimage {
    transform: rotateY(180deg);
}

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

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

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

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

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

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

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

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

#w_common_text-1564042039209 .p_link001 {
    height: calc(100%);
}

#w_fbtn-1564043894592 .p_CommonBtn {
    background-color: rgba(255, 255, 255, 0);
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
}

#w_fbtn-1564043894592 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

.active #w_fbtn-1564043894592 > div {
    animation-name: fadeInUp;
    animation-duration: 1.5s;
    animation-delay: 2.3s;
    animation-fill-mode: both;
}

#w_fbtn-1564043894592 .p_CommonBtn .font:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 15%;
    background: #fff;
    left: 0px;
    top: 20px;
    z-index: 1;
    transition: all .5s ease;
}

#w_fbtn-1564043894592 .p_CommonBtn:hover .font:after {
    width: 100%;
}

#w_fimgbox-1598263460307 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_fimgbox-1598263460307 > div {
    animation-fill-mode: both;
}

.active #w_fimgbox-1598263460307 > .w_imgbox > img {
    animation-name: scaleBigToSmall;
    animation-duration: 1.5s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
}

#w_fimgbox-1564194765275 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_fimgbox-1564194765275 > div {
    animation-fill-mode: both;
}

.active #w_fimgbox-1564194765275 > .w_imgbox > img {
    animation-name: scaleBigToSmall;
    animation-duration: 1.5s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
}

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

#w_fimgbox-1564197441303 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_fimgbox-1564197441303 > div {
    animation-fill-mode: both;
}

.active #w_fimgbox-1564197441303 > .w_imgbox > img {
    animation-name: scaleBigToSmall;
    animation-duration: 1.5s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
}

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

#w_grid-1598250682763 > div > .p_gridbox > .p_gridCell {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 93px);
}

@media only screen and (max-width: 768px) {
    #w_grid-1598250682763 > div > .p_gridbox > .p_gridCell {
        display: flex;
        flex-direction: column;
        height: calc(100vh - 70px);
    }

    #w_grid-1564041840194 > div > .p_gridbox {
        padding: 1rem 0 0.6rem;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #w_grid-1598250682763 > div > .p_gridbox > .p_gridCell {
        display: flex;
        flex-direction: column;
        height: calc(100vh - 70px);
    }
}

#w_fimgbox-1564220405058 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#w_fimgbox-1564220405058 > div {
    animation-fill-mode: both;
}

.active .w_imgbox > img {
    animation-name: scaleBigToSmall;
    animation-duration: 1.5s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
    width: 100%;
    height: 100vh!important;
    object-fit: cover;
}

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

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

#w_grid-1564220655750 > div > .p_gridbox > .p_gridCell {
    display: flex;
    align-items: center;
    height: calc(100vh - 93px);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#w_grid-1564220723533 > div > .p_gridbox > .p_gridCell > .reset_style:nth-child(1) {
    font-family: 'Oswald', sans-serif;
}

@media only screen and (max-width: 768px) {
    #w_grid-1564220723533 > div > .p_gridbox > .p_gridCell > .reset_style:nth-child(1) span {
        font-size: 30px !important;
    }
}

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

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

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

#w_common_text-1564220723552 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

.active #w_common_text-1564220723552 > div {
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
}

#w_common_text-1564220723552 .p_link001 {
    height: calc(100%);
}

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

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

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

@media only screen and (max-width: 768px) {
    #w_grid-1564220723542 > div > .p_gridbox > .p_gridCell > .reset_style:nth-child(1) span {
        font-size: 22px !important;
    }
}

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

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

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

#w_common_text-1564220723556 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

.active #w_common_text-1564220723556 > div {
    animation-name: fadeInUp;
    animation-duration: 1.2s;
    animation-delay: 1.3s;
    animation-fill-mode: both;
}

#w_common_text-1564220723556 .p_link001 {
    height: calc(100%);
}

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

@media only screen and (max-width: 768px) {
    #w_grid-1564221110292 > div > .p_gridbox > .p_gridCell > .reset_style:nth-child(1) span {
        font-size: 14px !important;
    }
}

#w_common_text-1564221122423 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

.active #w_common_text-1564221122423 > div {
    animation-name: fadeInUp;
    animation-duration: 1.5s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
}

#w_common_text-1564221122423 .p_link001 {
    height: calc(100%);
}

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

@media only screen and (max-width: 768px) {
    #w_grid-1564221180530 > div > .p_gridbox > .p_gridCell > .reset_style:nth-child(1) span {
        font-size: 14px !important;
    }
}

#w_common_text-1564221180538 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

.active #w_common_text-1564221180538 > div {
    animation-name: fadeInUp;
    animation-duration: 1.5s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
}

#w_common_text-1564221180538 .p_link001 {
    height: calc(100%);
}

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

@media only screen and (max-width: 768px) {
    #w_grid-1564221193457 > div > .p_gridbox > .p_gridCell > .reset_style:nth-child(1) span {
        font-size: 14px !important;
    }
}

#w_common_text-1564221193463 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

.active #w_common_text-1564221193463 > div {
    animation-name: fadeInUp;
    animation-duration: 1.5s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
}

#w_common_text-1564221193463 .p_link001 {
    height: calc(100%);
}

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

@media only screen and (max-width: 768px) {
    #w_grid-1564221210809 > div > .p_gridbox > .p_gridCell > .reset_style:nth-child(1) span {
        font-size: 14px !important;
    }
}

#w_common_text-1564221210817 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

.active #w_common_text-1564221210817 > div {
    animation-name: fadeInUp;
    animation-duration: 1.5s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
}

#w_common_text-1564221210817 .p_link001 {
    height: calc(100%);
}

#w_fbtn-1564220723547 .p_CommonBtn {
    background-color: rgba(255, 255, 255, 0);
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
}

#w_fbtn-1564220723547 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

.active #w_fbtn-1564220723547 > div {
    animation-name: fadeInUp;
    animation-duration: 1.5s;
    animation-delay: 1.5s;
    animation-fill-mode: both;
}

#w_fbtn-1564220723547 .p_CommonBtn .font:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 15%;
    background: #fff;
    left: 0px;
    top: 20px;
    z-index: 1;
    transition: all .5s ease;
}

#w_fbtn-1564220723547 .p_CommonBtn:hover .font:after {
    width: 100%;
}

#w_common_text-1601447535875 .p_MatteIcon .iconfont:before {
    content: '\e602';
}

.active #w_common_text-1601447535875 > div {
    animation-name: fadeInUp;
    animation-duration: 1.5s;
    animation-delay: 1.2s;
    animation-fill-mode: both;
}

#w_common_text-1601447535875 .p_link001 {
    height: calc(100%);
}

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

.active #w_fimg-1607304085341 > div {
    animation-name: zoomIn;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: both;
}

#w_sfbox-1563853434791 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: 897px;
    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_fimgbox-1564034807496 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: 100vh !important;
    max-height: none;
    min-height: 200px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_grid-1564035878345 {
    width: 94%;
    max-width: 1480px;
    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_fimg-1598270895457 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 200px;
    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-1564037124988 {
    width: 100%;
    max-width: 680px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 192px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

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

#w_common_text-1564038535021 {
    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-1564038505727 {
    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_common_text-1564038567354 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_fline-1564042655367 {
    width: 100%;
    max-width: 60px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 30px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_grid-1564038510332 {
    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_common_text-1564036383968 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 2%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5%;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_grid-1564038516242 {
    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-1564040783377 {
    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-1564041840194 {
    width: 100%;
    max-width: 110px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_fimg-1564041846485 {
    width: 100%;
    max-width: 38px;
    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_common_text-1564041910324 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

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

#w_fimg-1564042032345 {
    width: 100%;
    max-width: 38px;
    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_common_text-1564042032350 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 30px;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

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

#w_fimg-1564042035912 {
    width: 100%;
    max-width: 38px;
    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_common_text-1564042035916 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

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

#w_fimg-1564042039202 {
    width: 100%;
    max-width: 38px;
    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_common_text-1564042039209 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_fbtn-1564043894592 {
    width: 100%;
    max-width: 150px;
    min-width: 0px;
    height: 100vh !important;
    max-height: 0px;
    min-height: 42px;
    margin-top: 40px;
    margin-left: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_fimgbox-1598263460307 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: 100vh !important;
    max-height: none;
    min-height: 200px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_fimgbox-1564194765275 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: 100vh !important;
    max-height: none;
    min-height: 200px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_grid-1607157756300 {
    width: 100%;
    max-width: 1480px;
    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: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
}

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

#w_common_text-1607157791902 {
    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_fimgbox-1564197441303 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: 100vh !important;
    max-height: none;
    min-height: 200px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_grid-1598250682763 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: calc(-93px + 100%);
    max-height: none;
    min-height: 192px;
    margin-top: 90px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_fimgbox-1564220405058 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: 100vh !important;
    max-height: none;
    min-height: 200px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_grid-1564220655750 {
    width: 92%;
    max-width: 1460px;
    min-width: 0px;
    height: calc(-93px + 100%);
    max-height: none;
    min-height: 0px;
    margin-top: 93px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

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

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

#w_grid-1564220723533 {
    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_common_text-1564220723552 {
    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-1564220723542 {
    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_common_text-1564220723556 {
    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-1564221110292 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1564221122423 {
    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-1564221180530 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1564221180538 {
    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-1564221193457 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1564221193463 {
    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-1564221210809 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1564221210817 {
    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_fbtn-1564220723547 {
    width: 100%;
    max-width: 150px;
    min-width: 0px;
    height: 100%;
    max-height: 0px;
    min-height: 42px;
    margin-top: 25px;
    margin-left: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

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

#w_fimg-1607304085341 {
    width: 100%;
    max-width: 617px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 200px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.fp-tableCell {
    vertical-align: unset !important;
}

@media screen and (max-width: 768px) {
    .w_fimgbox-001 .w_imgbox > .p_contentbox {
        width: 100%;
        height: 100vh;
        position: absolute;
        top: 0px !important;
        left: 0;
        background: rgb(0, 0, 0, 0.2);
    }

    #w_sfbox-1563853434791 .ping_3 > .w_fimgbox-001:nth-child(1) > .w_imgbox > .p_contentbox {
        margin-top: 40px;
        height: calc(100% - 40px);
        z-index: 111111;
    }
}

@media (max-width: 480px) {
    .w_grid-001 > div > .p_gridbox {
        flex-wrap: wrap;
    }

    #w_grid-1564040783377 > div > .p_gridbox > .p_gridCell {
        width: 50% !important;
    }

    #w_common_text-1607157848128 {
        height: 40px;
    }
}