.htitle {
    text-align: center;
}

.htitle h1 {
    color: #222;
}

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

.c_portalResPublic_websiteShare-01001 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
    max-width: 100%;
    min-width: 320px;
    overflow: hidden;
}

.c_portalResPublic_websiteShare-01001 .row {
    margin-left: 0;
    margin-right: 0;
}

.c_portalResPublic_websiteShare-01001 .row-pad {
    padding: 20px 0 0 0;
}

.c_portalResPublic_websiteShare-01001 .iShare a {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    margin-top: 5px;
    margin-right: 10px;
    transition: 0.5s;
}

.c_portalResPublic_websiteShare-01001 .iShare img {
    width: 100%;
    height: 100%;
}

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

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

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

.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("../../../static202.yun300.cn/img/camera.png-tenantId=218052&viewType=1.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-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-000 {
    margin-left: auto;
    margin-right: auto;
    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 > 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;
    }

    #w_fline-1606871676441 {
        margin-top: 0px !important;
    }

    #w_grid-1606878560267 {
        margin-top: 20px !important;
    }

    #w_grid-1606876279863 {
        margin-top: 0px !important;
    }

    #w_grid-1606876275484 {
        margin-top: 0px !important;
    }

    #w_grid-1606876272676, #w_grid-1606886312866, #w_grid-1606887144047 {
        margin-top: 30px !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_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;
}

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

    .fa_Float {
        display: none;
    }
}

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

    .fa_Float {
        position: fixed;
        z-index: 99;
        right: 20px;
        top: 20%;
    }

    .fa_Float > a {
        display: block;
        margin-bottom: 5px;
        padding: 10px;
        background: #216d87;
        height: 75px;
        position: relative;
    }

    .fa_Float_icon {
        color: #fff;
        text-align: center;
        width: 75px;
        overflow: hidden;
        float: left;
    }

    .fa_Float_icon i {
        font-size: 30px;
    }

    .fa_Float_icon p {
        font-size: 12px;
        margin-top: 5px;
    }

    .fa_Float_info {
        font-size: 20px;
        color: #fff;
        overflow: hidden;
        line-height: 55px;
        float: left;
        position: absolute;
        right: 95px;
        background: #216d87;
        top: 0;
        bottom: 0;
        height: 75px;
        line-height: 75px;
        max-width: 0;
        white-space: nowrap;
    }

    .fa_Float > a:hover .fa_Float_info {
        max-width: 1000px;
        padding: 0 10px;
    }

    .fa_Float_img {
        position: absolute;
        width: 100px;
        left: -100px;
        bottom: 0;
        overflow: hidden;
        max-height: 0;
        opacity: 0;
    }

    .fa_Float > a:hover .fa_Float_img {
        max-height: 200px;
        opacity: 1;
    }

    .fa_Float > a .fa_Float_img img {
        width: 100%;
    }
}

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

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

.pagebox {
    width: 100%;
}

.pagebox, #-remove--flag {
}

body, #-remove--flag {
}

@media only screen and (max-width: 1200px) and (min-width: 1025px) {
}

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

@media only screen and (max-width: 1200px) and (min-width: 1025px) {
}

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

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

#c_portalResPublic_codeContainer-15954674693319413 {
    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: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

#c_portalResPublic_websiteShare-16068074278576063 .share-img {
    display: none;
}

#c_portalResPublic_websiteShare-16068074278576063 .iShare_weibo {
    background: url("../../../static202.yun300.cn/img/fen1.png-tenantId=218052&viewType=1.png") no-repeat;
}

#c_portalResPublic_websiteShare-16068074278576063 .iShare_wechat {
    background: url("../../../static202.yun300.cn/img/fen2.png-tenantId=218052&viewType=1.png") no-repeat;
}

#c_portalResPublic_websiteShare-16068074278576063 .iShare_qq {
    background: url("../../../static202.yun300.cn/img/fen33.png-tenantId=218052&viewType=1.png") no-repeat;
}

#c_portalResPublic_websiteShare-16068074278576063 .iShare_qzone {
    background: url("../../../static202.yun300.cn/img/fen4.png-tenantId=218052&viewType=1.png") no-repeat;
}

#c_portalResPublic_websiteShare-16068074278576063 .iShare_copy {
    background: url("../../../static202.yun300.cn/img/fen5.png-tenantId=218052&viewType=1.png") no-repeat;
}

#c_portalResPublic_websiteShare-16068074278576063 .iShare_weibo:hover {
    margin-top: 0px;
}

#c_portalResPublic_websiteShare-16068074278576063 .iShare_wechat:hover {
    margin-top: 0px;
}

#c_portalResPublic_websiteShare-16068074278576063 .iShare_qq:hover {
    margin-top: 0px;
}

#c_portalResPublic_websiteShare-16068074278576063 .iShare_qzone:hover {
    margin-top: 0px;
}

#c_portalResPublic_websiteShare-16068074278576063 .iShare_copy:hover {
    margin-top: 0px;
}

#c_portalResPublic_websiteShare-16068074278576063 {
    width: 100%;
    max-width: 100%;
    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;
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
}

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

#c_portalResnav_main-15844274971298183 > div {
    animation-fill-mode: both;
}

@media only screen and (min-width: 1025px) {
    #c_portalResnav_main-15844274971298183 .navLi.tplink8 {
        display: none;
    }

    #c_portalResnav_main-15844274971298183 .daohang {
        position: relative;
        z-index: 999;
        left: 0;
        top: 0;
        width: 100%;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.075);
        background: #fff;
    }

    #c_portalResnav_main-15844274971298183 .nav_fixed {
        position: fixed;
    }

    #c_portalResnav_main-15844274971298183 .tNavBox {
        width: 96%;
        height: auto;
        background: none;
        margin: 0 auto;
        display: flex;
        align-items: center;
    }

    #c_portalResnav_main-15844274971298183 .navBtn {
        display: none;
    }

    #c_portalResnav_main-15844274971298183 .navSliBtn {
        display: none;
    }

    #c_portalResnav_main-15844274971298183 .iconJt {
        display: none;
    }

    #c_portalResnav_main-15844274971298183 .navUl {
        width: 100%;
        display: flex;
        font-size: 0;
        max-width: 880px;
        margin-left: auto;
    }

    #c_portalResnav_main-15844274971298183 .navLi {
        padding: 0;
        width: 11%;
        display: inline-block;
        margin: 0 1vw;
        overflow: hidden;
    }

    #c_portalResnav_main-15844274971298183 .navLi:hover .tNavH::before {
        width: 100%;
        opacity: 1;
    }

    #c_portalResnav_main-15844274971298183 .tNavH {
        position: relative;
    }

    #c_portalResnav_main-15844274971298183 .tNavH::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        width: 0;
        height: 3px;
        background-color: #216d87;
        opacity: 0;
        transition: all .5s ease;
    }

    #c_portalResnav_main-15844274971298183 .logo1 {
        width: 300px;
        height: auto;
        float: left;
    }

    #c_portalResnav_main-15844274971298183 .tNav {
        width: calc(100% - 408px);
        margin: 0 auto;
        overflow: hidden;
        float: left;
    }

    #c_portalResnav_main-15844274971298183 .right_box {
        width: 220px;
        height: auto;
        float: left;
    }

    #c_portalResnav_main-15844274971298183 .sousuo {
        width: 24px;
        height: 24px;
        line-height: 24px;
        background: #888888;
        border-radius: 50%;
        display: block;
        text-align: center;
        float: left;
    }

    #c_portalResnav_main-15844274971298183 .sousuo:hover {
        background: #216d87;
    }

    #c_portalResnav_main-15844274971298183 .yu_box {
        position: relative;
    }

    #c_portalResnav_main-15844274971298183 .headerOL {
        display: none;
    }

    #c_portalResnav_main-15844274971298183 .anniu {
        color: #000;
        font-size: 18px;
        font-weight: bold;
        padding-left: 35px;
        background: url("../images/tel2.png") no-repeat left center;
        line-height: 24px;
    }

    #c_portalResnav_main-15844274971298183 .iconfont1 {
        width: 12px;
        height: 6px;
        background: url("../../../static202.yun300.cn/img/jian1.png-tenantId=218052&viewType=1.png") no-repeat;
        display: block;
        float: right;
        line-height: 24px;
        overflow: hidden;
        position: absolute;
        right: 13px;
        top: 11px;
    }

    #c_portalResnav_main-15844274971298183 .yu_box:hover .headerOL {
        display: block;
        cursor: pointer;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        animation: ulDH 0.2s ease both;
        -webkit-animation: ulDH 0.2s ease both;
    }

    #c_portalResnav_main-15844274971298183 .headerOL {
        box-shadow: 0 5px 15px -4px rgba(0, 0, 0, .3);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        animation: ulDH 0.2s ease both;
        -webkit-animation: ulDH 0.2s ease both;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 999;
        top: 100%;
        line-height: 2;
        background: #fff;
    }

    #c_portalResnav_main-15844274971298183 .headerOL li > a {
        display: block;
        font-size: 14px;
        color: #888;
        line-height: 2.5;
        text-align: center;
    }

    #c_portalResnav_main-15844274971298183 .headerOL li > a:hover {
        background: #eee;
        color: #216d87;
        cursor: pointer;
    }

    #c_portalResnav_main-15844274971298183 .tNav .navName {
        position: relative;
        display: block;
        padding: 0;
        line-height: 100px;
        height: 100px;
        font-size: 1rem;
        color: #000;
        text-align: center;
        font-weight: normal;
        transition: all .5s ease;
    }

    #c_portalResnav_main-15844274971298183 .tNav.active .navName {
        color: #216d87;
    }

    #c_portalResnav_main-15844274971298183 .navName::after {
        content: attr(data-title);
        position: absolute;
        top: 0;
        left: 0;
        transform: translateY(100%);
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #333;
    }

    #c_portalResnav_main-15844274971298183 .navLi:hover .navName,{
        transform: translateY(-100%);
    }

    #c_portalResnav_main-15844274971298183 .slidBox {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 0;
        min-width: 1024px;
        overflow: hidden;
        z-index: 110;
        margin: 0 auto;
        padding: 0;
        transition: all .5s ease;
        background: rgba(255, 255, 255, 0.2);
        overflow: hidden;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
    }

    #c_portalResnav_main-15844274971298183 .navLi:hover .slidBox {
        height: auto;
        padding: 40px 0px;
        background: rgba(255, 255, 255, 1);
    }

    #c_portalResnav_main-15844274971298183 .fa_clearfix {
        width: 86%;
        margin: 0 auto;
    }

    #c_portalResnav_main-15844274971298183 .leftBox {
        position: relative;
        width: 15%;
        height: auto;
        float: right;
        margin-right: 0%;
        text-align: right;
        overflow: hidden;
    }

    #c_portalResnav_main-15844274971298183 .img100 {
        width: 100%;
    }

    #c_portalResnav_main-15844274971298183 .navSbox {
        position: relative;
        float: left;
        width: 65%;
        margin-left: 0%;
        height: auto;
        overflow: hidden;
        font-size: 0;
        white-space: nowrap;
    }

    #c_portalResnav_main-15844274971298183 .navSli {
        font-size: 18px;
        margin-top: 11px;
        color: #000;
        position: relative;
        text-align: left;
        padding-top: 15px;
        margin-bottom: 35px;
    }

    #c_portalResnav_main-15844274971298183 .navSli:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 1px;
        background: #000;
        transition: all .5s ease;
        -webkit-transition: all .5s ease
    }

    #c_portalResnav_main-15844274971298183 .navSli:hover:before {
        width: 72px;
        background: #21478b;
    }

    #c_portalResnav_main-15844274971298183 .navSlink {
        display: block;
        color: #000;
        height: 30px;
        line-height: 30px;
    }

    #c_portalResnav_main-15844274971298183 .oneName {
        font-size: 26px;
        padding-bottom: 15px;
        color: #000;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #c_portalResnav_main-15844274971298183 .tNavSummry {
        line-height: 24px;
        width: 100%;
        height: auto;
        overflow: hidden;
        color: #666666;
        font-size: 14px;
        max-width: 420px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }

    #c_portalResnav_main-15844274971298183 .tNavMore {
        display: block;
        position: relative;
        height: auto;
        padding-top: 25px;
        border-top: 1px dashed #cccccc;
        margin-top: 20px;
        cursor: pointer;
    }

    #c_portalResnav_main-15844274971298183 .txt {
        color: #000;
        transition: all .5s ease;
    }

    #c_portalResnav_main-15844274971298183 .leanMore {
        margin-left: 2rem;
        transition: all .5s ease;
    }

    #c_portalResnav_main-15844274971298183 .tNavMore:hover .txt {
        color: #21478b;
        margin-left: 10px;
    }

    #c_portalResnav_main-15844274971298183 .tNavMore:hover .leanMore {
        color: #21478b;
    }

    #c_portalResnav_main-15844274971298183 .navSimg {
        position: relative;
        width: 100%;
        height: 160px;
        overflow: hidden;
    }

    #c_portalResnav_main-15844274971298183 .navImg {
        position: absolute;
        left: 50%;
        transform: translateX(-50%) scale(1);
        width: auto;
        height: 100%;
        transition: all .5s ease;
    }

    #c_portalResnav_main-15844274971298183 .navSli:hover .navImg {
        transform: translateX(-50%) scale(1.1);
    }

    #c_portalResnav_main-15844274971298183 .navSli:hover .navSlink {
        color: #21478b;
    }

    #c_portalResnav_main-15844274971298183 .navSli:hover .navSlink::after {
        width: 100%;
        opacity: 1;
    }
}

@media only screen and (max-width: 1366px) and (min-width: 1026px) {
    #c_portalResnav_main-15844274971298183 .tNav .navName {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1024px) {
    #c_portalResnav_main-15844274971298183 .daohang {
        background: #fff;
    }

    #c_portalResnav_main-15844274971298183 .leftBox {
        display: none;
    }

    #c_portalResnav_main-15844274971298183 .navSimg {
        display: none;
    }

    #c_portalResnav_main-15844274971298183 .logo1 {
        width: 160px;
        height: auto;
        float: left;
    }

    #c_portalResnav_main-15844274971298183 .logo_img {

    }

    #c_portalResnav_main-15844274971298183 .right_box {
        width: 220px;
        height: auto;
        float: right;
        margin-top: 31px;
    }

    #c_portalResnav_main-15844274971298183 .sousuo {
        width: 24px;
        height: 24px;
        line-height: 24px;
        background: #888888;
        border-radius: 50%;
        display: block;
        text-align: center;
        float: left;
    }

    #c_portalResnav_main-15844274971298183 .sousuo:hover {
        background: #216d87;
    }

    #c_portalResnav_main-15844274971298183 .yu_box {
        position: relative;
    }

    #c_portalResnav_main-15844274971298183 .headerOL {
        display: none;
    }

    #c_portalResnav_main-15844274971298183 .anniu {
        color: #000;
        font-size: 16px;
        padding-left: 35px;
        background: url("../../../static202.yun300.cn/img/yuyan1.png-tenantId=218052&viewType=1.png") no-repeat left center;
        line-height: 24px;
    }

    #c_portalResnav_main-15844274971298183 .iconfont1 {
        width: 12px;
        height: 6px;
        background: url("../../../static202.yun300.cn/img/jian1.png-tenantId=218052&viewType=1.png") no-repeat;
        display: block;
        float: right;
        line-height: 24px;
        overflow: hidden;
        position: absolute;
        right: 13px;
        top: 11px;
    }

    #c_portalResnav_main-15844274971298183 .yu_box:hover .headerOL {
        display: block;
        cursor: pointer;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        animation: ulDH 0.2s ease both;
        -webkit-animation: ulDH 0.2s ease both;
    }

    #c_portalResnav_main-15844274971298183 .headerOL {
        box-shadow: 0 5px 15px -4px rgba(0, 0, 0, .3);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        animation: ulDH 0.2s ease both;
        -webkit-animation: ulDH 0.2s ease both;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 999;
        top: 100%;
        line-height: 2;
        background: #fff;
    }

    #c_portalResnav_main-15844274971298183 .headerOL li > a {
        display: block;
        font-size: 14px;
        color: #888;
        line-height: 2.5;
        text-align: center;
    }

    #c_portalResnav_main-15844274971298183 .headerOL li > a:hover {
        background: #eee;
        color: #216d87;
        cursor: pointer;
    }

    #c_portalResnav_main-15844274971298183 .tNavBox {
        position: relative;
        height: auto;
        background: none;
        width: 96%;
        margin: 0 auto;
        min-height: 86px;
    }

    #c_portalResnav_main-15844274971298183 .navBtn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 250px;
        background: #216d87;
        width: 44px;
        height: 44px;
        padding: 5px;
        line-height: 44px;
        display: flex;
        align-items: center;
    }

    #c_portalResnav_main-15844274971298183 .navLine {
        width: 44px;
        height: auto;
        overflow: hidden;
    }

    #c_portalResnav_main-15844274971298183 .navBtnImg {
        display: block;
        width: 100%;
        height: auto;
    }

    #c_portalResnav_main-15844274971298183 .tNav {
        position: fixed;
        top: 85px;
        left: 0;
        right: 0;
        height: 0;
        overflow: hidden;
        z-index: 999;
        background: #f4f4f4;
        transition: all .5s ease;
    }

    #c_portalResnav_main-15844274971298183 .tNavHeight {
        height: 100%;
    }

    #c_portalResnav_main-15844274971298183 .slidBox {
        display: none;
        background: #e0e0e0;
    }

    #c_portalResnav_main-15844274971298183 .navUl {
        background: #f4f4f4;
        overflow: hidden;
    }

    #c_portalResnav_main-15844274971298183 .navLi {
        border-bottom: 1px solid #394b58;
        position: relative;
    }

    #c_portalResnav_main-15844274971298183 .tNavH {
        position: relative;
        height: 46px;
        line-height: 46px;
        padding: 0 8%;
        font-size: 14px;
        font-weight: bold;
        transition: all .5s ease;
    }

    #c_portalResnav_main-15844274971298183 .tNavHBac {
        background-color: #216d87;
    }

    #c_portalResnav_main-15844274971298183 .navName {
        display: block;
        width: 100%;
        height: 100%;
        color: #666;
    }

    #c_portalResnav_main-15844274971298183 .iconJt {
        background: url("../images/jt03.png") no-repeat center;
        position: absolute;
        top: 0;
        right: 2%;
        display: flex;
        width: 46px;
        height: 46px;
        justify-content: center;
        align-items: center;
        color: #666;
        font-size: 0.875rem;
        transition: all .5s ease;
    }

    #c_portalResnav_main-15844274971298183 .iconJtRotate {
        background: url("../images/jt03_on.png") no-repeat center;
        transform: rotate(-180deg);
        color: #fff;
    }

    #c_portalResnav_main-15844274971298183 .navSliBtn {
        height: 40px;
        width: 100%;
        text-align: center;
    }

    #c_portalResnav_main-15844274971298183 .hs {
        height: 100%;
    }

    #c_portalResnav_main-15844274971298183 .navSbox {
        padding-bottom: 30px;
    }

    #c_portalResnav_main-15844274971298183 .navSli {
        padding-left: 8%;
        font-size: 0.875rem;
        height: 38px;
        line-height: 38px;
    }

    #c_portalResnav_main-15844274971298183 .navSlink {
        display: block;
        width: 100%;
        height: 100%;
        color: #fff;
    }

    #c_portalResnav_main-15844274971298183 .navLi.tplink8 {
        border-bottom: none;
    }

    #c_portalResnav_main-15844274971298183 .navLi.tplink8 .slidBox {
        display: block !important;
    }

    #c_portalResnav_main-15844274971298183 .navLi.tplink8 .tNavH {
        display: none;
    }

    #c_portalResnav_main-15844274971298183 .navLi.tplink8 .navSbox {
        padding-top: 30px;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    #c_portalResnav_main-15844274971298183 .navLi.tplink8 .navSli {
        padding-left: 0;
        border: 1px solid rgba(255, 255, 255, .2);
        width: 38px;
        text-align: center;
        margin: 0 2vw;
    }

    #c_portalResnav_main-15844274971298183 .tNavHBac .navName {
        color: #fff;
    }
}

#c_portalResnav_main-15844274971298183 .tplink7 {
    display: none;
}

@media only screen and (max-width: 768px) {
    #c_portalResnav_main-15844274971298183 .right_box {
        display: none;
    }

    #c_portalResnav_main-15844274971298183 .navBtn {
        right: 0%;
    }

    #c_portalResnav_main-15844274971298183 .tplink7 {
        display: block;
    }
}

#c_portalResnav_main-15844274971298183 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 100%;
    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-1564363016511 > div > .p_gridbox > .p_gridCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

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

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

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

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

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

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

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

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

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

#w_grid-1606799913337 a:hover {
    color: #216d87 !important;
}

#w_grid-1606799913337 a:hover span {
    color: #216d87 !important;
}

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

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

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

@media only screen and (max-width: 768px) {
    #w_grid-1606807348846 > div > .p_gridbox > .p_gridCell:nth-child(3n+0) {
        display: none;
    }

    #w_grid-1606807348846 > div > .p_gridbox > .p_gridCell {
        margin-bottom: 20px;
    }
}

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


}

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

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

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

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

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

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

@media only screen and (max-width: 768px) {
    #w_grid-1606807382495 .c_portalResPublic_websiteShare-01001 {
        display: none;
    }
}

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

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

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

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

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

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

@media only screen and (max-width: 768px) {
    #w_grid-1606807502707 > div > .p_gridbox > .p_gridCell:nth-child(4n+0) {
        width: 100%;
        margin-left: 0%;
        margin-right: 0;
        clear: none;
    }

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

    #w_grid-1606807502707 > div > .p_gridbox > .p_gridCell:nth-child(4n+2) {
        width: 19.487299999999998%;
        margin-left: 1%;
        margin-right: 0;
        clear: none;
        display: none;
    }

    #w_grid-1606807502707 > div > .p_gridbox > .p_gridCell:nth-child(4n+3) {
        width: 19.1187%;
        margin-left: 1%;
        margin-right: 0;
        clear: none;
        display: none;
    }
}

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

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

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

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

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

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

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

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

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

#w_fline-1606871187558 .p_FLine {
    border-top-color: rgba(255, 255, 255, 0.5);
    border-top-width: 2px;
}

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

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

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

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

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

#w_fline-1606871476893 .p_FLine {
    border-top-color: rgba(255, 255, 255, 0.5);
    border-top-width: 2px;
}

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

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

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

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

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

#w_fline-1606871479723 .p_FLine {
    border-top-color: rgba(255, 255, 255, 0.5);
    border-top-width: 2px;
}

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

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

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

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

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

#w_fline-1606871483491 .p_FLine {
    border-top-color: rgba(255, 255, 255, 0.5);
    border-top-width: 2px;
}

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

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

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

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

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

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

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

#w_fline-1606871676441 .p_FLine {
    border-top-color: rgba(255, 255, 255, 0.14);
}

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

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

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

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

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

#w_grid-1564363016511 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 631px;
    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-1606799913337 {
    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-1606807348846 {
    width: 94%;
    max-width: 1300px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

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

#w_fimg-1606807384437 {
    width: 100%;
    max-width: 181px;
    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-1606807502707 {
    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-1606871182758 {
    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-1606871184340 {
    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-1606871187558 {
    width: 100%;
    max-width: 33px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 20px;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1606871192410 {
    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-1606871476885 {
    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-1606871476890 {
    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-1606871476893 {
    width: 100%;
    max-width: 33px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 20px;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1606871476896 {
    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-1606871479716 {
    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-1606871479720 {
    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-1606871479723 {
    width: 100%;
    max-width: 33px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 20px;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1606871479726 {
    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-1606871483484 {
    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-1606871483489 {
    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-1606871483491 {
    width: 100%;
    max-width: 33px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 20px;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1606871483494 {
    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-1606871587237 {
    width: 100%;
    max-width: 150px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    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_fimg-1606871589914 {
    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: 10px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1606871593744 {
    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-1606871676441 {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 20px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_grid-1606871680441 {
    width: 94%;
    max-width: 1400px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 8px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1606871744954 {
    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;
}

.bottom{
    background: #333;
    padding: 30px 0 15px;
}
.bottom_wrap{
    width: 94%;
    max-width: 1300px;
    margin: 0 auto;

}
.bottom .left{
    width: 70%;
    float: left;
    margin-top: 30px;
    color: #fff;


}
.bottom .left .title{
    float: left;
    width: 250px;
}
.bottom .left .title p{
    font-size: 26px;
    margin-top: 10px;
}
.bottom .left .text{
    line-height: 30px;
    margin-top: 20px;
}
.bottom .left .text span{
    display: inline-block;
    margin-right: 15px;
}
.bottom .right{
    width: 30%;
    max-width: 120px;
    float: right;
    text-align: center;
}
.bottom .right p{
    color: #fff;
    margin-top: 10px;
    font-size: 16px;
}
.flink{
    color: #ccc;
    border-top:1px solid #555;
    padding-top: 15px;
    margin-top: 15px;
}
.flink a{
    color: #ccc;
    display: inline-block;margin: 0 5px;
}
.bottom_zw{
    height: 50px;
    width: 100%;
    display: none;
}
.bottom_fixed{
    display: none;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #333;
    font-size: 20px;
    position: fixed;
    bottom: 0;
}
.bottom_fixed a{
    color: #fff;
}
.bottom_fixed img{
    vertical-align: middle;
    margin-top: -3px;
}
#c_portalResnav_main-15844274971298183 .nav_fixed {
    position: fixed;
    z-index: 11;
    width: 100%;
}
@media (max-width: 768px) {
    .bottom_fixed,.bottom_zw{
        display: block;
    }
}
@media (max-width: 480px){
    #c_portalResnav_main-15844274971298183 .tNavBox{
        min-height: 50px;
    }
    #c_portalResnav_main-15844274971298183 .logo_img{
        height: 40px;
        margin-top:5px;
    }
    #c_portalResnav_main-15844274971298183 .navLine{
        width: 40px;
    }
    #c_portalResnav_main-15844274971298183 .navBtn{
        width: 40px;
        height: 40px;
    }
    #c_portalResnav_main-15844274971298183 .tNav{
        top: 50px;
    }
    .bottom{
        display: none;
    }
    .htitle h1{
        font-size: 24px;
        font-weight: bold;
    }
    .productlist li{
        width: 48.5%;
        margin-right: 3%;
    }
    .productlist li:nth-child(2n){
        margin-right: 0;
    }
}