html,body {
    margin: 0;
    padding: 0;
}

.pagebox {
    position: relative;
}

h6 span {
	font-family: "Microsoft Yahei", PingFangSC-Regular, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    letter-spacing: 2px!important;
    display: inline-block;
    font-family: 'robotothin';
    background: linear-gradient(to top, #0165ce, #0132bb);
    -webkit-background-clip: text;
    color: transparent;
    width: 100%;
}

h5 span {
    letter-spacing: 2px!important;
    color: #111;
}

a {
    text-decoration: none;
}

a:hover,a:active {
    text-decoration: none;
}

a:focus {
    text-decoration: none;
}

::placeholder {
    font-size: 14px !important;
    color: #999 !important;
}

@media only screen and (min-width: 769px) {
    .p_page .pre {
        display: inline-table;
        position: relative;
        left: 0;
        top: 0;
        float: left;
        height: 38px;
        margin: 0 5px 0 18px;
        text-align: center;
        padding: 0 10px;
        border-radius: 0px;
        border: 1px solid #ededed;
        background: #ededed;
        color: #333333;
    }

    .p_page .pre:active {
        background: #1f2d49;
        border-color: #1f2d49;
        color: #fff;
    }

    .p_page .pre:hover {
        color: #fff;
        background: #1f2d49;
        border-color: #1f2d49;
        cursor: pointer;
    }

    .p_page .next {
        display: inline-table;
        position: relative;
        left: 0;
        top: 0;
        float: left;
        height: 38px;
        border: 1px solid #ededed;
        background: #ededed;
        color: #333;
        text-align: center;
        padding: 0 10px;
        border-radius: 0px;
    }

    .p_page .next:active {
        background: #1f2d49;
        border-color: #1f2d49;
        color: #fff;
    }

    .p_page .next:hover {
        background: #1f2d49;
        border-color: #1f2d49;
        color: #fff;
        cursor: pointer;
    }

    .p_page .pageNum {
        position: relative;
        float: left;
        height: 38px;
        min-width: 38px;
        margin: 0 5px 0 0;
        padding: 0 5px;
        background-size: 100% 100%;
        color: #333;
        border: 1px solid #ededed;
        cursor: pointer;
        line-height: 38px;
        display: inline-block;
        font-family: inherit;
        font-size: 14px;
        font-weight: inherit;
        text-decoration: none;
        background-color: #ededed;
        text-align: center;
        border-radius: 0px;
    }

    .p_page .pageNum:active {
        color: #fff;
        text-decoration: none;
        background-color: #1f2d49;
        border-color: #1f2d49;
    }

    .p_page .pageNum:hover {
        color: #fff;
        border-color: #1f2d49;
        cursor: pointer;
        text-decoration: none;
        background-color: #1f2d49;
    }

    .p_page .pageNum.active {
        text-decoration: none;
        background-color: #1f2d49;
        color: #fff;
        border-color: #1f2d49;
    }
}

@media screen and (max-width: 768px) {
    .p_pagebox .NumBox {
        display: none !important;
    }

    .p_pagebox {
        width: 100%;
        text-align: center;
    }

    .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active {
        background: #f5f5f5 !important;
        border-color: #d9d9d9 !important;
        color: #bfbfbf !important;
        cursor: default;
    }

    .p_pagebox .js_pageBtnDisable .iconfont {
        color: #ddd !important;
    }

    .p_pagebox .js_pageBtnDisable:hover .iconfont {
        color: #bfbfbf !important;
    }

    .p_pagebox .pre {
        width: 48%;
        margin-right: 2%;
        background-color: #1f2d49;
        transform: scale(0.9);
    }

    .p_pagebox .pre:hover {
        color: rgba(255, 255, 255, 1);
        border-color: #1f2d49;
        background-color: #1f2d49;
        cursor: pointer;
    }

    .p_pagebox .pre:active {
        background-color: #1f2d49;
    }

    .p_pagebox .next {
        transform: scale(0.9);
        width: 48%;
        margin-left: 2%;
        background-color: #1f2d49;
    }

    .p_pagebox .next:hover {
        background-color: #1f2d49;
    }

    .p_pagebox .next:active {
        background-color: #1f2d49;
    }
}

::-webkit-scrollbar {
    width: 9px;
    background-color: #fff;
}

::-webkit-scrollbar-thumb {
    border: solid 2px #fff;
    width: 5px;
    border-radius: 4px;
    background-color: #383f4b;
}

::-webkit-scrollbar-corner {
    background-color: #fff;
}

::-webkit-scrollbar:horizontal {
    height: 9px;
}

::-webkit-selection {
    background: #3355a9;
    color: #fff;
}

::-moz-selection {
    background: #3355a9;
    color: #fff;
}

::selection {
    background: #3355a9;
    color: #fff;
}

@keyframes circleProgressLoad_right {
    0% {
        transform: rotate(45deg);
    }

    50%, 100% {
        transform: rotate(225deg);
    }
}

@keyframes circleProgressLoad_left {
    0%, 50% {
        transform: rotate(45deg);
    }

    100% {
        transform: rotate(225deg);
    }
}

@-webkit-keyframes to100vh {
    0% {
        width: 0
    }

    100% {
        width: 100vw
    }
}

@keyframes to100vh {
    0% {
        width: 0
    }

    100% {
        width: 100vw
    }
}

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

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

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

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

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

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

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

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

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

.c_portalResNews_list-contents .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-contents .p_moreBtn .font {
    white-space: nowrap;
    overflow: visible;
    vertical-align: middle
}

.c_portalResNews_list-contents .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-contents .p_loading {
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
}

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

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

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

.c_portalResNews_list-contents .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-contents .p_ToDetail:hover {
    cursor: pointer
}

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

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

.c_portalResNews_list-contents .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-contents .p_assist {
    margin: 0;
    width: 236px;
    height: 317px;
    padding: 0;
    overflow: hidden
}

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

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

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

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

.c_portalResNews_list-contents .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-contents .p_articles {
    margin: 0;
    width: calc((100% - 0px)/4);
    height: 186px;
    padding: 0;
}

.c_portalResNews_list-contents .p_news {
    margin: 0;
    width: 100%;
    height: auto;
    padding: 0;
    overflow: hidden;
}

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

.c_portalResNews_list-contents {
    overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .c_portalResNews_list-contents .p_articles {
        border: none
    }
}

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

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

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

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

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

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

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

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

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

.c_portalResNews_list-contents .con_title {
    font-size: 30px;
    font-weight: bold;
    color: #000;
    line-height: 1.6;
    margin: 20px 0;
}

.c_portalResNews_list-contents .con_title span {
    font-size: 20px;
    color: #666;
}

.c_portalResNews_list-contents .con_title p {
    font-size: 16px;
    color: #666;
}


.c_portalResNews_list-contents .newListBox {
    padding: 0px;
    overflow: hidden;
    background: none;
}

.c_portalResNews_list-contents .container {
    padding: 0px;
    width: 100%;
}

.c_portalResNews_list-contents .newList1 {
    margin: 0px;
    margin-bottom: 20px;
}

.c_portalResNews_list-contents .newList {
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    padding: 31px 50px;
	border: 1px solid #cccccc;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}

.c_portalResNews_list-contents .newPicBox img {
    height: 350px;
    width: 100%;
    object-fit: cover;
    filter: saturate(1);
    -webkit-filter: saturate(1);
}

.c_portalResNews_list-contents .content {
    margin-bottom: 8px;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
    padding: 25px 25px;
    background: #0165ce;
    background-size: cover;

}
.c_portalResNews_list-contents .newTitle1 {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    display: block;
    transition: none;
    margin: 5px 0;
    line-height: 1.8;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.c_portalResNews_list-contents .newMs {
    font-size: 15px;
    line-height: 1.8;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    color: #ddd;
    transition: all .5s ease 0s;
}

.c_portalResNews_list-contents .news1_date {
    font-size: 16px;
    color: #999999;
    transition: all .5s ease 0s;
}
.c_portalResNews_list-contents .newList .newTitle1 {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    display: block;
    transition: none;
    margin: 5px 0;
    line-height: 1.8;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.c_portalResNews_list-contents .newList .newMs {
    font-size: 15px;
    line-height: 1.8;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    color: #555;
    transition: all .5s ease 0s;
}

.c_portalResNews_list-contents .newList .news1_date {
    font-size: 16px;
    color: #ccc;
    transition: all .5s ease 0s;
}

.c_portalResNews_list-contents .newTitle {
    display: block;
    width: 100%;
    font-size: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.c_portalResNews_list-contents .newYear {
    position: absolute;
    top: 0px;
    right: 0px;
}

.c_portalResNews_list-contents .list-icon {
    position: absolute;
    left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    font-size: 12px;
    color: gray;
}

.c_portalResNews_list-contents .news1_con:hover .content {
    padding-left: 50px;
    padding-right: 50px;
    background: #666;
    background-size: cover;
}

.c_portalResNews_list-contents .news1_con:hover .news1_date {
    color: #fff;
}

.c_portalResNews_list-contents .news1_con:hover .newTitle1 {
    color: #fff;
}

.c_portalResNews_list-contents .news1_con:hover .newMs {
    color: #fff;
}



.c_portalResNews_list-contents .newList:hover {
    border: 1px solid #0165ce;
	background: #dff3ff;
}

.c_portalResNews_list-contents .newList:hover .news1_date {
}

.c_portalResNews_list-contents .newList:hover .newTitle1 {
    color: #0132bb;
}

.c_portalResNews_list-contents .newList:hover .newMs {
}



@media only screen and (min-width: 769px) {
    .c_portalResNews_list-contents .newList1 {
        width:50%;
        float: left;
    }

    .c_portalResNews_list-contents .news1_con {
        padding-right: 60px;
    }
}

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


    .c_portalResNews_list-contents .newPicBox img {
        height: 150px;
    }

    .c_portalResNews_list-contents .content {
        margin-bottom: 15px;
    }

    .c_portalResNews_list-contents .con_title {
        font-size: 20px;
        margin: 0px 0 20px;
    }

    .c_portalResNews_list-contents .newTitle1,.c_portalResNews_list-contents .newList .newTitle1 {
        font-size: 15px;
    }

    .c_portalResNews_list-contents .newMs {
        font-size: 13px;
    }


    .c_portalResNews_list-contents .news1_date {
        font-size: 12px;
    }

    .c_portalResNews_list-contents .content:hover {
        padding-left: 20px;
        padding-right: 25px;
    }

    .c_portalResNews_list-contents .newList {
        padding: 15px 20px;
    }
}

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

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

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

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

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

@media only screen and (max-width: 768px) {
    .c_portalResSearch_total-02001 {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        display: block;
        font-size: 0;
        padding: 0 10px;
    }

    .c_portalResSearch_total-02001 .p_contentBox {
        width: 100%;
        height: auto;
        overflow: visible;
        padding: 0;
        margin: 0;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: transparent;
        position: relative;
    }

    .c_portalResSearch_total-02001 .p_headbox {
        position: absolute;
        width: 100%;
        height: auto;
        border: 1px solid rgba(240, 240, 240, 1);
        border-radius: 5px;
        padding: 10px 0px;
        display: none;
        background: #fff;
        border-radius: 0;
        z-index: 999;
    }

    .c_portalResSearch_total-02001 .p_searchBox {
        width: 55%;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        overflow: visible;
        padding: 0;
        margin: 0;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: transparent;
        position: relative;
    }

    .c_portalResSearch_total-02001 .p_searchBox .p_input {
        width: 100%;
        display: inline-block;
        height: 50px;
        vertical-align: middle;
        color: inherit;
        position: relative;
        font-size: 24px;
    }

    .c_portalResSearch_total-02001 .p_searchBox .p_input .forward {
        display: none;
    }

    .c_portalResSearch_total-02001 .p_searchBox .p_input .forward:before {
        content: "\e6d5";
        color: #797979;
    }

    .c_portalResSearch_total-02001 .p_searchBtn {
        width: 20%;
        height: 50px;
        display: inline-block;
        vertical-align: middle;
        font-size: 24px;
        color: #777;
        border-width: 0;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        text-align: center;
        padding-top: 0;
        position: inherit;
        margin: 0;
        cursor: pointer;
        font-family: inherit;
        font-weight: inherit;
        text-decoration: none;
        background-size: 100% 100%;
    }

    .c_portalResSearch_total-02001 .p_searchBtn:hover {
        box-shadow: none;
        cursor: pointer;
    }

    .c_portalResSearch_total-02001 .p_searchBtn .iconfont {
        margin-right: 5px;
    }

    .c_portalResSearch_total-02001 .p_searchBtn .font {
        display: inline-table;
        vertical-align: middle;
        bottom: 0;
        height: inherit;
        color: inherit;
        font-family: inherit;
        font-weight: inherit;
        font-size: inherit;
        text-decoration: none;
        position: relative;
        line-height: 50px;
    }

    .c_portalResSearch_total-02001 .p_input input, .c_search_total-02001 .p_input .InputText {
        display: inline-block;
        height: 100%;
        width: inherit;
        line-height: inherit;
        padding-left: 5px;
        padding-right: 32px;
        border: none;
    }

    .c_portalResSearch_total-02001 .p_select {
        height: auto;
        font-size: 0;
        display: inline-block;
        width: 25%;
        vertical-align: middle;
        float: left;
    }

    .c_portalResSearch_total-02001 .p_select input {
        width: inherit;
        height: 50px;
        border: none;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 24px;
        position: absolute;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .c_portalResSearch_total-02001 .p_select .shape {
        display: inline-block;
        width: 25px;
        height: 50px;
        position: static!important;
        line-height: 50px;
        text-align: center;
        border-left: none;
        font-size: 12px;
        color: rgba(200, 200, 200, 1);
        float: right;
        top: 0!important;
        transform: translateY(0%);
        margin-right: 10px;
    }

    .c_portalResSearch_total-02001 .p_select .shape:before {
        content: "\e69c";
        font-size: 24px;
    }

    .c_portalResSearch_total-02001 .p_select .itembox {
        height: auto;
        width: 100%;
        position: absolute;
        top: 80px;
        left: 0px;
        border: 1px solid rgba(240, 240, 240, 1);
        z-index: 99;
        background-color: #fff;
        font-size: 0;
        border-radius: 5px;
    }

    .c_portalResSearch_total-02001 .p_select li {
        width: calc(100% / 4);
        height: auto;
        display: inline-block;
        margin: 20px 0;
        text-align: center;
        font-size: 22px;
        border-left: 1px solid #ccc;
    }

    .c_portalResSearch_total-02001 .p_select li:nth-child(1) {
        border-left: none
    }

    .c_portalResSearch_total-02001 .p_select li:nth-child(5) {
        border-left: none
    }

    .c_portalResSearch_total-02001 .p_select li i img {
        display: none;
    }

    input::-webkit-input-placeholder {
        font-size: 24px;
        line-height: 50px;
        color: #777;
    }

    .c_portalResSearch_total-02001 .p_searchBtnBox {
        display: block;
        width: 250px;
        height: auto;
        padding: 10px 10px;
        background-color: #1890FF;
        border-radius: 5px;
        margin-bottom: 30px;
        margin: 0 10px 30px 10px;
    }

    .c_portalResSearch_total-02001 .p_searchBtnA {
        width: 100%;
        height: auto;
        padding: 10px 10px;
        font-size: 24px;
        color: #fff;
        text-align: center;
    }

    .c_portalResSearch_total-02001 .p_headbox.active:before {
        width: 0px;
        height: 0px;
        position: absolute;
        top: -40px;
        left: 41px;
        padding: 0;
        border-bottom: 20px solid #FFFFFF;
        border-top: 20px solid transparent;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        display: block;
        content: "";
        z-index: 12;
    }

    .c_portalResSearch_total-02001 .p_headbox.active:after {
        width: 0px;
        height: 0px;
        position: absolute;
        top: -41px;
        left: 41px;
        padding: 0;
        border-bottom: 20px solid #efe7e7;
        border-top: 20px solid transparent;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        display: block;
        content: "";
        z-index: 10;
    }

    .c_portalResSearch_total-02001 .p_input .iconfont.last {
        position: absolute;
        color: #afafaf;
        top: 16px;
        right: 5px;
        font-size: 20px;
        cursor: pointer;
    }

    .c_portalResSearch_total-02001 .p_input .iconfont.last:before {
        content: "\e640";
    }

    .c_portalResSearch_total-02001 .p_searchBtnA:hover {
        box-shadow: none;
    }

    .c_portalResSearch_total-02001 .p_searchBtnA .iconfont:before {
        content: "\e661";
        font-size: 30px;
        vertical-align: middle;
        margin-right: 10px;
    }
}

@media only screen and (min-width: 769px) {
    .c_portalResSearch_total-02001 {
        margin-left: auto;
        margin-right: auto;
        max-width: 1180px;
        min-height: auto;
        width: auto;
        display: inline-block;
        font-size: 0;
    }

    .c_portalResSearch_total-02001 .p_contentBox {
        width: 100%;
        height: auto;
        overflow: visible;
        white-space: nowrap;
        padding: 0;
        margin: 0;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: transparent;
        position: relative;
    }

    .c_portalResSearch_total-02001 .p_headbox {
        width: 100%;
        height: auto;
    }

    .c_portalResSearch_total-02001 .p_searchBox {
        width: auto;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        overflow: visible;
        padding: 0;
        margin: 0;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: transparent;
        position: relative;
    }

    .c_portalResSearch_total-02001 .p_searchBox .p_input {
        width: 220px;
        display: inline-block;
        height: 40px;
        vertical-align: middle;
        color: inherit;
        position: relative;
        font-size: 14px;
    }

    .c_portalResSearch_total-02001 .p_searchBox .p_input .last {
        display: none;
    }

    .c_portalResSearch_total-02001 .p_searchBox .p_input .forward {
        position: absolute;
        left: 5px;
        top: 50%;
        transform: translateY(-50%);
        height: auto;
        font-size: 15px;
    }

    .c_portalResSearch_total-02001 .p_searchBox .p_input .forward:before {
        content: "\e661";
        color: #a9a9a9;
    }

    .c_portalResSearch_total-02001 .p_searchBtn {
        width: auto;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        color: rgba(255,255,255,1);
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: #1890FF;
        text-align: center;
        padding-top: 0;
        padding-right: 20px;
        padding-left: 20px;
        position: inherit;
        margin: 0;
        padding: 0 20px;
        cursor: pointer;
        font-family: inherit;
        font-weight: inherit;
        text-decoration: none;
        background-size: 100% 100%;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .c_portalResSearch_total-02001 .p_searchBtn .font {
        display: table-cell;
        vertical-align: middle;
        bottom: 0;
        height: inherit;
        color: inherit;
        font-family: inherit;
        font-weight: inherit;
        font-size: inherit;
        text-decoration: none;
        position: relative;
        text-align: center;
    }

    .c_portalResSearch_total-02001 .p_input input, .c_search_total-02001 .p_input .InputText {
        display: inline-block;
        height: 100%;
        width: inherit;
        line-height: inherit;
        border-width: 1px;
        border-style: solid;
        border-color: #f0f0f0;
        padding-left: 25px;
        padding-right: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .c_portalResSearch_total-02001 .p_select {
        height: auto;
        position: relative;
        font-size: 0;
        display: inline-block;
        width: auto;
        vertical-align: middle;
        margin-left: -1px;
    }

    .c_portalResSearch_total-02001 .p_select input {
        width: 75px;
        height: 40px;
        border: 1px solid rgba(240, 240, 240, 1);
        line-height: 30px;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 12px;
        padding: 0 10px;
    }

    .c_portalResSearch_total-02001 .p_select input:hover {
        background-color: rgb(240, 248, 250);
        color: rgb(100, 190, 186);
    }

    .c_portalResSearch_total-02001 .p_select input:hover + .shape {
        background-color: rgb(240, 248, 250);
    }

    .c_portalResSearch_total-02001 .p_select .shape {
        display: inline-block;
        width: 30px;
        height: 40px;
        position: absolute;
        right: 0;
        line-height: 40px;
        text-align: center;
        border: 1px solid rgba(240, 240, 240, 1);
        border-left: none;
        font-size: 12px;
        color: rgba(200, 200, 200, 1);
    }

    .c_portalResSearch_total-02001 .p_select .shape:before {
        content: "\e6c9";
    }

    .c_portalResSearch_total-02001 .p_select .shape:hover {
        color: #65beba;
    }

    .c_portalResSearch_total-02001 .p_select .itembox {
        height: auto;
        width: 100%;
        position: absolute;
        top: 40px;
        left: 0px;
        border: 1px solid rgba(240, 240, 240, 1);
        border-top: 0;
        overflow-y: auto;
        z-index: 99;
        background-color: #fff;
        font-size: 12px;
        max-height: 180px;
    }

    .c_portalResSearch_total-02001 .p_select li {
        width: auto;
        height: 40px;
        line-height: 40px;
        display: block;
        text-align: center;
    }

    .c_portalResSearch_total-02001 .p_select li:hover {
        background-color: rgb(240, 248, 250);
        color: rgb(100, 190, 186);
    }

    .c_portalResSearch_total-02001 .p_select li i img {
        display: none;
    }

    .c_portalResSearch_total-02001 .p_searchBtnBox {
        display: none;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .c_portalResSearch_total-02001 {
        margin-left: auto;
        margin-right: auto;
        max-width: 1180px;
        min-height: 192px;
        width: auto;
        display: inline-block;
        font-size: 0;
    }

    .c_portalResSearch_total-02001 .p_contentBox {
        width: 100%;
        height: auto;
        overflow: visible;
        white-space: nowrap;
        padding: 0;
        margin: 0;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: transparent;
        position: relative;
    }

    .c_portalResSearch_total-02001 .p_headbox {
        width: 100%;
        height: auto;
    }

    .c_portalResSearch_total-02001 .p_searchBox {
        width: auto;
        height: auto;
        display: inline-block;
        vertical-align: middle;
        overflow: visible;
        padding: 0;
        margin: 0;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: transparent;
        position: relative;
    }

    .c_portalResSearch_total-02001 .p_searchBox .p_input {
        width: 220px;
        display: inline-block;
        height: 40px;
        vertical-align: middle;
        color: inherit;
        position: relative;
        font-size: 14px;
    }

    .c_portalResSearch_total-02001 .p_searchBox .p_input .last {
        display: none;
    }

    .c_portalResSearch_total-02001 .p_searchBox .p_input .forward {
        position: absolute;
        left: 5px;
        top: 50%;
        transform: translateY(-50%);
        height: auto;
        font-size: 15px;
    }

    .c_portalResSearch_total-02001 .p_searchBox .p_input .forward:before {
        content: "\e661";
        color: #a9a9a9;
    }

    .c_portalResSearch_total-02001 .p_searchBtn {
        width: auto;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        color: rgba(255,255,255,1);
        border-width: 1px;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: #1890FF;
        text-align: center;
        padding-top: 0;
        padding-right: 20px;
        padding-left: 20px;
        position: inherit;
        margin: 0;
        padding: 0 20px;
        cursor: pointer;
        font-family: inherit;
        font-weight: inherit;
        text-decoration: none;
        background-size: 100% 100%;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .c_portalResSearch_total-02001 .p_searchBtn .font {
        display: table-cell;
        vertical-align: middle;
        bottom: 0;
        height: inherit;
        color: inherit;
        font-family: inherit;
        font-weight: inherit;
        font-size: inherit;
        text-decoration: none;
        position: relative;
        text-align: center;
    }

    .c_portalResSearch_total-02001 .p_input input, .c_search_total-02001 .p_input .InputText {
        display: inline-block;
        height: 100%;
        width: inherit;
        line-height: inherit;
        border-width: 1px;
        border-style: solid;
        border-color: #f0f0f0;
        padding-left: 25px;
        padding-right: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .c_portalResSearch_total-02001 .p_select {
        height: auto;
        position: relative;
        font-size: 0;
        display: inline-block;
        width: auto;
        vertical-align: middle;
        margin-left: -1px;
    }

    .c_portalResSearch_total-02001 .p_select input {
        width: 75px;
        height: 40px;
        border: 1px solid rgba(240, 240, 240, 1);
        line-height: 30px;
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 12px;
        padding: 0 10px;
    }

    .c_portalResSearch_total-02001 .p_select input:hover {
        background-color: rgb(240, 248, 250);
        color: rgb(100, 190, 186);
    }

    .c_portalResSearch_total-02001 .p_select input:hover + .shape {
        background-color: rgb(240, 248, 250);
    }

    .c_portalResSearch_total-02001 .p_select .shape {
        display: inline-block;
        width: 30px;
        height: 40px;
        position: absolute;
        right: 0;
        line-height: 40px;
        text-align: center;
        border: 1px solid rgba(240, 240, 240, 1);
        border-left: none;
        font-size: 12px;
        color: rgba(200, 200, 200, 1);
    }

    .c_portalResSearch_total-02001 .p_select .shape:before {
        content: "\e6c9";
    }

    .c_portalResSearch_total-02001 .p_select .shape:hover {
        color: #65beba;
    }

    .c_portalResSearch_total-02001 .p_select .itembox {
        height: auto;
        width: 100%;
        position: absolute;
        top: 40px;
        left: 0px;
        border: 1px solid rgba(240, 240, 240, 1);
        border-top: 0;
        overflow-y: auto;
        z-index: 99;
        background-color: #fff;
        font-size: 12px;
        max-height: 180px;
    }

    .c_portalResSearch_total-02001 .p_select li {
        width: auto;
        height: 40px;
        line-height: 40px;
        display: block;
        text-align: center;
    }

    .c_portalResSearch_total-02001 .p_select li:hover {
        background-color: rgb(240, 248, 250);
        color: rgb(100, 190, 186);
    }

    .c_portalResSearch_total-02001 .p_select li i img {
        display: none;
    }

    .c_portalResSearch_total-02001 .p_searchBtnBox {
        display: none;
    }
}

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

    .sanma_more {
        display: none;
    }

}

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

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .sanma_more {
        display: none;
    }
}

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

.w_fimgbox-001 .w_imgbox {
    width: 100%;
    height: 100%;
    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;
}

.c_portalResPublic_credible-lib {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    max-height: 192px;
    max-width: 1180px;
}

@media only screen and (max-width: 768px) {
    .c_portalResPublic_credible-lib .content {
        width: 100%;
        height: 100px;
    }

    .c_portalResPublic_credible-lib .content img {
        display: inline-block;
        width: 100%;
        height: auto;
    }
}

@media only screen and (min-width: 769px) {
    .c_portalResPublic_credible-lib .content {
        width: 100%;
        height: 100px;
    }

    .c_portalResPublic_credible-lib .content img {
        display: inline-block;
        width: 100%;
        height: auto;
    }
}

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

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

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

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

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

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

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

.w_fimg-000 .animated {
    width: 100%;
    height: 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;
}

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

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

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

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

    .c_portalResnav_main-lib .p_categoryBtn:before {
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .c_portalResnav_main-lib .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-lib .p_categoryBox > .p_parentBox:hover {
        border-top: 3px solid rgb(64,143,244);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

.w_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_portalResProduct_list-lib {
        overflow: hidden;
        width: 100%;
        height: auto;
        min-width: 640px;
        margin-left: 0;
        margin-right: 0;
    }

    .c_portalResProduct_list-lib .p_ProductList {
        margin: 0;
        width: auto;
        height: auto;
        padding: 0;
        overflow: hidden;
        background-color: transparent;
        white-space: normal;
        font-size: 0;
    }

    .c_portalResProduct_list-lib .p_categorySummaryBox {
        padding: 15px;
        border-bottom: 1px solid rgba(0,0,0,0.09);
    }

    .c_portalResProduct_list-lib .p_categorySummary {
        color: rgba(0,0,0,0.45);
        font-size: 14px;
        line-height: 22px;
        text-align: left;
        vertical-align: top;
        word-break: break-all;
    }

    .c_portalResProduct_list-lib .p_sort {
        margin: 0;
        width: auto;
        height: auto;
        padding: 0 15px;
        overflow: hidden;
        font-size: 16px;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 10px solid #F5F5F5;
    }

    .c_portalResProduct_list-lib .d_sortBtn {
        -webkit-flex: 1.5;
        flex: 1.5;
        -webkit-box-flex: 1.5;
        -moz-box-flex: 1.5;
        -ms-flex: 1.5;
        display: block;
        position: relative;
        width: 100%;
        line-height: 40px;
        text-align: center;
    }

    .c_portalResProduct_list-lib .d_sortBtn:hover, .c_portalResProduct_list-lib .d_sortBtn:active {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    .c_portalResProduct_list-lib .d_sortBtn.active {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    .c_portalResProduct_list-lib .p_default {
        -webkit-flex: 1;
        flex: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
    }

    .c_portalResProduct_list-lib .d_sortBtn:lang(active) {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    .c_portalResProduct_list-lib .d_sortBtn .font .iconfont:first-child {
        display: none;
    }

    .c_portalResProduct_list-lib .d_sortBtn .font .iconfont {
        display: inline-block;
        font-size: 12px;
        width: 0;
        height: 0;
        margin: 5px 0 0 3px;
        font: 0/0 arial;
        vertical-align: middle;
        border: 5px dashed transparent;
        border-top: 5px solid rgba(0,0,0,0.45);
        text-align: center;
    }

    .c_portalResProduct_list-lib .d_sortBtn .font .iconfont:before {
        content: "\e69a";
        line-height: 30px;
    }

    .c_portalResProduct_list-lib .d_sortBtn:lang(active) .font .iconfont, .c_portalResProduct_list-lib .d_sortBtn:hover .font .iconfont, .c_portalResProduct_list-lib .d_sortBtn:active .font .iconfont {
        color: #1890FF;
        border-top-color: #1890FF;
    }

    .c_portalResProduct_list-lib .d_sortBtn .font .down-arrow {
        margin-top: 0;
        border-top: 0 none;
        border-bottom: 5px solid rgba(0,0,0,0.45);
    }

    .c_portalResProduct_list-lib .d_sortBtn .font .arrow:before {
        content: "\e69c";
    }

    .c_portalResProduct_list-lib .p_default .font .iconfont {
        display: none;
    }

    .c_portalResProduct_list-lib .p_products {
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        overflow: hidden;
        white-space: normal;
    }

    .c_portalResProduct_list-lib .p_Product {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: calc((100% - 0px)/2) !important;
        padding: 5px !important;
        height: inherit;
    }

    .c_portalResProduct_list-lib .p_Product .proTitle {
        PADDING: 0 !IMPORTANT;
    }

    .c_portalResProduct_list-lib .p_Product .porTbox {
        height: 130px !important
    }

    .c_portalResProduct_list-lib .p_ProductInner {
        width: 100%;
        padding: 0 0 15px;
        border-top: 0 none;
        border-left: 0 none;
        border-right: 0 none;
        box-sizing: content-box;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .c_portalResProduct_list-lib .p_Product:last-of-type .p_ProductInner {
        border: 0 none;
    }

    .c_portalResProduct_list-lib .p_images {
        position: relative;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        text-align: center;
        font-size: 0;
        overflow: hidden;
        webkit-flex: 1;
        flex: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
    }

    .c_portalResProduct_list-lib .p_image {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .c_portalResProduct_list-lib .p_imagesPc {
        display: none;
    }

    .c_portalResProduct_list-lib .p_linkB {
        width: inherit;
        height: inherit;
        display: block;
        position: static;
    }

    .c_portalResProduct_list-lib .p_image {
        width: 100%;
        height: 100%;
        padding: 0;
    }

    .c_portalResProduct_list-lib .p_ThumbnailBox {
        display: none;
    }

    .c_portalResProduct_list-lib .d_articles {
        height: auto;
        width: auto;
        padding: 0 0 0 15px;
        margin: 0;
        overflow: hidden;
        -webkit-flex: 2.4;
        flex: 2.4;
        -webkit-box-flex: 2.4;
        -moz-box-flex: 2.4;
        -ms-flex: 2.4;
    }

    .c_portalResProduct_list-lib .d_HeadBox {
        margin: 0;
        width: auto;
        height: auto;
        padding: 0;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResProduct_list-lib .d_title {
        display: block;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        font-weight: 400;
        cursor: pointer;
        line-height: 22px;
        vertical-align: middle;
    }

    .c_portalResProduct_list-lib .p_TagBox {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        width: auto;
        height: auto;
        padding: 0;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: transparent;
        overflow: hidden;
        display: none;
    }

    .c_portalResProduct_list-lib .p_tag {
        float: left;
        margin: 0 5px 0 5px;
        padding: 0;
        border-width: 1px;
        border-style: none;
        border-color: transparent;
        overflow: hidden;
    }

    .c_portalResProduct_list-lib .p_tag:hover {
        border-width: 1px;
        border-style: none;
        border-color: transparent;
    }

    .c_portalResProduct_list-lib .p_tag:active {
        border-width: 1px;
        border-style: none;
        border-color: transparent;
    }

    .c_portalResProduct_list-lib .d_item {
        width: auto;
        height: auto;
        margin: 5px 0;
        padding: 0;
        vertical-align: middle;
        overflow: hidden;
    }

    .c_portalResProduct_list-lib .d_item .d_itemLable {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 0 0;
        font-size: 14px;
    }

    .c_portalResProduct_list-lib .d_item .d_itemValue {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
    }

    .c_portalResProduct_list-lib .p_salePricePc, .c_portalResProduct_list-lib .p_NomBoxPc {
        display: none;
    }

    .c_portalResProduct_list-lib .d_SummaryBox {
        margin: 5px 0;
        width: auto;
        height: auto;
        padding: 0;
        overflow: hidden;
    }

    .c_portalResProduct_list-lib .d_summary {
        color: #999;
        font-size: 12px;
        line-height: 20px;
        text-align: left;
        vertical-align: top;
        word-break: break-all;
    }

    .c_portalResProduct_list-lib .d_SalePrice {
        display: inline-table;
        margin: 0;
        padding: 0;
        text-align: left;
        vertical-align: middle;
    }

    .c_portalResProduct_list-lib .p_priceUnit::before {
        content: "\e6d7";
    }

    .c_portalResProduct_list-lib .p_interaction {
        margin: 0;
        width: auto;
        height: auto;
        padding: 0;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: transparent;
        overflow: hidden;
        word-break: break-all;
        white-space: normal;
        font-size: 14px;
    }

    .c_portalResProduct_list-lib .p_interaction .btn-default {
        display: inline-block;
        margin: 5px 0 0;
    }

    .c_portalResProduct_list-lib .p_keyword {
        display: inline-block;
        padding-right: 5px;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle;
    }
}

@media only screen and (min-width: 769px) {
    .c_portalResProduct_list-lib {
        overflow: hidden;
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-right: 0;
    }

    .c_portalResProduct_list-lib .p_ProductList {
        width: auto;
        height: auto;
        overflow: hidden;
        white-space: normal;
        font-size: 0;
        padding: 20px 25px;
    }

    .c_portalResProduct_list-lib .p_categorySummaryBox {
        padding: 0 0 20px;
        margin: 0 0 30px;
        border-bottom: 1px solid rgba(0,0,0,0.09);
    }

    .c_portalResProduct_list-lib .p_categorySummary {
        color: rgba(0,0,0,0.45);
        font-size: 14px;
        line-height: 22px;
        text-align: left;
        vertical-align: top;
        word-break: break-all;
    }

    .c_portalResProduct_list-lib .p_sort {
        margin: 0 0 10px;
        width: auto;
        height: auto;
        padding: 0 0 0 1px;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: transparent;
        overflow: hidden;
        clear: both;
        font-size: 14px;
    }

    .c_portalResProduct_list-lib .d_sortBtn {
        position: relative;
        float: left;
        height: 30px;
        margin: 0 0 0 -1px;
        line-height: 30px;
        text-align: left;
        padding-left: 15px;
        padding-right: 30px;
        background-color: rgba(255, 255, 255, 1);
        border-width: 1px;
        border-style: solid;
        border-color: #D9D9D9;
        cursor: pointer;
        color: rgba(0,0,0,0.65);
    }

    .c_portalResProduct_list-lib .d_sortBtn:hover, .c_portalResProduct_list-lib .d_sortBtn:active {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    .c_portalResProduct_list-lib .d_sortBtn.active {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    .c_portalResProduct_list-lib .p_default {
        padding-right: 15px;
    }

    .c_portalResProduct_list-lib .d_sortBtn:lang(active) {
        border-color: #1890FF;
        color: #1890FF;
        z-index: 2;
    }

    .c_portalResProduct_list-lib .d_sortBtn .font .iconfont:first-child {
        display: none;
    }

    .c_portalResProduct_list-lib .d_sortBtn .font .iconfont {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 8px;
        font-size: 12px;
        color: rgba(0,0,0,0.65);
        text-align: center;
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    .c_portalResProduct_list-lib .d_sortBtn .font .iconfont:before {
        content: "\e69a";
        line-height: 30px;
    }

    .c_portalResProduct_list-lib .d_sortBtn:lang(active) .font .iconfont, .c_portalResProduct_list-lib .d_sortBtn:hover .font .iconfont, .c_portalResProduct_list-lib .d_sortBtn:active .font .iconfont {
        color: #1890FF;
    }

    .c_portalResProduct_list-lib .d_sortBtn .font .arrow {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    .c_portalResProduct_list-lib .d_sortBtn .font .down-arrow {
        transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    .c_portalResProduct_list-lib .d_sortBtn .font .arrow:before {
        content: "\e69a";
    }

    .c_portalResProduct_list-lib .p_default .iconfont.arrow {
        display: none;
    }

    .c_portalResProduct_list-lib .p_products {
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        overflow: hidden;
        white-space: normal;
    }

    .c_portalResProduct_list-lib .p_Product {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: calc((100% - 0px)/3);
        padding: 10px;
        height: inherit;
    }

    .c_portalResProduct_list-lib .p_ProductInner {
        width: 100%;
        padding: 0 0 5px;
        box-sizing: content-box;
    }

    .c_portalResProduct_list-lib .p_ProductInner:hover {
        border-width: 3px;
        border-color: #1890FF;
        margin: -2px;
    }

    .c_portalResProduct_list-lib .p_images {
        position: relative;
        width: 100%;
        height: 188px;
        margin: 0;
        padding: 0;
        text-align: center;
        font-size: 0;
        overflow: hidden;
    }

    .c_portalResProduct_list-lib .p_imagesMo {
        display: none;
    }

    .c_portalResProduct_list-lib .p_linkB {
        width: inherit;
        height: inherit;
        display: block;
        position: static;
    }

    .c_portalResProduct_list-lib .p_image {
        width: 100%;
        height: 100%;
        padding: 0;
    }

    .c_portalResProduct_list-lib .p_ThumbnailBox {
        position: absolute;
        left: 0;
        bottom: 1px;
        z-index: 10;
        width: 236px;
        height: auto;
        padding: 0;
        overflow: hidden;
        height: auto;
    }

    .c_portalResProduct_list-lib .p_ThumbnailBox .p_thumbnail {
        position: relative;
        width: 42px;
        height: 34px;
        float: left;
        margin: 0 2px;
        max-width: 42px;
        max-height: 34px;
        overflow: hidden;
        border: 2px solid rgba(0,0,0,.45)
    }

    .c_portalResProduct_list-lib .p_ThumbnailBox .p_thumbnail:hover {
        border-color: rgba(255,255,255,.7)
    }

    .c_portalResProduct_list-lib .d_articles {
        height: auto;
        width: auto;
        padding: 0 0 0 15px;
        margin: 0;
        overflow: hidden;
        -webkit-flex: 2.4;
        flex: 2.4;
        -webkit-box-flex: 2.4;
        -moz-box-flex: 2.4;
        -ms-flex: 2.4;
    }

    .c_portalResProduct_list-lib .d_HeadBox {
        margin: 5px 0 0;
        width: auto;
        height: auto;
        padding: 0;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResProduct_list-lib .d_title {
        display: block;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        font-weight: 400;
        cursor: pointer;
        line-height: 22px;
        vertical-align: middle;
    }

    .c_portalResProduct_list-lib .p_TagBox {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        width: auto;
        height: auto;
        padding: 0;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResProduct_list-lib .p_tag {
        float: left;
        margin: 0 5px 0 5px;
        padding: 0;
        border-width: 1px;
        border-style: none;
        border-color: transparent;
        overflow: hidden;
    }

    .c_portalResProduct_list-lib .p_tag:hover {
        border-width: 1px;
        border-style: none;
        border-color: transparent;
    }

    .c_portalResProduct_list-lib .p_tag:active {
        border-width: 1px;
        border-style: none;
        border-color: transparent;
    }

    .c_portalResProduct_list-lib .d_item {
        width: auto;
        height: auto;
        margin: 5px 0;
        padding: 0;
        vertical-align: middle;
        overflow: hidden;
    }

    .c_portalResProduct_list-lib .d_item .d_itemLable {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 0 0;
        font-size: 14px;
    }

    .c_portalResProduct_list-lib .d_item .d_itemValue {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
    }

    .c_portalResProduct_list-lib .p_salePriceMo, .c_portalResProduct_list-lib .p_NomBoxMo {
        display: none;
    }

    .c_portalResProduct_list-lib .d_SummaryBox {
        margin: 5px 0;
        width: auto;
        height: auto;
        padding: 0;
        overflow: hidden;
    }

    .c_portalResProduct_list-lib .d_summary {
        line-height: 20px;
        text-align: left;
        vertical-align: top;
        word-break: break-all;
    }

    .c_portalResProduct_list-lib .d_SalePrice {
        display: inline-table;
        margin: 0;
        padding: 0;
        text-align: left;
        vertical-align: middle;
    }

    .c_portalResProduct_list-lib .p_priceUnit::before {
        content: "\e6d7";
    }

    .c_portalResProduct_list-lib .p_interaction {
        margin: 0;
        width: auto;
        height: auto;
        padding: 0;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: transparent;
        overflow: hidden;
        word-break: break-all;
        white-space: normal;
        font-size: 14px;
    }

    .c_portalResProduct_list-lib .p_interaction .btn-default {
        display: inline-block;
        margin: 5px 0 0 ;
    }

    .c_portalResProduct_list-lib .p_keyword {
        display: inline-block;
        padding-right: 5px;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle;
    }
}

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

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

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

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

.c_portalResPublic_websiteShare-lib .iShare a {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    margin: 5px;
}

.c_portalResPublic_websiteShare-lib .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) {
}

@media only screen and (max-width: 768px) {
    .c_portalResEbizads_banner-lib .p_prompt {
        width: auto;
        height: auto;
        text-align: center;
        background-color: inherit;
        font-size: 16px;
        border: 1px solid #E4E4E4;
    }

    .c_portalResEbizads_banner-lib .p_prompt .prompt_title {
        display: inline-table;
        padding: 0 30px;
        height: 100%;
        min-height: 260px;
    }

    .c_portalResEbizads_banner-lib .p_prompt .prompt_title .iconfont:before {
        content: "";
    }

    .c_portalResEbizads_banner-lib .p_prompt .prompt_title .first {
        height: auto;
        display: table-cell;
        font-size: 36px;
        margin-right: 10px;
        position: relative;
        color: #09bb07;
        vertical-align: middle;
        padding: 0 10px 10px 0;
    }

    .c_portalResEbizads_banner-lib .p_prompt .prompt_title .first:before {
        content: "\e6b4";
    }

    .c_portalResEbizads_banner-lib .p_prompt .prompt_title {
        font-size: 24px;
        text-align: left;
        color: rgba(51,51,51,1);
        font-weight: bold;
    }

    .c_portalResEbizads_banner-lib .p_prompt .prompt_title .font {
        display: table-cell;
        line-height: normal;
        vertical-align: middle;
    }

    .c_portalResEbizads_banner-lib .p_prompt .promptbox {
        width: auto;
        height: 100%;
    }

    .c_portalResEbizads_banner-lib .p_prompt .prompt_content {
        font-size: 18px;
        color: rgba(105, 105, 105,1);
        padding-left: 65px;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnD {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        font-size: 56px;
        color: #e2e2e2;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnD .iconfont:before {
        content: '\e687';
        display: inline-block;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnD .font {
        display: table;
        width: inherit;
        height: inherit;
        pointer-events: none;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnC {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        font-size: 56px;
        color: #e2e2e2;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnC .iconfont:before {
        content: '\e687';
        display: inline-block;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnC .font {
        display: table;
        width: inherit;
        height: inherit;
        pointer-events: none;
    }

    .c_portalResEbizads_banner-lib .p_ListNumBtn {
        display: inline-table;
        height: 30px;
        width: 30px;
        background-color: #67b8b4;
        border-width: 1px;
        border-color: transparent;
        color: #999999;
        font-size: 12px;
        font-family: 'Microsoft YaHei';
    }

    .c_portalResEbizads_banner-lib .p_ListNumBtn img {
        display: none;
    }

    .c_portalResEbizads_banner-lib .p_ListNumBtn .shape {
        display: table-cell;
        width: inherit;
        height: inherit;
        text-align: center;
        vertical-align: middle;
    }

    .c_portalResEbizads_banner-lib .p_ListNumBtn:active {
        color: rgba(255,255,255,1);
    }

    .c_portalResEbizads_banner-lib .p_ListNumBtn.active {
        color: rgba(255,255,255,1);
    }

    .c_portalResEbizads_banner-lib .p_ListNumBtn.j-nav-active {
        color: rgba(255,255,255,1);
    }

    .c_portalResEbizads_banner-lib .p_SquareNumBtn {
        display: inline-block;
        height: 10px;
        width: 100px;
        padding: 0;
        background-color: #f2f2f2;
        border-width: 1px;
        border-color: transparent;
        font-size: 12px;
        font-family: 'Microsoft YaHei';
        text-align: center;
    }

    .c_portalResEbizads_banner-lib .p_SquareNumBtn img {
        display: none;
    }

    .c_portalResEbizads_banner-lib .p_SquareNumBtn .shape {
        text-indent: -9999em;
        width: inherit;
        height: inherit;
        vertical-align: middle;
    }

    .c_portalResEbizads_banner-lib .p_SquareNumBtn:active {
        background-color: #67b8b4;
    }

    .c_portalResEbizads_banner-lib .p_SquareNumBtn.active {
        background-color: #67b8b4;
    }

    .c_portalResEbizads_banner-lib .p_SquareNumBtn.j-nav-active {
        background-color: #67b8b4;
    }

    .c_portalResEbizads_banner-lib .p_CircleNumBtn {
        width: 15px;
        height: 15px;
        display: inline-table;
        background-color: rgba(228,228,228,1);
        color: rgba(153,153,153,1);
        font-size: 12px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        text-align: center;
    }

    .c_portalResEbizads_banner-lib .p_CircleNumBtn img {
        display: none;
    }

    .c_portalResEbizads_banner-lib .p_CircleNumBtn .shape {
        width: inherit;
        height: inherit;
        text-indent: -99999px;
        display: table-cell;
        vertical-align: middle;
        border-radius: inherit;
        -moz-border-radius: inherit;
    }

    .c_portalResEbizads_banner-lib .p_CircleNumBtn:active {
        background-color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-lib .p_CircleNumBtn.active {
        background-color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-lib .p_CircleNumBtn.j-nav-active {
        background-color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-lib .p_NumBtn {
        width: 150px;
        height: 66px;
        border-color: rgba(242,242,242,1);
        border-width: 2px;
        border-style: solid;
    }

    .c_portalResEbizads_banner-lib .p_NumBtn .shape {
        display: none;
    }

    .c_portalResEbizads_banner-lib .p_NumBtn:active {
        border-color: rgba(103,184,180,1);
    }

    .c_portalResEbizads_banner-lib .p_NumBtn.active {
        border-color: rgba(103,184,180,1);
    }

    .c_portalResEbizads_banner-lib .p_ThumbnailBox {
        width: inherit;
        height: auto;
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-lib .p_ImgSummary {
        text-align: justify;
        vertical-align: top;
        word-break: break-all;
    }

    .c_portalResEbizads_banner-lib .p_ImgHead {
        display: inline-table;
        margin: 0;
        padding: 0;
        color: #323232;
        font-size: 30px;
        font-weight: 400;
        text-align: left;
        white-space: nowrap;
        overflow: visible;
    }

    .c_portalResEbizads_banner-lib .p_ImgHead .font {
        display: table-cell;
        vertical-align: top;
        line-height: 30px;
    }

    .c_portalResEbizads_banner-lib .p_ImgHead .iconfont:before {
        content: "";
    }

    .c_portalResEbizads_banner-lib .p_TitleBox {
        width: inherit;
        height: auto;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-lib .p_SummaryBox {
        width: inherit;
        height: auto;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: rgba(179, 179, 179,1);
        overflow: visible;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnB {
        background: rgba(81,80,80,.3);
        width: 64px;
        height: 139px;
        cursor: pointer;
        text-align: center;
        color: rgba(255,255,255,1);
        font-size: 40px;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnB .font {
        display: table;
        width: inherit;
        height: inherit;
        pointer-events: none;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnB .iconfont {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        top: 3px;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnB:hover {
        border-width: 0;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: rgba(115,115,115,.7);
        color: rgba(106,192,189,1);
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnB:active {
        border-width: 0;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: rgba(81,80,80,.7);
    }

    .c_portalResEbizads_banner-lib .p_interactionB {
        width: inherit;
        height: auto;
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnA {
        background: rgba(81,80,80,.3);
        width: 64px;
        height: 139px;
        cursor: pointer;
        text-align: center;
        color: rgba(255,255,255,1);
        font-size: 40px;
        z-index: 999;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnA .font {
        display: table;
        width: inherit;
        height: inherit;
        pointer-events: none;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnA .iconfont {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        top: 3px;
        right: 4px;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnA:hover {
        border-width: 0;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: rgba(115,115,115,.7);
        color: rgba(106,192,189,1);
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnA:active {
        border-width: 0;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: rgba(81,80,80,.7);
    }

    .c_portalResEbizads_banner-lib .p_interactionA {
        width: inherit;
        height: auto;
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-lib .p_interactionA + .p_interactionA {
        left: initial;
        right: 0;
    }

    .c_portalResEbizads_banner-lib .p_imageA {
        width: auto;
        height: auto;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-lib .p_images {
        width: inherit;
        height: auto;
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-lib .p_banner {
        width: inherit;
        height: auto;
        border-width: 1px;
        border-style: none;
        border-color: rgba(255, 255, 255,1);
        background-color: transparent;
        overflow: visible;
    }

    .c_portalResEbizads_banner-lib {
        min-width: 300px;
        overflow: auto;
    }

    .c_portalResEbizads_banner-lib .p_banner {
        width: 100%;
        height: 100%;
        background-color: transparent;
    }

    .c_portalResEbizads_banner-lib .p_images {
        width: auto;
        height: auto;
    }

    .c_portalResEbizads_banner-lib .p_ThumbnailBox {
        width: auto;
        height: auto;
        border-width: 0;
        background-color: transparent;
    }

    .c_portalResEbizads_banner-lib .p_ThumbnailBoxA {
        width: auto;
        height: auto;
    }

    .c_portalResEbizads_banner-lib .p_interactionA {
        width: auto;
        height: auto;
    }

    .c_portalResEbizads_banner-lib .p_interactionB {
        width: auto;
        height: auto;
    }

    .c_portalResEbizads_banner-lib .p_TitleBox {
        border-width: 0;
    }

    .c_portalResEbizads_banner-lib .p_TitleBoxA {
        width: auto;
        height: auto;
        border-width: 0;
        background-color: transparent;
    }

    .c_portalResEbizads_banner-lib .c_banner {
        width: inherit;
        height: inherit;
    }

    .c_portalResEbizads_banner-lib .p_images {
        width: inherit;
        height: inherit;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .c_portalResEbizads_banner-lib .p_LinkA {
        width: inherit;
        height: inherit;
        display: block;
        position: relative;
    }

    .c_portalResEbizads_banner-lib .p_imageA {
        vertical-align: baseline;
        text-align: center;
        width: inherit;
        height: inherit;
    }

    .c_portalResEbizads_banner-lib .p_imageA:hover {
        background-color: transparent;
    }

    .c_portalResEbizads_banner-lib .p_imageA:hover:after {
        background-color: transparent;
    }

    .c_portalResEbizads_banner-lib .p_interactionA {
        cursor: pointer;
        left: 0;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 99;
        overflow: visible;
    }

    .c_portalResEbizads_banner-lib .p_interactionB {
        cursor: pointer;
        right: 0;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 99;
        overflow: visible;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnA {
        position: absolute;
        top: 50%;
        margin-top: -37px;
        padding-top: 10px;
        color: rgb(187, 182, 182);
        left: 0;
        width: 33px;
        height: 64px;
        background-color: rgba(0,0,0,0.5);
        z-index: 999;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnA .iconfont:before {
        font-size: 30px;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnB {
        position: absolute;
        top: 50%;
        margin-top: -37px;
        right: 0;
        width: 33px;
        height: 64px;
        background-color: rgba(0,0,0,0.5);
        z-index: 999;
        padding-top: 10px;
        color: rgb(187, 182, 182);
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnB .iconfont:before {
        font-size: 30px;
    }

    .c_portalResEbizads_banner-lib .p_SummaryBox {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 5;
        height: 70px;
        background-color: transparent;
        display: none;
    }

    .c_portalResEbizads_banner-lib .p_SummaryBox:hover {
        background-color: transparent;
    }

    .c_portalResEbizads_banner-lib .p_SummaryBox .p_LinkB {
        display: block;
        background-color: rgba(0,0,0,0.5);
    }

    .c_portalResEbizads_banner-lib .p_TitleBox {
        width: 100%;
        height: auto;
        height: 60px;
        line-height: 60px;
        padding: 0 10px;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 999;
        font-weight: bold;
    }

    .c_portalResEbizads_banner-lib .p_LinkA .p_TitleBox span {
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-lib .p_LinkA:hover .p_TitleBox span {
        color: #fff;
    }

    .c_portalResEbizads_banner-lib .p_TitleBoxA {
        width: 100%;
        height: inherit;
        padding-left: 20px;
        padding-right: 20px;
    }

    .c_portalResEbizads_banner-lib .p_ThumbnailBox {
        position: absolute;
        text-align: center;
        font-size: 0;
        z-index: 6;
        overflow: hidden;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .c_portalResEbizads_banner-lib .p_ThumbnailBoxA {
        padding-right: 30px;
        padding-left: 30px;
        width: 100%;
        position: absolute;
        right: 0;
        bottom: 0;
        text-align: right;
        font-size: 0;
        z-index: 6;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-lib .p_ThumbnailBox .p_NumBtn:first-child {
        margin-left: 0;
    }

    .c_portalResEbizads_banner-lib .p_NumBtn {
        margin-right: 6px;
        font-size: 0;
        width: 90px;
        height: auto;
        display: inline-block;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-lib .p_CircleNumBtn {
        margin-left: 10px;
    }

    .c_portalResEbizads_banner-lib .p_SquareNumBtn {
        margin-left: 10px;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnC {
        position: absolute;
        top: 50%;
        left: 0;
        cursor: pointer;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnD {
        position: absolute;
        top: 50%;
        right: 0;
        cursor: pointer;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .c_portalResEbizads_banner-lib .p_CircleNumBtn, .c_portalResEbizads_banner-lib .p_SquareNumBtn, .c_portalResEbizads_banner-lib .p_ListNumBtn {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .c_portalResEbizads_banner-lib .p_SquareNumBtn {
        width: 98px;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnD .iconfont:before {
        content: "\e6ae";
        font-size: 30px;
    }

    .c_portalResEbizads_banner-lib .p_ImgSummary {
        font-weight: normal;
        white-space: normal;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnC .iconfont {
        font-size: 30px;
        color: rgba(255,255,255,.6);
        display: table-cell;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnD .iconfont {
        font-size: 30px;
        color: rgba(255,255,255,.6);
        display: table-cell;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnC:hover .iconfont {
        color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnD:hover .iconfont {
        color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-lib .p_NumBtn:hover {
        border-color: rgba(103,184,180,1);
    }

    .c_portalResEbizads_banner-lib .swiper-container {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        z-index: 1;
        height: 100%;
    }

    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .swiper-container-android .swiper-slide, .swiper-wrapper {
        -webkit-transform: translate3d(0px, 0, 0);
        -moz-transform: translate3d(0px, 0, 0);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
    }

    .swiper-slide {
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .c_portalResEbizads_banner-lib .p_MatteIcon:before {
        content: '\e752';
        .}

    .c_portalResEbizads_banner-lib .widther img {
        width: auto!important;
    }

    .c_portalResEbizads_banner-lib .swiper-pagination {
        position: absolute;
        z-index: 20;
        bottom: 65px;
        width: 100%;
        text-align: center;
    }

    .c_portalResEbizads_banner-lib .dot {
        width: 20px;
        height: 20px;
    }

    .c_portalResEbizads_banner-lib .swiper-pagination span {
        display: inline-block;
        margin-right: 4px;
    }

    .c_portalResEbizads_banner-lib .background_default {
        display: inline-block;
        width: 27px;
        height: 27px;
        border-radius: 50%;
        margin: 0 5px;
        opacity: 0.8;
        cursor: pointer;
    }

    .c_portalResEbizads_banner-lib .swiper-wrapper .swiper-slide img {
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: 100%;
    }

    .c_portalResEbizads_banner-lib .background_default {
        width: 17px;
        height: 17px;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnA {
        display: none;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnB {
        display: none;
    }
}

@media only screen and (min-width: 769px) {
    .c_portalResEbizads_banner-lib .p_prompt {
        width: auto;
        height: auto;
        text-align: center;
        background-color: inherit;
        font-size: 16px;
        border: 1px solid #E4E4E4;
    }

    .c_portalResEbizads_banner-lib .p_prompt .prompt_title {
        display: inline-table;
        padding: 0 30px;
        height: 100%;
        min-height: 260px;
    }

    .c_portalResEbizads_banner-lib .p_prompt .prompt_title .iconfont:before {
        content: "";
    }

    .c_portalResEbizads_banner-lib .p_prompt .prompt_title .first {
        height: auto;
        display: table-cell;
        font-size: 36px;
        margin-right: 10px;
        position: relative;
        color: #09bb07;
        vertical-align: middle;
        padding: 0 10px 10px 0;
    }

    .c_portalResEbizads_banner-lib .p_prompt .prompt_title .first:before {
        content: "\e6b4";
    }

    .c_portalResEbizads_banner-lib .p_prompt .prompt_title {
        font-size: 24px;
        text-align: left;
        color: rgba(51,51,51,1);
        font-weight: bold;
    }

    .c_portalResEbizads_banner-lib .p_prompt .prompt_title .font {
        display: table-cell;
        line-height: normal;
        vertical-align: middle;
    }

    .c_portalResEbizads_banner-lib .p_prompt .promptbox {
        width: auto;
        height: 100%;
    }

    .c_portalResEbizads_banner-lib .p_prompt .prompt_content {
        font-size: 18px;
        color: rgba(105, 105, 105,1);
        padding-left: 65px;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnD {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        font-size: 56px;
        color: #e2e2e2;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnD .iconfont:before {
        content: '\e687';
        display: inline-block;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnD .font {
        display: table;
        width: inherit;
        height: inherit;
        pointer-events: none;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnC {
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        font-size: 56px;
        color: #e2e2e2;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnC .iconfont:before {
        content: '\e687';
        display: inline-block;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnC .font {
        display: table;
        width: inherit;
        height: inherit;
        pointer-events: none;
    }

    .c_portalResEbizads_banner-lib .p_ListNumBtn {
        display: inline-table;
        height: 30px;
        width: 30px;
        background-color: #67b8b4;
        border-width: 1px;
        border-color: transparent;
        color: #999999;
        font-size: 12px;
        font-family: 'Microsoft YaHei';
    }

    .c_portalResEbizads_banner-lib .p_ListNumBtn img {
        display: none;
    }

    .c_portalResEbizads_banner-lib .p_ListNumBtn .shape {
        display: table-cell;
        width: inherit;
        height: inherit;
        text-align: center;
        vertical-align: middle;
    }

    .c_portalResEbizads_banner-lib .p_ListNumBtn:active {
        color: rgba(255,255,255,1);
    }

    .c_portalResEbizads_banner-lib .p_ListNumBtn.active {
        color: rgba(255,255,255,1);
    }

    .c_portalResEbizads_banner-lib .p_ListNumBtn.j-nav-active {
        color: rgba(255,255,255,1);
    }

    .c_portalResEbizads_banner-lib .p_SquareNumBtn {
        display: inline-block;
        height: 10px;
        width: 100px;
        padding: 0;
        background-color: #f2f2f2;
        border-width: 1px;
        border-color: transparent;
        font-size: 12px;
        font-family: 'Microsoft YaHei';
        text-align: center;
    }

    .c_portalResEbizads_banner-lib .p_SquareNumBtn img {
        display: none;
    }

    .c_portalResEbizads_banner-lib .p_SquareNumBtn .shape {
        text-indent: -9999em;
        width: inherit;
        height: inherit;
        vertical-align: middle;
    }

    .c_portalResEbizads_banner-lib .p_SquareNumBtn:active {
        background-color: #67b8b4;
    }

    .c_portalResEbizads_banner-lib .p_SquareNumBtn.active {
        background-color: #67b8b4;
    }

    .c_portalResEbizads_banner-lib .p_SquareNumBtn.j-nav-active {
        background-color: #67b8b4;
    }

    .c_portalResEbizads_banner-lib .p_CircleNumBtn {
        width: 15px;
        height: 15px;
        display: inline-table;
        background-color: rgba(228,228,228,1);
        color: rgba(153,153,153,1);
        font-size: 12px;
        border-radius: 10px;
        -moz-border-radius: 10px;
        text-align: center;
    }

    .c_portalResEbizads_banner-lib .p_CircleNumBtn img {
        display: none;
    }

    .c_portalResEbizads_banner-lib .p_CircleNumBtn .shape {
        width: inherit;
        height: inherit;
        text-indent: -99999px;
        display: table-cell;
        vertical-align: middle;
        border-radius: inherit;
        -moz-border-radius: inherit;
    }

    .c_portalResEbizads_banner-lib .p_CircleNumBtn:active {
        background-color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-lib .p_CircleNumBtn.active {
        background-color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-lib .p_CircleNumBtn.j-nav-active {
        background-color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-lib .p_NumBtn {
        width: 150px;
        height: 66px;
        border-color: rgba(242,242,242,1);
        border-width: 2px;
        border-style: solid;
    }

    .c_portalResEbizads_banner-lib .p_NumBtn .shape {
        display: none;
    }

    .c_portalResEbizads_banner-lib .p_NumBtn:active {
        border-color: rgba(103,184,180,1);
    }

    .c_portalResEbizads_banner-lib .p_NumBtn.active {
        border-color: rgba(103,184,180,1);
    }

    .c_portalResEbizads_banner-lib .p_ThumbnailBox {
        width: inherit;
        height: auto;
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-lib .p_ImgSummary {
        text-align: justify;
        vertical-align: top;
        word-break: break-all;
    }

    .c_portalResEbizads_banner-lib .p_ImgHead {
        display: inline-table;
        margin: 0;
        padding: 0;
        color: #323232;
        font-size: 30px;
        font-weight: 400;
        text-align: left;
        white-space: nowrap;
        overflow: visible;
    }

    .c_portalResEbizads_banner-lib .p_ImgHead .font {
        display: table-cell;
        vertical-align: top;
        line-height: 30px;
    }

    .c_portalResEbizads_banner-lib .p_ImgHead .iconfont:before {
        content: "";
    }

    .c_portalResEbizads_banner-lib .p_TitleBox {
        width: inherit;
        height: auto;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-lib .p_SummaryBox {
        width: inherit;
        height: auto;
        border-width: 1px;
        border-style: none;
        border-color: rgba(228,228,228,0);
        background-color: rgba(179, 179, 179,1);
        overflow: visible;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnB {
        background: rgba(81,80,80,.3);
        width: 64px;
        height: 139px;
        cursor: pointer;
        text-align: center;
        color: rgba(255,255,255,1);
        font-size: 40px;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnB .font {
        display: table;
        width: inherit;
        height: inherit;
        pointer-events: none;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnB .iconfont {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        top: 3px;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnB:hover {
        border-width: 0;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: rgba(115,115,115,.7);
        color: rgba(106,192,189,1);
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnB:active {
        border-width: 0;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: rgba(81,80,80,.7);
    }

    .c_portalResEbizads_banner-lib .p_interactionB {
        width: inherit;
        height: auto;
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnA {
        background: rgba(81,80,80,.3);
        width: 64px;
        height: 139px;
        cursor: pointer;
        text-align: center;
        color: rgba(255,255,255,1);
        font-size: 40px;
        z-index: 999;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnA .font {
        display: table;
        width: inherit;
        height: inherit;
        pointer-events: none;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnA .iconfont {
        display: table-cell;
        vertical-align: middle;
        position: relative;
        top: 3px;
        right: 4px;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnA:hover {
        border-width: 0;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: rgba(115,115,115,.7);
        color: rgba(106,192,189,1);
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnA:active {
        border-width: 0;
        border-style: solid;
        border-color: rgba(255,255,255,0);
        background-color: rgba(81,80,80,.7);
    }

    .c_portalResEbizads_banner-lib .p_interactionA {
        width: inherit;
        height: auto;
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-lib .p_interactionA + .p_interactionA {
        left: initial;
        right: 0;
    }

    .c_portalResEbizads_banner-lib .p_imageA {
        width: auto;
        height: auto;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-lib .p_images {
        width: inherit;
        height: auto;
        background-color: transparent;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-lib .p_banner {
        width: inherit;
        height: auto;
        border-width: 1px;
        border-style: none;
        border-color: rgba(255, 255, 255,1);
        background-color: transparent;
        overflow: visible;
    }

    .c_portalResEbizads_banner-lib {
        min-width: 300px;
        overflow: auto;
    }

    .c_portalResEbizads_banner-lib .p_banner {
        width: 100%;
        height: 100%;
        background-color: transparent;
    }

    .c_portalResEbizads_banner-lib .p_images {
        width: auto;
        height: auto;
    }

    .c_portalResEbizads_banner-lib .p_ThumbnailBox {
        width: auto;
        height: auto;
        border-width: 0;
        background-color: transparent;
    }

    .c_portalResEbizads_banner-lib .p_ThumbnailBoxA {
        width: auto;
        height: auto;
    }

    .c_portalResEbizads_banner-lib .p_interactionA {
        width: auto;
        height: auto;
    }

    .c_portalResEbizads_banner-lib .p_interactionB {
        width: auto;
        height: auto;
    }

    .c_portalResEbizads_banner-lib .p_TitleBox {
        border-width: 0;
    }

    .c_portalResEbizads_banner-lib .p_TitleBoxA {
        width: auto;
        height: auto;
        border-width: 0;
        background-color: transparent;
    }

    .c_portalResEbizads_banner-lib .c_banner {
        width: inherit;
        height: inherit;
    }

    .c_portalResEbizads_banner-lib .p_images {
        width: inherit;
        height: inherit;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .c_portalResEbizads_banner-lib .p_LinkA {
        width: inherit;
        height: inherit;
        display: block;
        position: relative;
    }

    .c_portalResEbizads_banner-lib .p_imageA {
        vertical-align: baseline;
        text-align: center;
        width: inherit;
        height: inherit;
    }

    .c_portalResEbizads_banner-lib .p_imageA:hover {
        background-color: transparent;
    }

    .c_portalResEbizads_banner-lib .p_imageA:hover:after {
        background-color: transparent;
    }

    .c_portalResEbizads_banner-lib .p_interactionA {
        cursor: pointer;
        left: 0;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 99;
        overflow: visible;
    }

    .c_portalResEbizads_banner-lib .p_interactionB {
        cursor: pointer;
        right: 0;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 99;
        overflow: visible;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnA {
        position: absolute;
        top: 50%;
        margin-top: -37px;
        padding-top: 10px;
        color: rgb(187, 182, 182);
        left: 0;
        width: 33px;
        height: 64px;
        background-color: rgba(0,0,0,0.5);
        z-index: 999;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnA .iconfont:before {
        font-size: 30px;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnB {
        position: absolute;
        top: 50%;
        margin-top: -37px;
        right: 0;
        width: 33px;
        height: 64px;
        background-color: rgba(0,0,0,0.5);
        z-index: 999;
        padding-top: 10px;
        color: rgb(187, 182, 182);
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnB .iconfont:before {
        font-size: 30px;
    }

    .c_portalResEbizads_banner-lib .p_SummaryBox {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 5;
        height: 70px;
        background-color: transparent;
        display: none;
    }

    .c_portalResEbizads_banner-lib .p_SummaryBox:hover {
        background-color: transparent;
    }

    .c_portalResEbizads_banner-lib .p_SummaryBox .p_LinkB {
        display: block;
        background-color: rgba(0,0,0,0.5);
    }

    .c_portalResEbizads_banner-lib .p_TitleBox {
        width: 100%;
        height: auto;
        height: 80px;
        padding: 10px;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 999;
        font-weight: bold;
    }

    .c_portalResEbizads_banner-lib .p_LinkA .p_TitleBox span {
        display: block;
        height: 25px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-top: 15px;
    }

    .c_portalResEbizads_banner-lib .p_LinkA:hover .p_TitleBox span {
        color: #fff;
    }

    .c_portalResEbizads_banner-lib .p_TitleBoxA {
        width: 100%;
        height: inherit;
        padding-left: 20px;
        padding-right: 20px;
    }

    .c_portalResEbizads_banner-lib .p_ImgHead {
        padding-top: 10px;
        padding-bottom: 12px;
        font-size: 30px;
        font-weight: normal;
        font-family: "黑体";
        color: #fff;
        white-space: normal;
    }

    .c_portalResEbizads_banner-lib .p_ThumbnailBox {
        position: absolute;
        text-align: center;
        font-size: 0;
        z-index: 6;
        overflow: hidden;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .c_portalResEbizads_banner-lib .p_ThumbnailBoxA {
        padding-right: 30px;
        padding-left: 30px;
        width: 100%;
        position: absolute;
        right: 0;
        bottom: 0;
        text-align: right;
        font-size: 0;
        z-index: 6;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-lib .p_ThumbnailBox .p_NumBtn:first-child {
        margin-left: 0;
    }

    .c_portalResEbizads_banner-lib .p_NumBtn {
        margin-right: 6px;
        font-size: 0;
        width: 90px;
        height: auto;
        display: inline-block;
        overflow: hidden;
    }

    .c_portalResEbizads_banner-lib .p_CircleNumBtn {
        margin-left: 10px;
    }

    .c_portalResEbizads_banner-lib .p_SquareNumBtn {
        margin-left: 10px;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnC {
        position: absolute;
        top: 50%;
        left: 0;
        cursor: pointer;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnD {
        position: absolute;
        top: 50%;
        right: 0;
        cursor: pointer;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
    }

    .c_portalResEbizads_banner-lib .p_CircleNumBtn, .c_portalResEbizads_banner-lib .p_SquareNumBtn, .c_portalResEbizads_banner-lib .p_ListNumBtn {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .c_portalResEbizads_banner-lib .p_SquareNumBtn {
        width: 98px;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnD .iconfont:before {
        content: "\e6ae";
        font-size: 30px;
    }

    .c_portalResEbizads_banner-lib .p_ImgSummary {
        font-weight: normal;
        white-space: normal;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnC .iconfont {
        font-size: 30px;
        color: rgba(255,255,255,.6);
        display: table-cell;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnD .iconfont {
        font-size: 30px;
        color: rgba(255,255,255,.6);
        display: table-cell;
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnC:hover .iconfont {
        color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-lib .p_SwitchBtnD:hover .iconfont {
        color: rgba(105,192,188,1);
    }

    .c_portalResEbizads_banner-lib .p_NumBtn:hover {
        border-color: rgba(103,184,180,1);
    }

    .c_portalResEbizads_banner-lib .swiper-container {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        z-index: 1;
        height: 100%;
    }

    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .swiper-container-android .swiper-slide, .swiper-wrapper {
        -webkit-transform: translate3d(0px, 0, 0);
        -moz-transform: translate3d(0px, 0, 0);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate3d(0px, 0, 0);
        transform: translate3d(0px, 0, 0);
    }

    .swiper-slide {
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
    }

    .c_portalResEbizads_banner-lib .p_MatteIcon:before {
        content: '\e752';
        .}

    .c_portalResEbizads_banner-lib .widther img {
        width: auto!important;
    }

    .c_portalResEbizads_banner-lib .swiper-pagination {
        position: absolute;
        z-index: 20;
        bottom: 80px;
        width: 100%;
        text-align: center;
    }

    .c_portalResEbizads_banner-lib .swiper-pagination span {
        display: inline-block;
        margin-right: 4px;
    }

    .c_portalResEbizads_banner-lib .background_default {
        display: inline-block;
        width: 27px;
        height: 27px;
        border-radius: 50%;
        margin: 0 5px;
        opacity: 0.8;
        cursor: pointer;
    }

    .c_portalResEbizads_banner-lib .swiper-wrapper .swiper-slide img {
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: 100%;
    }
}

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

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

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

.width_table-001 > div > .p_tablebox {
    width: 100%;
    overflow: hidden;
    position: static;
}

.width_table-001 > div > .p_tablebox > .p_tableCell {
    float: left;
    position: static;
}

.width_table-001 > div > .p_tablebox > .p_tableCell:not(:empty):before {
    content: '';
    height: 0px;
    display: block;
}

.width_table-001 > div > .p_tablebox > .p_tableCell:first-child {
    margin-left: 0;
    clear: left;
}

#width_table-001 > div > .p_tablebox > .p_tableCell:nth-child(2n+1) {
    margin-left: 0;
    clear: left;
}

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

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


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

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

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

.width_table-000 > div > div > .p_tableCell {
    float: left;
    position: static;
}

.width_table-000 > div > div > .p_tableCell:not(:empty):before {
    content: '';
    height: 0px;
    display: block;
}

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

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

.width_table-000 > .width_table.signal > .p_tablebox > .p_tableCell {
    min-height: inherit;
}

.width_table-000 > div > .p_tablebox > .p_tableCell:first-child {
    margin-left: 0;
    clear: left;
}

#width_table-000 > div > .p_tablebox > .p_tableCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

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

}

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



@media only screen and (max-width: 768px) {
    #width_table-gywm {
        width: 96%!important;
    }

    #w_common_text-gywmcontent {
        width: 96%!important;
    }

    h5 span {
        font-size: 28px!important;
    }

    h6 span {
        font-size: 28px!important;
        line-height: 28px!important;
    }


}

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

.width_table-003 > .width_table {
    width: 100%;
    position: relative;
}

.width_table-003 > div > .p_tablebox {
    width: 100%;
    overflow: hidden;
    position: static;
}

.width_table-003 > div > .p_tablebox > .p_tableCell {
    float: left;
    position: static;
}

.width_table-003 > div > .p_tablebox > .p_tableCell:not(:empty):before {
    content: '';
    height: 0px;
    display: block;
}

.width_table-003 > div > .p_tablebox > .p_tableCell:first-child {
    margin-left: 0;
    clear: left;
}

#width_table-003 > div > .p_tablebox > .p_tableCell:nth-child(3n+1) {
    margin-left: 0;
    clear: left;
}

@media only screen and (max-width: 768px) {
    .width_table-003 > div > .p_tablebox > .p_tableCell {
        width: 100%;
        margin-left: 0;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }
}

@media only screen and (min-width: 769px) {
    .width_table-003 > div > .p_tablebox > .p_tableCell {
        width: 32.66%;
        margin-left: 1%;
        margin-top: 0.6rem;
        margin-bottom: 0.6rem;
    }
}

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

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

.pagebox {
    width: 100%;
}

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

body,#-remove--flag {
}



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


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

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

#c_portalResEbizads_banner-bannerli .f-center {
    text-align: center;
    height: 100vh;
    max-height: 1080px;
}

#c_portalResEbizads_banner-bannerli .f-14 {
    font-size: 14px;
}

#c_portalResEbizads_banner-bannerli .pcimg {
    width: 100%;
    height: auto;
}

#c_portalResEbizads_banner-bannerli .moimg {
    display: none;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-slide .b_video {
    height: 100%;
    position: relative;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-slide .b_video .b_overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 3;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2);
}

#c_portalResEbizads_banner-bannerli .banner .swiper-slide .b_video .b_video_con {
    position: absolute;
    transform: translate(0%,0%);
    -webkit-transform: translate(0%,0%);
    -ms-transform: translate(0%,0%);
    left: 0px;
    top: 0px;
    width: 100vw;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 2;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-slide .b_video .b_image {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-slide img {
    display: block;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100vh;
    max-height: 1080px;
    object-fit: cover;
}

#c_portalResEbizads_banner-bannerli .bannerPic {
    position: relative;
    width: 100%;
    height: auto;
    transition: all 1s ease 2.5s;
    transform: perspective(1000px) translate3d(0, 0, 100px);
}

#c_portalResEbizads_banner-bannerli .swiper-slide.active .bannerPic {
    transition: all 5s ease 0s;
    transform: perspective(1000px) translate3d(0, 0, 0px);
}

#c_portalResEbizads_banner-bannerli .banner .swiper-slide .ind_ban_tex {
    position: absolute;
    text-align: left;
    width: 80%;
    top: 52%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 5;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #333;
    max-width: 90%;
    text-shadow: 3px 0 10px rgba(22, 78, 145, 0.4);
    transform: translateX(80px);
    opacity: 0;
    margin-bottom: 10px;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-slide .ind_ban_tex .b_line {
    width: 100%;
    margin: 20px 0px 50px;
    height: 2px;
    background: #333;
    transform: translateX(80px);
    opacity: 0;
    display: none;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-slide .ind_ban_tex .ind_ban_con {
    width: 100%;
    display: block;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title {
    flex-basis: 75%;
    max-width: 55%;
    max-height: 400px;
    overflow: visible;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title:before {
    content: '';
    width: 0%;
    height: 1px;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 0px;
    left: -30%;
    transform: translateX(80px);
    opacity: 0;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title .t_big {
    color: #0165ce;
    font-size: 2vw;
    font-weight: bold;
    text-transform: capitalize;
    line-height: 1.2;
    margin-bottom: 10px;
    text-shadow: 3px 0 10px rgba(22, 78, 145, 0.4);
    transform: translateX(80px);
    opacity: 0;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-slide.active .ind_ban_tex .ind_ban_tex_title:before {
    transition: all 1.5s ease 0s;
    transform: translateX(0);
    opacity: 1;
    width: 130%;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info {
    width: 80%;
    flex-basis: 25%;
    margin-bottom: 20px;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .t_small {
    color: #333;
    line-height: 1.5;
    font-size: 1.1vw;
    text-shadow: 3px 0 10px rgba(22, 78, 145, 0.4);
    transform: translateX(80px);
    opacity: 0;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-slide.active .ind_ban_tex_title_en {
    transition: all 2s ease .5s;
    transform: translateX(0);
    opacity: 1;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-slide.active .ind_ban_tex_title .t_big {
    transition: all 2s ease 1.2s;
    transform: translateX(0);
    opacity: 1;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-slide.active .b_line {
    transition: all 2s ease .8s;
    transform: translateX(0);
    opacity: 1;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-slide.active .ind_ban_tex_info .t_small {
    transition: all 2s ease 1.4s;
    transform: translateX(0);
    opacity: 1;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-button-prev {
    background-image: none;
    left: calc(8.335% - 32px);
    top: calc(50% - 32px);
    width: 64px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    color: #ffffff;
    background-color: rgba(202, 202, 202, 0.3);
    transition: all .3s ease;
    display: none;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-button-next {
    background-image: none;
    right: calc(8.335% - 32px);
    top: calc(50% - 32px);
    width: 64px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    color: #ffffff;
    background-color: rgba(202, 202, 202, 0.3);
    transition: all .3s ease;
    display: none;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-button-next.swiper-button-disabled {
    background-color: rgba(0, 0, 0, 0.3);
}

#c_portalResEbizads_banner-bannerli .banner .swiper-button-prev.swiper-button-disabled {
    background-color: rgba(0, 0, 0, 0.3);
}

#c_portalResEbizads_banner-bannerli .banner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    margin: 0 14px;
    opacity: 0.5;
    color: transparent;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-pagination-bullet-active {
    opacity: 1;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    border: 2px solid rgba(255, 255, 255, 0.4);
    background-color: transparent;
    color: #ffffff;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-pagination-bullet-active .rightcircle {
    -webkit-animation: circleProgressLoad_right 6.5s linear infinite;
    animation: circleProgressLoad_right 6.5s linear infinite;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-pagination-bullet-active .leftcircle {
    -webkit-animation: circleProgressLoad_left 6.5s linear infinite;
    animation: circleProgressLoad_left 6.5s linear infinite;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-pagination-bullet-active .wrapper_con {
    display: block;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-pagination {
    font-size: 0px;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-pagination > span {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-container-rtl .swiper-button-next {
    left: calc(8.335% - 32px);
}

#c_portalResEbizads_banner-bannerli .banner .swiper-container-rtl .swiper-button-prev {
    right: calc(8.335% - 32px);
}

#c_portalResEbizads_banner-bannerli .banner .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 5%;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-pagination-custom {
    bottom: 5%;
}

#c_portalResEbizads_banner-bannerli .banner .swiper-pagination-fraction {
    bottom: 5%;
}

#c_portalResEbizads_banner-bannerli .right {
    right: -2px;
}

#c_portalResEbizads_banner-bannerli .left {
    left: -2px;
}

#c_portalResEbizads_banner-bannerli .circleProgress {
    width: 42px;
    height: 42px;
    border: 2px solid transparent;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    -webkit-transform: rotate(-135deg);
}

#c_portalResEbizads_banner-bannerli .rightcircle {
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    right: 0px;
}

#c_portalResEbizads_banner-bannerli .leftcircle {
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    left: 0px;
}

#c_portalResEbizads_banner-bannerli .wrapper_con {
    width: 21px;
    height: 42px;
    position: absolute;
    top: -2px;
    overflow: hidden;
    display: none;
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
    #c_portalResEbizads_banner-bannerli .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {
        font-size:14px;
    }

    #c_portalResEbizads_banner-bannerli .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .t_small {
        font-size: 15px;
    }

    #c_portalResEbizads_banner-bannerli .banner .swiper-button-prev {
        width: 40px;
        height: 40px;
        line-height: 40px;
        top: calc(50% - 20px);
    }

    #c_portalResEbizads_banner-bannerli .banner .swiper-button-next {
        width: 40px;
        height: 40px;
        line-height: 40px;
        top: calc(50% - 20px);
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #c_portalResEbizads_banner-bannerli .f-center {
        padding-top:0px;
    }

    #c_portalResEbizads_banner-bannerli .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {
        font-size: 14px;
    }

    #c_portalResEbizads_banner-bannerli .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info .t_small {
        font-size: 15px;
    }

    #c_portalResEbizads_banner-bannerli .banner .swiper-button-prev {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    #c_portalResEbizads_banner-bannerli .banner .swiper-button-next {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 768px) {
    #c_portalResEbizads_banner-bannerli .banner .swiper-slide .ind_ban_tex {
        text-align:left;
    }

    #c_portalResEbizads_banner-bannerli .f-center {
        padding-top: 0px;
        height: 40vh;
    }

    #c_portalResEbizads_banner-bannerli .moimg {
        display: block;
        height: 100%;
    }

    #c_portalResEbizads_banner-bannerli .pcimg {
        display: none;
    }

    #c_portalResEbizads_banner-bannerli .banner .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        left: 0;
        top: 0;
    }

    #c_portalResEbizads_banner-bannerli .banner .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 6px;
    }

    #c_portalResEbizads_banner-bannerli .rightcircle {
        display: none;
    }

    #c_portalResEbizads_banner-bannerli .banner .swiper-pagination-bullet-active .wrapper_con {
        display: none;
    }

    #c_portalResEbizads_banner-bannerli .f-14 {
        display: none;
    }

    #c_portalResEbizads_banner-bannerli .f-center {
        padding-top: 0px;
    }

    #c_portalResEbizads_banner-bannerli .banner .swiper-slide .b_video .b_video_con {
        display: none;
    }

    #c_portalResEbizads_banner-bannerli .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title {
        flex-basis: 100%;
        max-width: 100%;
    }

    #c_portalResEbizads_banner-bannerli .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info {
        display: block;
        width: 100%;
    }

    #c_portalResEbizads_banner-bannerli .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en {
        font-size: 14px;
    }

    #c_portalResEbizads_banner-bannerli .banner .swiper-slide .ind_ban_tex .b_line {
        margin: 15px 0px 30px;
    }

    #c_portalResEbizads_banner-bannerli .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title .t_big {
        font-size: 7vw;
    }

    #c_portalResEbizads_banner-bannerli .banner .swiper-button-prev {
        display: none;
    }

    #c_portalResEbizads_banner-bannerli .banner .swiper-button-next {
        display: none;
    }
}

#c_portalResEbizads_banner-bannerli {
    width: auto;
    max-width: none;
    min-width: 300px;
    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-content {
    width: 94%;
    max-width: 1600px;
    min-width: 320px;
    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: 1024px) and (min-width: 769px) {
}

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

#c_portalResProduct_list-propic .p_Product {
    width: calc((100% - 0px)/4);
}

#c_portalResProduct_list-propic .p_CommonSummaryBoxA {
    text-align: center;
}

#c_portalResProduct_list-propic .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResProduct_list-propic >div {
    animation-fill-mode: both;
}

#c_portalResProduct_list-propic .proBox {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#c_portalResProduct_list-propic .proContainer {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 0px;
    margin: auto;
}

#c_portalResProduct_list-propic .proLi {
    position: relative;
    overflow: hidden;
    padding: 10px;
    font-size: 14px;
}

#c_portalResProduct_list-propic .porTbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 260px;
    background: rgba(255,255,255,1);
}

#c_portalResProduct_list-propic .proImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all .5s ease;
}

#c_portalResProduct_list-propic .porBbox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding: 10px;
    border: 1px solid #f2f2f2;
    background: rgba(255,255,255,.5);
}

#c_portalResProduct_list-propic .proTitle {
    font-size: 1rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

#c_portalResProduct_list-propic .proSummry {
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    margin: 10px 0;
    text-overflow: ellipsis;
}

#c_portalResProduct_list-propic .lookDetail {
    position: relative;
    display: block;
    color: #777;
    height: 38px;
    line-height: 38px;
    border-top: 1px solid #e5e5e5;
}

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

#c_portalResProduct_list-propic .arrowsR img {
    position: absolute;
    transition: all .5s ease;
}

#c_portalResProduct_list-propic .harr {
    opacity: 0;
}

#c_portalResProduct_list-propic .showBox {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.6);
    transition: all 0.5s ease;
}

#c_portalResProduct_list-propic .showBoxLink {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 60%;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    padding: 0.5rem 0;
}

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

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

@media only screen and (min-width: 769px) {
    #c_portalResProduct_list-propic .proLi {
        height:400px;
    }

    #c_portalResProduct_list-propic .lookDetail:hover .barr {
        opacity: 0;
    }

    #c_portalResProduct_list-propic .lookDetail:hover .harr {
        opacity: 1;
    }

    #c_portalResProduct_list-propic .proLi:hover .showBox {
        opacity: 1;
    }

    #c_portalResProduct_list-propic .proLi:hover .proImg {
        transform: translate( -50%, -50%) scale(1.1);
    }

    #c_portalResProduct_list-propic .proLi:hover .showBoxLink::before {
        width: 1rem;
    }

    #c_portalResProduct_list-propic .proLi:hover showBoxLink::after {
        width: 1rem;
    }
}

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

    #c_portalResProduct_list-propic .proLi {
        width: 50%;
        height: 400px;
    }
}

#c_portalResProduct_list-propic .p_page .pre .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#c_portalResProduct_list-propic .p_page .next .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#c_portalResProduct_list-propic .p_more .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#c_portalResProduct_list-propic .p_loading .iconfont:before {
    shadow-angle: 0;
    shadow-distance: 0;
    shadow-angle-ofInset: 0;
    shadow-distance-ofInset: 0;
}

#c_portalResProduct_list-propic {
    width: 94%;
    max-width: 1600px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 1%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 50px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#morelinks .proMore {
    display: block;
    width: 100%;
    height: 48px;
    line-height: 44px;
    text-align: center;
    color: #808080;
    border: 2px solid #999;
    margin: 50px auto 0;
    font-family: textfont;
    font-size: 16px;
    position: relative;
    z-index: 2;
    transition: all 0.5s;
}

#morelinks .proMore:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 0%;
    height: 100%;
    background: linear-gradient(to top,#0165ce 0%, #0132bb 100%);
    z-index: -1;
    transition: all 0.5s;
}

#morelinks .proMore:hover {
    color: #fff;
    border-color: #0132bb;
}

#morelinks .proMore:hover:after {
    left: 0;
    width: 100%;
}

@media only screen and (max-width: 768px) {
    #morelinks .proMore {
        margin:35px auto 0;
    }
}

#morelinks {
    width: auto;
    max-width: 160px;
    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;
}

#morelinks2 .proMore {
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: #808080;
    border: 2px solid #999;
    margin: 50px auto 0;
    font-family: textfont;
    font-size: 16px;
    position: relative;
    z-index: 2;
    transition: all 0.5s;
}

#morelinks2 .proMore:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 0%;
    height: 100%;
    background: linear-gradient(to top,#0165ce 0%, #0132bb 100%);
    z-index: -1;
    transition: all 0.5s;
}

#morelinks2 .proMore:hover {
    color: #fff;
    border-color: #0132bb;
}

#morelinks2 .proMore:hover:after {
    left: 0;
    width: 100%;
}

@media only screen and (max-width: 768px) {
    #morelinks2 .proMore {
        margin:35px auto 0;
    }
}

#morelinks2 {
    width: auto;
    max-width: 200px;
    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;
}


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

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

@media only screen and (min-width: 1025px) {
    #c_portalResnav_main-navtopb .tNavBox {
        width:100%;
        height: auto;
        overflow: visible;
        background: none;
    }

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

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

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

    #c_portalResnav_main-navtopb .tNav {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }

    #c_portalResnav_main-navtopb .navUl {
        width: 100%;
        display: flex;
        font-size: 0;
    }

    #c_portalResnav_main-navtopb .navLi {
        padding: 0;
        width: 16%;
        display: inline-block;
        font-size: 1rem;
    }

    #c_portalResnav_main-navtopb .navLi.tplink9 {
        display: none;
    }

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

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

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

    #c_portalResnav_main-navtopb .tNav .navName {
        position: relative;
        display: block;
        padding: 0;
        line-height: 90px;
        font-size: 17px;
        color: #333;
        text-align: center;
        font-weight: 400;
        transition: all .5s ease;
    }

    #c_portalResnav_main-navtopb .tNav.active .navName {
        color: #333;
    }

    #c_portalResnav_main-navtopb .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: #0132bb;
    }

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

    #c_portalResnav_main-navtopb .navLi:hover .slidBox {
        height: auto;
        display: block;
    }

    #c_portalResnav_main-navtopb .slidBox {
        position: fixed;
        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: #f8f8f8;
        box-shadow: 0 2px 5px rgba(0,0,0,0.075);
        border-top: 1px solid #f8f8f8;
        display: none;
    }

    #c_portalResnav_main-navtopb .slidBox .ej_neirong {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 94%;
        margin: 0px auto;
    }

    #c_portalResnav_main-navtopb .slidBox .ej_neirong .left_con {
        width: 100%;
        padding: 60px 0px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: row;
    }

    #c_portalResnav_main-navtopb .slidBox .ej_neirong .right_con {
        width: 25%;
        display: none;
    }

    #c_portalResnav_main-navtopb .ej_neirong .left_con .nav_infor {
        width: 60%;
    }

    #c_portalResnav_main-navtopb .ej_neirong .left_con .nav_infor .t {
        font-size: 30px;
        color: #333;
        font-weight: normal;
        line-height: 30px;
        margin-bottom: 30px;
    }

    #c_portalResnav_main-navtopb .ej_neirong .left_con .nav_infor .c {
        font-size: 14px;
        color: #666;
        line-height: 25px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        margin-bottom: 17px;
    }

    #c_portalResnav_main-navtopb .ej_neirong .left_con .nav_img {
        width: 33%;
    }

    #c_portalResnav_main-navtopb .ej_neirong .left_con .nav_img .oneimg {
        position: relative;
        display: block;
        width: 100%;
        height: 0;
        overflow: hidden;
        padding-bottom: 45%;
    }

    #c_portalResnav_main-navtopb .ej_neirong .left_con .nav_img .oneimg .img100 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(1);
        width: 100%;
        height: auto;
        transition: all 0.8s ease .1s;
    }

    #c_portalResnav_main-navtopb .right_con .r_infor {
        padding-left: 10%;
        width: 100%;
        padding-top: 60px;
    }

    #c_portalResnav_main-navtopb .r_infor dt {
        font-size: 28px;
        font-weight: normal;
        color: #fff;
        line-height: 28px;
        margin-bottom: 24px;
    }

    #c_portalResnav_main-navtopb .r_infor dd {
        font-size: 16px;
        color: #fff;
        line-height: 36px;
    }

    #c_portalResnav_main-navtopb .r_infor dd a {
        color: #fff;
    }

    #c_portalResnav_main-navtopb .navLi .slidBox .slidBox_con {
        width: 100%;
        overflow: hidden;
        display: none;
    }

    #c_portalResnav_main-navtopb .navLi .slidBox .slidBox_con .slidBox_con_w {
        width: 100vw;
    }

    #c_portalResnav_main-navtopb .navLi:hover .slidBox .slidBox_con {
        display: block;
        overflow: hidden;
    }

    #c_portalResnav_main-navtopb .leftBox {
        position: relative;
        width: 19%;
        margin-right: 8%;
        height: auto;
        float: left;
        text-align: right;
        overflow: hidden;
        display: none;
    }

    #c_portalResnav_main-navtopb .navSbox {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;
        white-space: nowrap;
        margin: 0 auto;
        padding: 0;
    }

    #c_portalResnav_main-navtopb .navSli {
        width: 33.33%;
        float: left;
        padding-right: 5%;
        line-height: 1.4;
    }

    #c_portalResnav_main-navtopb .navSlink {
        display: block;
        position: relative;
        padding: 15px 0;
        border-bottom: 1px solid #e4e4e4;
        -webkit-transition: padding 250ms cubic-bezier(.25,.46,.45,.94);
        transition: padding 250ms cubic-bezier(.25,.46,.45,.94);
    }

    #c_portalResnav_main-navtopb .navSlink span {
        display: block;
        font-size: 15px;
        color: #333;
    }

    #c_portalResnav_main-navtopb .navSlink:hover span {
        color: #0132bb;
    }

    #c_portalResnav_main-navtopb .navSlink span.en {
        margin-bottom: 8px;
        text-transform: uppercase;
        display: none;
    }

    #c_portalResnav_main-navtopb .navSlink span.cn {
        letter-spacing: 1px;
    }

    #c_portalResnav_main-navtopb .navSlink:after {
        content: '';
        width: 0%;
        height: 1px;
        background: #999;
        position: absolute;
        bottom: -1px;
        left: 0;
        -webkit-transition: width 250ms cubic-bezier(.25,.46,.45,.94);
        transition: width 250ms cubic-bezier(.25,.46,.45,.94);
    }

    #c_portalResnav_main-navtopb .navSlink:before {
        font-family: iconfont;
        content: '\eb0a';
        width: 12px;
        height: 12px;
        position: absolute;
        filter: grayscale(1);
        top: 50%;
        right: 0;
        margin-top: -6px;
        background-image: url();
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-transition: right 250ms cubic-bezier(.25,.46,.45,.94);
        transition: right 250ms cubic-bezier(.25,.46,.45,.94);
    }

    #c_portalResnav_main-navtopb .navSlink:hover:before {
        font-family: iconfont;
        content: '\eb09';
        right: 12px;
    }

    #c_portalResnav_main-navtopb .navSlink:hover:after {
        width: 100%;
    }

    #c_portalResnav_main-navtopb .navSlink:hover {
        padding-left: 0px;
    }

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

    #c_portalResnav_main-navtopb .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-navtopb .tNavMore {
        display: block;
        position: relative;
        height: auto;
        padding-top: 25px;
        border-top: 1px dashed #cccccc;
        margin-top: 20px;
        cursor: pointer;
    }

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

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

    #c_portalResnav_main-navtopb .tNavMore:hover .txt {
        color: #0656a9;
        margin-left: 10px;
    }

    #c_portalResnav_main-navtopb .tNavMore:hover .leanMore {
        color: #0656a9;
    }

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

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

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

    #c_portalResnav_main-navtopb .navSli:hover .navSlink {
        color: #e3c39a;
    }

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

@media only screen and (max-width: 1460px) and (min-width: 1025px) {
    #c_portalResnav_main-navtopb .navName {
        padding: 1.75rem 0vw;
        font-size: 14px;
    }
}

@media only screen and (max-width: 1024px) {
    #c_portalResnav_main-navtopb .nav_infor .t {
        display:none;
    }

    #c_portalResnav_main-navtopb .nav_infor .c {
        display: none;
    }

    #c_portalResnav_main-navtopb .right_con {
        display: none;
    }

    #c_portalResnav_main-navtopb .nav_img {
        display: none;
    }

    #c_portalResnav_main-navtopb .navSlink span.en {
        display: none;
    }

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

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

    #c_portalResnav_main-navtopb .tNavBox {
        position: relative;
        overflow: hidden;
        height: 70px;
        background: none;
    }

    #c_portalResnav_main-navtopb .navBtn {
        position: absolute;
        top: 0.6rem;
        right: 8px;
        background: #3b3b3b;
        width: 50px;
        height: 50px;
        padding: 5px;
        line-height: 70px;
        border-radius: 15%;
    }

    #c_portalResnav_main-navtopb .navLine {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    #c_portalResnav_main-navtopb .navLine i {
        font-size:24px;
        color: #fff;
    }

    #c_portalResnav_main-navtopb .navBtnImg {
        display: block;
        width: 90%;
        height: 70%;
    }

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

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

    #c_portalResnav_main-navtopb .slidBox {
        display: none;
    }

    #c_portalResnav_main-navtopb .navUl {
        background: #f5f5f5;
        overflow: hidden;
    }

    #c_portalResnav_main-navtopb .navLi {
        border-bottom: 1px solid #ddd;
        position: relative;
    }

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

    #c_portalResnav_main-navtopb .tNavHBac {
        background-color: #eaeaea;
    }

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

    #c_portalResnav_main-navtopb .iconJt {
        position: absolute;
        top: 0;
        right: 5%;
        display: flex;
        width: 50%;
        height: 46px;
        justify-content: flex-end;
        align-items: center;
        color: #333;
        font-size: 0.875rem;
        transition: all .5s ease;
    }

    #c_portalResnav_main-navtopb .iconJtRotate {
        transform: rotateX(180deg);
    }

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

    #c_portalResnav_main-navtopb i {
        font-size: 30px;
    }

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

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

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

#c_portalResnav_main-navtopb {
    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;
}

#c_portalResSearch_total-searchall .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#c_portalResSearch_total-searchall >div {
    animation-fill-mode: both;
}

#c_portalResSearch_total-searchall .dialog {
    width: 100%;
    height: 36px;
    background: none;
}

#c_portalResSearch_total-searchall .diaBtn i {
    font-size: 30px;
    color: #333;
}

#c_portalResSearch_total-searchall .dialog.active .diaBtn i {
    color: #333;
}

#c_portalResSearch_total-searchall .dialog.active .diaBtn {
    color: #7d7d7d;
    border: none;
    background: none;
}

#c_portalResSearch_total-searchall .dialog.active:hover .diaBtn {
    border: none;
    background: none;
}

#c_portalResSearch_total-searchall .dialog.active:hover i {
    color: #0132bb;
}

#c_portalResSearch_total-searchall .diaBtn {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    background: none;
    border: none;
    transition: all .5s ease;
    cursor: pointer;
}

#c_portalResSearch_total-searchall .lay {
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #666 url(searchbg.jpg) no-repeat center bottom;
    opacity: 1;
    transition: all .5s ease;
}

#c_portalResSearch_total-searchall .fadeInDown {
    animation-name: fadeInDown;
    animation-duration: 0.5s;
    animation-delay: 0s;
    animation-fill-mode: both;
}

#c_portalResSearch_total-searchall .forward {
    display: none;
}

#c_portalResSearch_total-searchall .p_headbox {
    max-width: 1200px;
    width: 80%;
    margin: 0 auto;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #d1d1d1;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#c_portalResSearch_total-searchall .p_contentBox {
    min-width: 290px;
    background: #fff;
    text-align: center;
    position: relative;
    z-index: 5;
    opacity: 1;
    width: 100%;
    max-width: none;
    padding: 2% 5%;
    cursor: auto;
}

#c_portalResSearch_total-searchall .searchtxt {
    padding: 25px 25px 5px;
    font-size: 18px;
    font-weight: 500;
    display: none;
}

#c_portalResSearch_total-searchall .p_searchBox {
    border: none;
    background: none;
    line-height: 45px;
    height: 45px;
    overflow: hidden;
}

#c_portalResSearch_total-searchall .p_searchBox .p_input {
    min-width: 600px;
    line-height: 45px;
    height: 45px;
}

#c_portalResSearch_total-searchall #search_keyword {
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-indent: 15px;
    background: none;
    padding: 0px;
    font-size: 14px;
    border: none;
    color: #666;
}

#c_portalResSearch_total-searchall .btnBox {
    width: 100px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 22px;
    color: #666;
    position: relative;
}
#c_portalResSearch_total-searchall .btnBox button {
    background: none;
	border:none;
	color:#ffffff;
}

#c_portalResSearch_total-searchall .closse {
    position: absolute;
    right: 5px;
    top: 5%;
    z-index: 3;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#c_portalResSearch_total-searchall .p_searchBtn {
    background: none;
    padding: 0px;
    width: 100%;
    justify-content: center;
    display: flex;
    margin: 0px;
    border-radius: 0px;
    height: 45px;
    overflow: hidden;
    line-height: 45px;
    border: none;
    color: #000;
}

#c_portalResSearch_total-searchall .p_searchBtn .font {
    font-size: 22px;
}

#c_portalResSearch_total-searchall .hiden {
    opacity: 0;
    display: none;
}

#c_portalResSearch_total-searchall .p_searchBtn:hover {
    background-color: rgba(0,0,0,0.05)!important;
}

#c_portalResSearch_total-searchall .closse:hover {
    background-color: rgba(0,0,0,0.05)!important;
}

@media only screen and (max-width: 768px) {
    #c_portalResSearch_total-searchall .diaBtn i {
        color:#999;
    }

    #c_portalResSearch_total-searchall .ss_keyword {
        display: none;
    }

    #c_portalResSearch_total-searchall .search_logo {
        display: none;
    }

    #c_portalResSearch_total-searchall .font_txt {
        display: none;
    }

    #c_portalResSearch_total-searchall .p_contentBox {
        width: 100%;
        padding: 3% 5%;
    }

    #c_portalResSearch_total-searchall .p_headbox {
        margin: 0px;
        border: none;
        position: relative;
        width: 80%;
        border-bottom: 1px solid #d1d1d1;
        padding: 0;
    }

    #c_portalResSearch_total-searchall .dialog .diaBtn {
        border: none;
        background: none;
        border-radius: 0px;
        line-height: 36px;
        margin-top: 0px;
    }

    #c_portalResSearch_total-searchall .dialog.active:hover .diaBtn {
        border: none;
        background: none;
    }

    #c_portalResSearch_total-searchall .closse {
        top: 20%;
    }

    #c_portalResSearch_total-searchall #search_keyword {
        text-indent: 5px;
		width: 100%;
    }

    #c_portalResSearch_total-searchall #search_keyword::placeholder {
        font-size: 0.875rem;
        color: #8d9095;
    }

    #c_portalResSearch_total-searchall .last {
        display: none;
    }

    #c_portalResSearch_total-searchall .p_searchBtn {
        width: auto;
    }

    #c_portalResSearch_total-searchall .p_searchBtn .font {
        line-height: 45px;
    }
}

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


    #c_portalResSearch_total-searchall .p_headbox {
        border-bottom: none;
        max-width: 960px;
    }

    #c_portalResSearch_total-searchall .p_contentBox {
        height: 100%;
        display: flex;
        padding: 0px;
        background: none;
        margin: 0 auto;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #c_portalResSearch_total-searchall .search_logo img {
        max-width: 358px;
        width: 100%;
        height: auto;
    }

    #c_portalResSearch_total-searchall .search_logo {
        margin-bottom: 2%;
    }

    #c_portalResSearch_total-searchall .p_searchBox {
        background: #fff;
        border-radius: 5px;
        width: 85%;
    }

    #c_portalResSearch_total-searchall .btnBox {
        width: 14%;
        background: linear-gradient(to top,#0165ce 0%, #0132bb 100%);
        border-radius: 5px;
    }

    #c_portalResSearch_total-searchall .p_searchBtn .font {
        display: none;
    }

    #c_portalResSearch_total-searchall .p_searchBtn .font_txt {
        display: block;
        color: #fff;
        font-size: 20px;
    }

    #c_portalResSearch_total-searchall .closse {
        position: relative;
        bottom: 0px;
        left: 0px;
        top: 15%;
        border-radius: 50%;
        border: 2px solid #999;
        right: 0px;
        width: 60px;
        height: 60px;
        line-height: 60px;
        transition: all .5s ease;
    }

    #c_portalResSearch_total-searchall .closse:hover {
        transform: rotate(90deg);
        border: 2px solid #0132bb;
    }

    #c_portalResSearch_total-searchall .closse .iconfont {
        font-size: 30px;
        color: #999;
        transition: all .5s ease;
    }

    #c_portalResSearch_total-searchall .closse:hover .iconfont {
        color: #999;
    }

    #c_portalResSearch_total-searchall .ss_keyword {
        display: flex;
        flex-direction: row;
        font-size: 16px;
        flex-wrap: wrap;
        margin-bottom: 2%;
    }

    #c_portalResSearch_total-searchall .ss_keyword a {
        color: #fff;
        line-height: 40px;
        margin: 0px;
        padding: 0px 20px;
        display: block;
        position: relative;
    }

    #c_portalResSearch_total-searchall .ss_keyword a:hover {
        color: #0132bb;
    }

    #c_portalResSearch_total-searchall .ss_keyword a:before {
        content: '';
        position: absolute;
        height: 16px;
        width: 1px;
        background: rgba(255,255,255,.5);
        right: 0%;
        top: 12px;
    }

    #c_portalResSearch_total-searchall .ss_keyword a:last-child:before {
        display: none;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #c_portalResSearch_total-searchall .diaBtn i {
        color:#333;
    }

    #c_portalResSearch_total-searchall .dialog .diaBtn {
        border: none;
        background: none;
    }

    #c_portalResSearch_total-searchall .dialog.active:hover .diaBtn {
        border: none;
        background: none;
    }
}

#c_portalResSearch_total-searchall .p_product .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResSearch_total-searchall .p_info .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResSearch_total-searchall .p_atlas .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResSearch_total-searchall .p_recruit .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResSearch_total-searchall .p_intro .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResSearch_total-searchall .p_mapPosition .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResSearch_total-searchall .p_question .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResSearch_total-searchall .p_corpVideo .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResSearch_total-searchall .p_companyfile .iconfont:before {
    shadow-angle: 0px;
    shadow-distance: 0px;
    shadow-angle-ofInset: 0px;
    shadow-distance-ofInset: 0px;
}

#c_portalResSearch_total-searchall {
    width: auto;
    max-width: 1180px;
    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;
}


#header > div > .p_tablebox > .p_tableCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#header > div > .p_tablebox {
    position: relative;
    overflow: visible;
    height: 0px;
}

#header > div > .p_tablebox > .p_tableCell>.width_table-000:nth-child(1) {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 5;
}

@media only screen and (max-width: 768px) {
    #header > div > .p_tablebox {
        position:relative;
        overflow: visible;
        height: 70px;
    }
}

#width_table-topb > div > .p_tablebox > .p_tableCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#width_table-topb > div > .p_tablebox > .p_tableCell>.width_table-000:nth-child(2) {
    position: absolute;
    top: 89px;
    left: 0;
    width: 100%;
    z-index: 1;
}

#width_table-topb > div > .p_tablebox {
    overflow: visible;
}

@media only screen and (max-width: 768px) {
    #width_table-topb > div > .p_tablebox > .p_tableCell>.width_table-000:nth-child(2) {
        top:69px;
    }
}

#width_table-topc > div > .p_tablebox > .p_tableCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#width_table-topc > div > .p_tablebox {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0px;
    background: rgba(0,0,0,0);
    border-bottom: 0px solid rgba(255,255,255,0);
    transition: all .5s ease;
    z-index: 100;
    overflow: visible;
}

#width_table-topc.active > div > .p_tablebox {
    top: 0px;
    background: #FFF;
    border-bottom: 1px solid #F5F5F5;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 769px) {
    #width_table-topc > div > .p_tablebox > .p_tableCell>.width_table-003:nth-child(1) {
        box-shadow:0 3px 4px rgba(0, 0, 0, 0);
        transition: all .3s ease;
        width: 100%;
        max-width: 94%;
        margin: auto;
        height: 90px;
        line-height: 90px;
    }

    #width_table-topc.active > div > .p_tablebox > .p_tableCell>.width_table-003:nth-child(1) {
        width: 100%;
        max-width: 94%;
        height: 90px;
        line-height: 90px;
    }
}

@media only screen and (max-width: 1366px) and (min-width: 1025px) {
    #width_table-topc > div > .p_tablebox > .p_tableCell>.width_table-003:nth-child(1) {
        max-width:94%;
    }

    #width_table-topc.active > div > .p_tablebox > .p_tableCell>.width_table-003:nth-child(1) {
        max-width: 94%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #width_table-topc > div > .p_tablebox > .p_tableCell>.width_table-003:nth-child(1) {
        width:100%;
        max-width: 100%;
        height: 70px;
        line-height: 70px;
    }

    #width_table-topc.active > div > .p_tablebox > .p_tableCell>.width_table-003:nth-child(1) {
        width: 100%;
        max-width: 100%;
        height: 70px;
        line-height: 70px;
        background: #fff;
    }
}

@media only screen and (max-width: 768px) {
    #width_table-topc > div > .p_tablebox > .p_tableCell>.width_table-003:nth-child(1) {
        width:100%;
        max-width: 100%;
        height: 70px;
        line-height: 70px;
        background: #fff;
    }

    #width_table-topc.active > div > .p_tablebox > .p_tableCell>.width_table-003:nth-child(1) {
        width: 100%;
        max-width: 100%;
        height: 70px;
        line-height: 70px;
        background: #fff;
    }
}

#width_table-topd > div > .p_tablebox {
    display: flex;
    align-items: center;
    overflow: visible;
    position: relative;
}

#width_table-topd .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#width_table-topd >div {
    animation-fill-mode: both;
}

#width_table-topd > div > .p_tablebox > .p_tableCell:nth-child(3n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (max-width: 768px) {
    #width_table-topd> div > .p_tablebox > .p_tableCell:nth-child(3)>.width_table-001:nth-child(1) {
        width:80px;
    }

    #width_table-topd> div > .p_tablebox > .p_tableCell {
        margin-bottom: 0rem;
        margin-top: 0rem;
        margin-left: 0%;
    }

    #width_table-topd> div > .p_tablebox > .p_tableCell:nth-child(3n+0) {
        width: 80px;
        margin-left: 0%;
        position: absolute;
        right: 60px;
        margin-right: 0px;
        top: auto;
        clear: none;
    }

    #width_table-topd> div > .p_tablebox > .p_tableCell:nth-child(3n+1) {
        margin-left: 0px;
        clear: left;
        margin-right: 0px;
        width: calc(100% - 180px);
    }

    #width_table-topd> div > .p_tablebox > .p_tableCell:nth-child(3n+2) {
        width: 70px;
        margin-left: 0%;
        margin-right: 0px;
        clear: none;
        right: 0;
        top: 0;
        z-index: 2;
        position: absolute;
    }

    #width_table-topd> div > .p_tablebox > .p_tableCell:nth-child(3n) {
        margin-right: 0px;
    }
}

@media only screen and (min-width: 769px) {
    #width_table-topd> div > .p_tablebox > .p_tableCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0%;
    }

    #width_table-topd> div > .p_tablebox > .p_tableCell:nth-child(3n+0) {
        width: 3%;
        margin-left: 0%;
        margin-right: 0px;
        clear: none;
    }

    #width_table-topd> div > .p_tablebox > .p_tableCell:nth-child(3n+1) {
        margin-left: 0px;
        clear: left;
        margin-right: 0px;
        width: 20%;
    }

    #width_table-topd> div > .p_tablebox > .p_tableCell:nth-child(3n+2) {
        width: 75%;
        margin-left: 2%;
        margin-right: 0%;
        clear: none;
    }

    #width_table-topd> div > .p_tablebox > .p_tableCell:nth-child(3n) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #width_table-topd> div > .p_tablebox > .p_tableCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0%;
    }

    #width_table-topd> div > .p_tablebox > .p_tableCell:nth-child(3n+0) {
        width: 140px;
        margin-left: 0%;
        position: absolute;
        right: 75px;
        margin-right: 0px;
        top: auto;
        clear: none;
    }

    #width_table-topd> div > .p_tablebox > .p_tableCell:nth-child(3n+1) {
        margin-left: 0px;
        clear: left;
        margin-right: 0px;
        width: 30%;
    }

    #width_table-topd> div > .p_tablebox > .p_tableCell:nth-child(3n+2) {
        width: 70px;
        margin-left: 0%;
        margin-right: 0px;
        clear: none;
        right: 0;
        top: 0;
        z-index: 2;
        position: absolute;
    }

    #width_table-topd> div > .p_tablebox > .p_tableCell:nth-child(3n) {
        margin-right: 0px;
    }
}

#width_table-tope > div > .p_tablebox {
    background-color: rgba(255, 255, 255, 0);
}

#width_table-tope .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#width_table-tope >div {
    animation-fill-mode: both;
}

#width_table-tope > div > .p_tablebox > .p_tableCell:nth-child(n+1) {
    margin-left: 0px;
    clear: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

@media only screen and (max-width: 768px) {
    #width_table-tope> div > .p_tablebox > .p_tableCell>.w_fimg-000:nth-child(1) img {
        transform: scale(0.8);
    }
}

@media only screen and (min-width: 769px) {
    #width_table-tope> div > .p_tablebox > .p_tableCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0;
    }

    #width_table-tope> div > .p_tablebox > .p_tableCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    #width_table-tope> div > .p_tablebox > .p_tableCell:nth-child(1n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #width_table-tope> div > .p_tablebox > .p_tableCell>.w_fimg-000:nth-child(1) img {
        transform: scale(0.8);
    }
}

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

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

@media only screen and (max-width: 1024px) {
    #w_fimg-topf .p_dimage {
        background: url(logo.png) center center no-repeat;
        background-size: 100%;
        margin-left: 15px;
    }

    #w_fimg-topf .p_dimage>img {
        visibility: hidden;
        opacity: 0;
    }
}

#width_table-navtop > div > .p_tablebox > .p_tableCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

#width_table-searchtop > div > .p_tablebox {
    display: flex;
    align-items: center;
    position: relative;
    overflow: visible;
}

#width_table-searchtop .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#width_table-searchtop >div {
    animation-fill-mode: both;
}

#width_table-searchtop > div > .p_tablebox > .p_tableCell:nth-child(2n+1) {
    margin-left: 0px;
    clear: left;
}

#width_table-searchtop> div > .p_tablebox > .p_tableCell:nth-child(1) {
    display: flex;
}

@media only screen and (max-width: 768px) {
    #width_table-searchtop> div > .p_tablebox > .p_tableCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0%;
    }

    #width_table-searchtop> div > .p_tablebox > .p_tableCell:nth-child(3n+0) {
        width: 33.33%;
        margin-left: 0%;
        margin-right: 0px;
        clear: none;
    }

    #width_table-searchtop> div > .p_tablebox > .p_tableCell:nth-child(3n+1) {
        margin-left: 0px;
        clear: left;
        margin-right: 0px;
        width: 33.33%;
    }

    #width_table-searchtop> div > .p_tablebox > .p_tableCell:nth-child(3n+2) {
        width: 33.33%;
        margin-left: 0%;
        margin-right: 0px;
        clear: none;
    }

    #width_table-searchtop> div > .p_tablebox > .p_tableCell:nth-child(3n) {
        margin-right: 0px;
    }

    #width_table-searchtop> div > .p_tablebox > .p_tableCell:nth-child(1) {
        width: 50%;
    }

    #width_table-searchtop> div > .p_tablebox > .p_tableCell:nth-child(3) {
        width: 50%;
    }

    #width_table-searchtop> div > .p_tablebox > .p_tableCell:nth-child(2) {
        display: none;
    }
}

@media only screen and (min-width: 769px) {
    #width_table-searchtop> div > .p_tablebox > .p_tableCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0%;
    }

    #width_table-searchtop> div > .p_tablebox > .p_tableCell:nth-child(3n+0) {
        width: 33.33%;
        margin-left: 0%;
        margin-right: 0px;
        clear: none;
    }

    #width_table-searchtop> div > .p_tablebox > .p_tableCell:nth-child(3n+1) {
        margin-left: 0px;
        clear: left;
        margin-right: 0px;
        width: 33.33%;
    }

    #width_table-searchtop> div > .p_tablebox > .p_tableCell:nth-child(3n+2) {
        width: 33.33%;
        margin-left: 0%;
        margin-right: 0px;
        clear: none;
    }

    #width_table-searchtop> div > .p_tablebox > .p_tableCell:nth-child(3n) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #width_table-searchtop> div > .p_tablebox > .p_tableCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0%;
    }

    #width_table-searchtop> div > .p_tablebox > .p_tableCell:nth-child(3n+0) {
        width: 33.33%;
        margin-left: 0%;
        margin-right: 0px;
        clear: none;
    }

    #width_table-searchtop> div > .p_tablebox > .p_tableCell:nth-child(3n+1) {
        margin-left: 0px;
        clear: left;
        margin-right: 0px;
        width: 33.33%;
    }

    #width_table-searchtop> div > .p_tablebox > .p_tableCell:nth-child(3n+2) {
        width: 33.33%;
        margin-left: 0%;
        margin-right: 0px;
        clear: none;
    }

    #width_table-searchtop> div > .p_tablebox > .p_tableCell:nth-child(3n) {
        margin-right: 0px;
    }
}

#banner > div > .p_tablebox > .p_tableCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#bannerall > div > .p_tablebox > .p_tableCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#profiles > div > .p_tablebox {
    background: url(profilebg.jpg) no-repeat center top;
}

#profiles .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#profiles >div {
    animation-fill-mode: both;
    z-index: 1;
    position: relative;
}

#profiles > div > .p_tablebox > .p_tableCell:nth-child(2n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (max-width: 768px) {
    #profiles > div > .p_tablebox > .p_tableCell:nth-child(2n+1) {
        margin-bottom:2rem;
        margin-top: 2rem;
    }
}

@media only screen and (min-width: 769px) {
    #profiles > div > .p_tablebox {
        display:flex;
        align-items: center;
    }

    #profiles> div > .p_tablebox > .p_tableCell {
        margin-bottom: 0rem;
        margin-top: 0rem;
        margin-left: 0%;
    }

    #profiles> div > .p_tablebox > .p_tableCell:nth-child(2n+0) {
        width: 50%;
        margin-left: 0%;
        margin-right: 0px;
        clear: none;
    }

    #profiles> div > .p_tablebox > .p_tableCell:nth-child(2n+1) {
        margin-left: 0px;
        clear: left;
        margin-right: 0px;
        width: 50%;
    }

    #profiles> div > .p_tablebox > .p_tableCell:nth-child(2n) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #profiles> div > .p_tablebox > .p_tableCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0%;
    }

    #profiles> div > .p_tablebox > .p_tableCell:nth-child(2n+0) {
        width: 50%;
        margin-left: 0%;
        margin-right: 0;
        clear: none;
    }

    #profiles> div > .p_tablebox > .p_tableCell:nth-child(2n+1) {
        margin-left: 0;
        clear: left;
        margin-right: 0;
        width: 50%;
    }

    #profiles> div > .p_tablebox > .p_tableCell:nth-child(2n) {
        margin-right: 0;
    }
}

#width_table-aboutus > div > .p_tablebox {

}

#width_table-aboutus .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#width_table-aboutus >div {
    animation-fill-mode: both;
}

#width_table-aboutus > div > .p_tablebox > .p_tableCell:nth-child(n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (min-width: 769px) {
    #width_table-aboutus> div > .p_tablebox > .p_tableCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0;
    }

    #width_table-aboutus> div > .p_tablebox > .p_tableCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    #width_table-aboutus> div > .p_tablebox > .p_tableCell:nth-child(1n) {
        margin-right: 0;
    }
}

#width_table-gywm > div > .p_tablebox > .p_tableCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_fline-gywmttitle .p_FLine {
    border-top-color: rgba(1, 50, 187, 1);
    border-top-width: 4px;
    width: 30%;
    border-top-style: solid;
}

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

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

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

#w_common_text-gywmcontent .p_link001 {
    height: calc(100%);
}
#w_common_text-gywmt .entitle {
    font-size:40px;
}
#w_common_text-gywmcontent .cntitle {
    font-size:24px;
    line-height:1.7;
    color:#ffffff;
}

#w_common_text-gywmcontent .subtitle {
    font-size:16px;
    line-height:1.8;
    color:#d3d3d3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;

}
#w_common_text-newsy .subtitle {
    font-size:16px;
    line-height:1.5;
}

#products .p_MatteIcon .iconfont:before {
    content: '\e602';
}

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

#products > div > .p_tablebox > .p_tableCell:nth-child(n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (min-width: 769px) {
    #products> div > .p_tablebox > .p_tableCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0px;
    }

    #products> div > .p_tablebox > .p_tableCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
    }

    #products> div > .p_tablebox > .p_tableCell:nth-child(1n) {
        margin-right: 0px;
    }
}

#products .p_tablebox {
    background-repeat: repeat;
    background-position: top center;
}

#width_table-productslide > div > .p_tablebox > .p_tableCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_fline-prob .p_FLine {
    border-top-color: rgba(1, 50, 187, 1);
    border-top-width: 4px;
    width: 100%;
    border-top-style: solid;
}

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

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

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

#w_common_text-prot .p_link001 {
    height: calc(100%);
}

#news .p_MatteIcon .iconfont:before {
    content: '\e602';
}

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

#news > div > .p_tablebox > .p_tableCell:nth-child(n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (max-width: 768px) {
    #news> div > .p_tablebox > .p_tableCell {
        margin-bottom:2rem;
        margin-top: 2rem;
        margin-left: 0;
    }

    #news > div > .p_tablebox > .p_tableCell>.width_table-001:nth-child(2) {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 769px) {
    #news> div > .p_tablebox > .p_tableCell {
        margin-bottom:3rem;
        margin-top: 4rem;
        margin-left: 0;
    }

    #news> div > .p_tablebox > .p_tableCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    #news> div > .p_tablebox > .p_tableCell:nth-child(1n) {
        margin-right: 0;
    }
}

#width_table-newsnr .p_MatteIcon .iconfont:before {
    content: '\e602';
}

#width_table-newsnr >div {
    animation-fill-mode: both;
}

#width_table-newsnr > div > .p_tablebox > .p_tableCell:nth-child(2n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (max-width: 768px) {
    #width_table-newsnr> div > .p_tablebox > .p_tableCell:nth-child(2) {
        display:none;
    }
}

@media only screen and (min-width: 769px) {
    #width_table-newsnr> div > .p_tablebox > .p_tableCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0px;
    }

    #width_table-newsnr> div > .p_tablebox > .p_tableCell:nth-child(2n+0) {
        width: 50%;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    #width_table-newsnr> div > .p_tablebox > .p_tableCell:nth-child(2n+1) {
        margin-left: 0;
        clear: left;
        margin-right: 0;
        width: 50%;
    }

    #width_table-newsnr> div > .p_tablebox > .p_tableCell:nth-child(2n) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #width_table-newsnr> div > .p_tablebox > .p_tableCell {
        margin-bottom:0rem;
        margin-top: 0rem;
        margin-left: 0;
    }

    #width_table-newsnr> div > .p_tablebox > .p_tableCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    #width_table-newsnr> div > .p_tablebox > .p_tableCell:nth-child(1n) {
        margin-right: 0;
    }
}

#width_table-newsb > div > .p_tablebox > .p_tableCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

@media only screen and (max-width: 768px) {
    #width_table-newsb> div > .p_tablebox > .p_tableCell>.reset_style:nth-child(1) span {
        font-size:20px !important;
    }

}

#width_table-newsc > div > .p_tablebox > .p_tableCell:nth-child(n+1) {
    margin-left: 0;
    clear: left;
}

#w_fline-newsl .p_FLine {
    border-top-color: rgba(1, 50, 187, 1);
    border-top-width: 4px;
    width: 100%;
    border-top-style: solid;
}

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

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

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

#w_common_text-newsy .p_link001 {
    height: calc(100%);
}


#footers > div > .p_tablebox {
background-color:#666666
}

#footers .p_MatteIcon .iconfont:before {
    content: '\e602';
}

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

#footers > div > .p_tablebox > .p_tableCell:nth-child(n+1) {
    margin-left: 0px;
    clear: left;
}

@media only screen and (max-width: 768px) {
    #footers> div > .p_tablebox > .p_tableCell {
        margin-bottom:0rem;
        margin-top: 2rem;
        margin-left: 0px;
    }
}

@media only screen and (min-width: 769px) {
    #footers> div > .p_tablebox > .p_tableCell {
        margin-bottom:3rem;
        margin-top: 3rem;
        margin-left: 0px;
    }

    #footers> div > .p_tablebox > .p_tableCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        clear: none;
    }

    #footers> div > .p_tablebox > .p_tableCell:nth-child(1n) {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    #footers> div > .p_tablebox > .p_tableCell {
        margin-bottom:0rem;
        margin-top: 3rem;
        margin-left: 0px;
    }
}



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

#width_table-topb {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: auto;
    right: auto;
    transform: none;
    width: 100%;
    height: auto;
    z-index: 5;
    content: normal;
    max-width: none;
    min-width: 0px;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    -webkit-transform: none;
}

#width_table-topc {
    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;
}

#width_table-topd {
    width: 100%;
    max-width: 94%;
    min-width: 0px;
    height: 90px;
    max-height: none;
    min-height: 0px;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#width_table-tope {
    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-topf {
    width: 100%;
    max-width: 442px;
    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;
}

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

#width_table-searchtop {
    width: 140px;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 25px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

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

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

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

#width_table-aboutus {
    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;
}

#width_table-gywm {
    width: 80%;
    max-width: none;
    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_common_text-gywmt {
    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-gywmttitle {
    width: 100%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 20px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-gywmcontent {
    width: 80%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 1%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

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

#width_table-productslide {
    width: auto;
    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-proa {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 60px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_fline-prob {
    width: 10%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 20px;
    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-prot {
    width: auto;
    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;
}

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

#width_table-newsnr {
    width: 94%;
    max-width: 1600px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#width_table-newsb {
    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;
}

#width_table-newsc {
    width: auto;
    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-newsd {
    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-newsl {
    width: 10%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 20px;
    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_common_text-newsy {
    width: auto;
    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;
}

#width_table-1615043622065 {
    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;
}

#width_table-1615043622071 {
    width: 96%;
    max-width: 1600px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 192px;
    margin-top: 4.2%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4.2%;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#width_table-1604369886373 {
    width: 94%;
    max-width: 700px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 15%;
    margin-left: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1604369972723 {
    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-1607564156322 {
    width: 100%;
    max-width: 80px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 38px;
    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_common_text-1604369940140 {
    width: auto;
    max-width: 1400px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_fimgbox-1615043622077 {
    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: 20px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#width_table-1615043622087 {
    width: 88%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 30%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1615043622091 {
    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_common_text-1615043622094 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#width_table-1615043622082 {
    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_fimgbox-1615043622097 {
    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;
}

#width_table-1615043622105 {
    width: 90%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1615043622109 {
    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_common_text-1615043622112 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_fimgbox-1615043622101 {
    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;
}

#width_table-1615043622115 {
    width: 90%;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#w_common_text-1615043622120 {
    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_common_text-1615043622122 {
    width: auto;
    max-width: none;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

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

.konghang {
	height: 50px;
}
.list-1 {
	margin: 0px 0 0 -20px;
}

.list-1 li {
	float: left;
	width: 25%;
	padding-bottom: 60px;
}

.list-1 li a {
	display: block;
	padding: 20px 20px 50px;
	background-color: #f0f0f0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0 0 0 20px;
	position: relative;
}

.list-1 li .img-cover {
	padding-top: 66%;
}

.list-1 li .text {
	line-height: 40px;
	font-size: 18px;
	margin-top: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}

.list-1 li .desc {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	color: #888;
}

.list-1 li .more {
	border: 4px solid #f0f0f0;
	background: #ffffff;
	line-height: 56px;
	width: 60px;
	height: 60px;
	text-align: center;
	color: #b3b3b3;
	font-size: 12px;
	border-radius: 50%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	position: absolute;
	left: 50%;
	bottom: -34px;
	margin-left: -34px;
}

.list-1 li a:hover {
	background-color: #0165ce;
	color: #fff;
}

.list-1 li a:hover .img-cover span {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.list-1 li a:hover .more {
	background-color: #0132bb;
	color: #fff;
	border-color: #0132bb;
}

.list-1-1 .img-cover {
	margin: -20px -20px 0 -20px;
}
.img-cover {
    overflow: hidden;
    position: relative;
}
.img-cover span {
    display: block;
    width: 100%;
    background: no-repeat center / cover;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

@media screen and (max-width: 767px){
#w_common_text-proa{
    margin-top: 30px;
}
	.list-1 {
		margin: -30px 0 0 -10px;
		padding-bottom: 100px;

	}

	.list-1 li {
		width: 50%;
		padding-bottom: 20px;
	}

	.list-1 li a {
		margin: 30px 0 0 10px;
		padding: 10px 10px 30px 10px;
	}

	.list-1 li .text {
		font-size: 14px;
		line-height: 1.4;
		margin-top: 10px;
	}

	.list-1 li .desc {
		font-size: 12px;
		margin-top: 5px;
	}

	.list-1 li .more {
		width: 40px;
		height: 40px;
		line-height: 40px;
		margin-left: -24px;
		bottom: -24px;
	}
	#w_fimg-topf {
    width: 100%;
    max-width: 300px;
    min-width: 0px;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
#w_common_text-gywmcontent .subtitle {
    font-size:14px;
    line-height:1.5;
    color:#d3d3d3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

}
#w_common_text-gywmt .entitle {
    font-size:18px !important; 
}
#w_common_text-gywmcontent .cntitle {
    font-size:16px;
    line-height:1.7;
    color:#ffffff;
}
	}

	.clearboth{clear:both}

.footer {
	background-color: #272c31;
	padding-top: 60px;
	color: #bdbebf;
}

.footer .pp {
	display: none;
}

.footer a {
	color: #bdbebf;
}

.footer a:hover {
	color: #fff;
}

.footer dl {
	float: left;
	margin: 0 20px 0 0;
	width: 160px;
}
@media screen and (min-width: 1281px) and (max-width:1600px) {
.footer dl {
	float: left;
	margin: 0 20px 0 0;
	width: 120px;
}
}
@media screen and (min-width: 1024px) and (max-width:1280px) {
.footer dl {
	float: left;
	margin: 0 10px 0 0;
	width: 95px;
}
}
@media screen and (min-width: 769px) and (max-width:1024px) {
.footer dl {
	float: left;
	margin: 0 20px 0 0;
	width: 100px;
}
.footer .footer-contact {
	display:none;
}
}
.footer dt {
	margin-bottom: 15px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.footer dt:after {
	display: block;
	content: '';
	height: 1px;
	width: 34px;
	background-color: #52565a;
	margin-top: 10px;
}

.footer dd {
	margin: 0;
}

.footer dd li {
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.footer-contact {
	float: right;
	width: 180px;
}

.footer-contact .tel {
	font-size: 24px;
	color: #fff;
	line-height: 1.1;
}

.footer-contact .tel small {
	font-size: 16px;
}

.footer-contact .code {
	margin: 20px 0 0 0px;
}

.footer-contact .code .img-center {
	float: left;
	width: 100px;
}

.footer-contact .code .text {
	float: right;
	border-top: 1px solid #52565a;
	border-bottom: 1px solid #52565a;
	line-height: 28px;
	padding: 20px 0;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-webkit-writing-mode: tb-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: tb-rl;
	letter-spacing: 4px;
}

.footer-copy {
	color: #fff;
	margin-top: 50px;
	padding: 15px 0;
	text-align: center;
	border-top: 1px solid #444;
}

.footer-copy p {
	margin: 5px 0;
	line-height:30px;
}

.footer-copy a {
	color: #fff;
}
.container {
    padding: 0 15px;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;
}
.img-center {
    text-align: center;
    font-size: 0;
}
.img-center img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 500px;
    vertical-align: middle;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.clearfix {
    zoom: 1;
}
@media screen and (max-width: 767px) {
    #c_portalResSearch_total-searchall .lay {
    background: #666;
    }
.img-center img {
    max-height: 300px;
}

.footer {
	padding-top: 0px;
}
.footer .links {
		display: none;
	}

	.footer-copy {
		margin-top: 0px;
		font-size: 12px;
		text-align: center;
	}
	.konghang {
	height: 30px;
}
}

.more-big {
	display: block;
	background-color: #363e45;
	width: 200px;
	line-height: 44px;
	color: #fff;
	position: relative;
	overflow: hidden;
}

.more-big:after {
	position: absolute;
	right: 0;
	top: 0;
	width: 80px;
	content: "";
	height: 0;
	border-top: 44px solid #0165ce;
	border-left: 28px solid transparent;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.more-big span {
	display: block;
	padding: 0 15px 0 30px;
	font-size: 16px;
	position: relative;
	z-index: 1;
}

.more-big span i {
	float: right;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
}

.more-big:hover {
	color: #fff;
}

.more-big:hover:after {
	width: 130%;
	height: 100%;
}

.banner-sub {
	height: 400px;
	background: no-repeat center / cover;
}
.banner-sub .subtitle {
    width:100%;
	line-height: 60px;
	color: #0165ce;
	font-size: 36px;
	text-align:center;
	padding-top: 180px;
}
.banner-sub .position {
    width:100%;
	line-height: 30px;
	color: #0165ce;
	font-size: 16px;
	text-align:center;
	padding-top: 20px;
}
.banner-sub .position a {
	color: #0165ce;
}
.banner-sub .position a:hover {
	color: #ff0000;
}

.section-sub {
	margin: 60px 0;
}
.nav-sub {
	text-align: center;
	font-size: 0;
	margin: -20px 0 0px -20px;
}

.nav-sub li {
	display: inline-block;
	vertical-align: middle;
}

.nav-sub li a {
	display: block;
	line-height: 48px;
	padding: 0 40px;
	background-color: #363e45;
	color: #fff;
	font-size: 16px;
	margin: 20px 0 0 20px;
}

.nav-sub li a:hover,
.nav-sub li.active a {
	background-color: #0165ce;
}
.about-1 {
	color: #666;
	line-height: 1.8;
	font-size: 16px;
	text-align: justify;
}

.about-1 p {
	margin: 0;
	padding-bottom:10px;
}
.about-1 img {
	max-width: 100%;
}

.about-1 h4 {
	font-size: 18px;
	margin: 0;
}
.section {
	margin: 0 0 60px 0;
}
.list-4 li a {
	display: block;
	border-bottom: 1px solid #e5e5e5;
	padding: 30px 0;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.list-4 li .img-center {
	float: left;
	width: 250px;
}

.list-4 li .text {
	margin: 0 0 0 290px;
	position: relative;
	padding-right: 180px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.list-4 li .al {
	margin: 0 0 0 0px;
}
.list-4 li .text h4 {
	margin: 0;
	font-weight: normal;
	font-size: 24px;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-top: 23px;
}

.list-4 li .text p {
	line-height: 2;
	font-size: 16px;
	height: 64px;
	overflow: hidden;
	margin: 10px 0 0;
	color: #999;
}

.list-4 li .date {
	position: absolute;
	right: 30px;
	top: 0;
}

.list-4 li .date span {
	display: block;
	color: #ccc;
	font-size: 21px;
	margin-bottom: 20px;
}

.list-4 li .date i {
	border-left: 1px solid #e5e5e5;
	text-align: right;
	line-height: 20px;
	font-size: 0;
	display: block;
}

.list-4 li .date i:before {
	content: '→';
	color: #999;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	vertical-align: middle;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	font-size: 48px;
	display: block;
	text-align: center;
}

.list-4 li a:hover {
	padding-left: 30px;
}

.list-4 li a:hover .text {
	padding-right: 150px;
}
	.list-4 li a:hover .text h4 {
		color:#0165ce;
	}
.list-4 li a:hover .date i:before {
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}
.pages {
	margin: 30px 0 0;
	text-align: center;
	font-size: 0;
}

.pages a {
	display: inline-block;
	font-size: 14px;
	line-height: 35px;
	padding: 0 14px;
	margin: 5px;
	background-color: #f5f5f5;
	border-radius: 3px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.pages a:hover,
.pages a.active {
	background-color: #0165ce;
	color: #fff;
}
.pagination p {
	margin: 0;
	cursor: pointer
}

.pagination {
	padding: 20px 0px;
    color: #808080;
    text-align: center;
    font-size: 14px;
}

.pagination a {
	margin: 2px;
	padding: 2px 12px;
	border: 1px #cccccc solid;
	background: #fff;
	text-decoration: none;
	color: #808080;
	font-size: 12px;
	line-height: 24px;
}

.pagination a:hover {
	color: #0165ce;
	background: white;
	border: 1px #0165ce solid;
}

.pagination a.cur {
	border: 1px solid #0165ce;
	background: #0165ce;
	color: #fff;
}

.pagination p {
	float: left;
	padding: 2px 12px;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	color: #bbb;
	border: 1px #ccc solid;
	background: #fcfcfc;
	margin-right: 8px;
}

.pagination p.pageRemark {
	border-style: none;
	background: none;
	margin-right: 0px;
	padding: 4px 0px;
	color: #666;
}

.pagination p.pageRemark b {
	color: red;
}

.pagination p.pageEllipsis {
	border-style: none;
	background: none;
	padding: 4px 0px;
	color: #808080;
}
.news-title {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.news-title h1 {
	margin: 0;
	text-align:center;
	font-size: 30px;
	font-weight: normal;
}

.news-title p {
	margin: 10px 0 0;
	text-align:center;
}

.news-title p span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	font-size: 14px;
	color: #999;
	background: no-repeat 0 center;
	padding-left: 25px;
}

.news-title p span.i1 {
	background-image: url(920_newscon1.png);
}

.news-title p span.i2 {
	background-image: url(920_newscon2.png);
}

.news-title p span.i3 {
	background-image: url(920_newscon3.png);
}

.news-content {
	line-height: 1.8;
	margin-bottom: 30px;
}

.news-content img {
	max-width: 100%;
	width: auto;
	height: auto;
}

.news-exp {
	border-top: 1px dashed #ccc;
	padding-top: 20px;
	overflow: hidden;
}

.news-exp a {
	float: left;
	width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news-exp a:last-child {
	text-align: right;
}

.news-panel {
	margin-top: 40px;
}

.news-panel .tit {
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}

.news-panel .tit .fh {
	float: right;
	color: #999;
	font-size: 16px;
	padding-left: 25px;
	background: url(920_fh.png) no-repeat 0 center;
}

.news-panel .tit .fh:hover {
	color: #0165ce;
}

.news-panel .tit span {
	display: inline-block;
	font-size: 24px;
	border-bottom: 2px solid #0165ce;
	color: #0165ce;
	margin-bottom: -1px;
	padding-bottom: 15px;
	line-height: 1;
}

.list-5 {
	margin-left: -20px;
	margin-top: -15px;
}

.list-5 li {
	float: left;
	width: 50%;
}

.list-5 li a {
	display: block;
	margin-left: 20px;
	padding-bottom: 15px;
	margin-top: 15px;
	border-bottom: 1px dotted #ccc;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.list-5 li span {
	float: right;
	color: #999;
}
.yunu-showcase {
	margin-bottom: 30px;
}

.yunu-showcase-info {
	float: right;
	width: 48%;
}

.yunu-showcase-info h1 {
	margin: 0 0 15px;
	font-size: 24px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-bottom: 1px dotted #dedede;
}

.yunu-showcase-info p {
	margin: 0;
	color: #666;
}

.yunu-showcase-info .tel {
	border-top: 2px solid #dedede;
	margin-top: 15px;
	padding-top: 15px;
	height: 42px;
	line-height: 21px;
	font-size: 18px;
}

.yunu-showcase-info .tel a {
	background-color: #0165ce;
	color: #fff;
	display: inline-block;
}

.pc-slide {
	float: left;
	width: 50%;
}

.pc-slide .view .swiper-slide .imgauto {
	width: 100%;
}

.pc-slide .view .swiper-container {
	width: 100%;
	/* border: #e22434 1px solid; */
}

.pc-slide .preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.pc-slide .preview .swiper-container {
	margin: 0 30px;
}

.pc-slide .preview .swiper-slide .imgauto {
	height: 80px;
	border: 1px solid #ddd;
	text-align: center;
	cursor: pointer;
	position: relative;
}

.pc-slide .preview .swiper-slide .imgauto img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.pc-slide .preview .arrow-left {
	background: url(feel3.png) no-repeat left top;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.pc-slide .preview .arrow-right {
	background: url(feel4.png) no-repeat left bottom;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.pc-slide .preview img {
	padding: 1px;
}

.pc-slide .preview .active-nav .imgauto {
	border: 1px solid #0165ce;
}

.pc-slide1 {
	margin-bottom: 40px;
}

.pc-slide1 .view {
	float: left;
	width: 870px;
}

.pc-slide1 .view .swiper-slide .imgauto {
	width: 100%;
	height: 580px;
	line-height: 580px;
}

.pc-slide1 .preview {
	position: relative;
	margin-left: 895px;
	padding-top: 40px;
}

.pc-slide1 .preview .swiper-container {
	height: 540px;
}

.pc-slide1 .preview .swiper-slide .imgauto {
	height: 171px;
	border: 3px solid #eee;
	text-align: center;
	cursor: pointer;
	position: relative;
}

.pc-slide1 .preview .swiper-slide .imgauto img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.pc-slide1 .preview .arrow-left {
	background: url(feel3.png) no-repeat center #e7e7e7;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 128px;
	height: 24px;
}

.pc-slide1 .preview .arrow-right {
	background: url(feel4.png) no-repeat center #e7e7e7;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	width: 128px;
	height: 24px;
}

.pc-slide1 .preview img {
	padding: 1px;
}

.pc-slide1 .preview .active-nav .imgauto {
	border-color: #0165ce;
}
div.zoomDiv {
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
	background: #ffffff;
	border: 1px solid #ddd;
	display: none;
	text-align: center;
	overflow: hidden;
	font-size: 0;
}

div.zoomMask {
	position: absolute;
	background: url(mask.png) repeat scroll 0 0 transparent;
	cursor: move;
	z-index: 1;
}
.case-bb {
	font-size: 0;
	margin-bottom: 20px;
	background: url(918_casecon4.png) repeat-x center;
}

.case-bb span {
	display: inline-block;
	vertical-align: middle;
	background-color: #fff;
	padding-right: 20px;
	font-size: 24px;
}

.yunu-showcase-info .tel {
	font-size: 20px;
}
.yunu-showcase-info .tel strong {
	color: #0165ce;
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
}

.yunu-showcase-info .btn1, .yunu-showcase-info .btn2 {
	float: left;
	margin-right: 25px;
	font-size: 16px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
	width: 140px;
	height: 40px;
	line-height: 40px;
	margin-top: 60px;
	text-align: center;
	color: #fff;
	position: relative;
}
.yunu-showcase-info .btn1 {
	background: #0165ce;
}
.yunu-showcase-info .btn1:hover, .yunu-showcase-info .btn2:hover {
	background: #444;
}
.yunu-showcase-info .btn2 {
	text-align: center;
	margin-right: 0;
	margin-left: 0;
	background: #999999;
}

.msg {
	background-color: #f2f2f2;
	padding: 40px;
}

.msg h4 {
	text-align: center;
	font-size: 24px;
	color: #0165ce;
	font-weight: normal;
}

.msg .tips {
	text-align: center;
	color: #666;
	font-size: 16px;
	margin-top: 10px;
}

.msg form {
	overflow: hidden;
	display: block;
}

.msg .form-group {
	float: left;
	margin: 10px 2% 0 0;
	width: 32%;
	background-color: #fff;
	overflow: hidden;
}
.msg .form-group:nth-child(3) {
	float: left;
	margin: 10px 0 0 0;
	width: 32%;
	background-color: #fff;
	overflow: hidden;
}

.msg .form-label {
	float: left;
	line-height: 30px;
	width:30%;
	padding: 10px 0 10px 10px;
}

.msg .form-label span {
	color: red;
}

.msg .form-content {
    float: left;
	width:100%;
	margin:10px;
	font-size: 0;
}

.msg .form-control {
	border: 0;
	background-color: transparent;
	padding: 0;
	line-height: 30px;
	height: 30px;
	font-size: 14px;
	width: 100%;
	display: inline-block;
	vertical-align: middle;
}
.msg .con {
	height: 90px;
}
.msg .form-radio {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	width: 100%;
	line-height: 30px;
	margin-right: 10px;
}

.msg .form-radio input {
	margin-right: 8px;
}

.msg .form-submit {
	display: block;
	width: 100%;
	background: #0165ce;
	color: #fff;
	border: 0;
	padding: 0;
	cursor: pointer;
	outline: none;
	height: 54px;
	font-size: 18px;
}

.msg .form-group.full {
	width: 100%;
}

.msg .form-group.yzm .form-control {
	width: 70px;
}

.msg .form-group.yzm .yzm-pic {
	display: inline-block;
	vertical-align: middle;
	width: 65px;
	height: 30px;
}
.list-2 {
	margin: -20px 0 0 -20px;
}

.list-2 li {
	float: left;
	width: 33.333333%;
}

.list-2 li a {
	display: block;
	margin: 20px 0 0 20px;
	background-color: #fff;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.list-2 li .img-cover {
	padding-top: 66%;
}

.list-2 li .more {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(1 101 206 / 70%);
	color: #fff;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.list-2 li .more i {
	text-transform: uppercase;
	position: absolute;
	left: 50%;
	top: 50%;
	font-style: normal;
	font-size: 28px;
	border: 2px solid #fff;
	width: 80px;
	line-height: 80px;
	border-radius: 50%;
	text-align: center;
	margin: -28px 0 0 -28px;
}

.list-2 li .text {
	line-height: 68px;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	padding: 0 15px;
}

.list-2 li a:hover {
	background-color: #0165ce;
	color: #fff;
}

.list-2 li a:hover .more {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.list-2-1 li a {
	background-color: #f0f0f0;
}
.list-7 {
	margin: -20px 0 0 -20px;
}

.list-7 li {
	float: left;
	width: 25%;
}

.list-7 li a {
	display: block;
	margin: 20px 0 0 20px;
	background-color: #fff;
	box-shadow: 0 0 5px #ccc;
	padding: 20px;
	position: relative;
}

.list-7 li a:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(1 101 206 / 70%);
	content: '';
	z-index: 1;
	display: none;
}

.list-7 li .img-center {
	height: 350px;
	line-height: 350px;
	overflow: hidden;
	position: relative;
}

.list-7 li .img-center:after,
.list-7 li .img-center:before {
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	background: no-repeat center / contain;
	z-index: 2;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.list-7 li .img-center:before {
	background-image: url(924_cert3.png);
	-webkit-transform: translateX(-300px);
	transform: translateX(-300px);
}

.list-7 li .img-center:after {
	background-image: url(924_cert2.png);
	-webkit-transform: translateX(300px);
	transform: translateX(300px);
}

.list-7 li .text {
	text-align: center;
	margin-top: 20px;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	z-index: 2;
}

.list-7 li a:hover {
	color: #fff;
}

.list-7 li a:hover:before {
	display: block;
}

.list-7 li a:hover .img-center:before,
.list-7 li a:hover .img-center:after {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.jobs .item {
	border-top: 1px solid #e3e3e3;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.jobs .item .tit {
	padding: 25px 105px 25px 20px;
	position: relative;
}

.jobs .item .tit:after {
	position: absolute;
	content: '→';
	right: 40px;
	top: 25px;
	width: 65px;
	line-height: 57px;
	border-left: 1px solid #dddddd;
	font-size: 34px;
	font-weight: lighter;
	text-align: right;
	color: #dddddd;
}

.jobs .item .tit h4 {
	margin: 0;
	font-size: 18px;
}

.jobs .item .tit p {
	font-size: 0;
	margin: 10px 0 0;
}

.jobs .item .tit p span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 70px;
	font-size: 16px;
	color: #666;
}

.jobs .item .con {
	padding: 25px 20px 45px 20px;
	font-size: 16px;
	line-height: 1.8;
	color: #666;
	display: none;
}

.jobs .item.open {
	background-color: #f0f0f0;
}























@media only screen and (max-width: 1280px) and (min-width: 769px) {
	.list-7 li {
		width: 33.333%;
	}
	.list-7 li .img-center {
		height: 250px;
		line-height: 250px;
	}
}



@media screen and (max-width: 767px) {
	.more-big {
		width: 120px;
		line-height: 36px;
	}

	.more-big:after {
		border-top-width: 36px;
		width: 60px;
	}

	.more-big span {
		padding: 0 10px;
		font-size: 14px;
	}
	.banner-sub {
		height: 200px;
	}
	.banner-sub .subtitle {
    width:100%;
	line-height: 30px;
	color: #0165ce;
	font-size: 24px;
	text-align:center;
	padding-top: 80px;
}
.banner-sub .position {
    width:100%;
	line-height: 30px;
	color: #707070;
	font-size: 12px;
	text-align:center;
	padding-top: 10px;
}

	.section-sub {
		margin: 30px 0;
	}
	.nav-sub {
		margin: -5px 0 0px -5px;
	}

	.nav-sub li a {
		margin: 5px 0 0 5px;
		font-size: 12px;
		padding: 0 10px;
		line-height: 32px;
	}
.about-1 {
		font-size: 14px;
	}
	.about-1 img {
		max-width: 100%;
	}
.section {
	margin:  0 0 30px 0;
}
	.list-4 li a {
		padding: 0 0 15px;
		margin-bottom: 15px;
	}

	.list-4 li .img-center {
		width: 90px;
	}

	.list-4 li .text {
		margin: 0 0 0 100px;
		padding: 0 80px 0 0;
	}
	
	.list-4 li .al {
		margin: 0 0 0 0px;
	}

	.list-4 li .text h4 {
		padding: 0;
		font-size: 14px;
	}

	.list-4 li .text p {
		line-height: 18px;
		font-size: 12px;
		height: 36px;
		overflow: hidden;
	}

	.list-4 li .date {
		margin-top: 0;
		right: 0;
	}

	.list-4 li .date span {
		margin: 0 0 5px;
		font-size: 12px;
		color: #adadad;
	}

	.list-4 li a:hover {
		padding-left: 0;
	}

	.list-4 li a:hover .text {
		padding: 0 40px 0 0;
	}

	.list-4 li:first-child a {
		padding-top: 0;
		margin-top: 0;
		border-top: 0;
	}
	.pages {
		margin-top: 15px;
	}

	.pages a {
		margin: 3px !important;
		font-size: 12px;
		line-height: 30px;
		padding: 0 12px;
	}
#c_portalResProduct_list-propic {
    padding-top: 30px;
}
	.news-title {
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.news-title h1 {
		font-size: 18px;
	}

	.news-title p span {
		font-size: 12px;
		margin-right: 10px;
	}

	.news-content {
		margin-bottom: 20px;
	}

	.news-exp {
		padding-top: 10px;
		font-size: 12px;
	}

	.news-panel {
		margin-top: 30px;
	}

	.news-panel .tit {
		margin-bottom: 15px;
	}

	.news-panel .tit span {
		font-size: 16px;
		padding-bottom: 10px;
	}

	.news-panel .tit .fh {
		font-size: 14px;
	}
	.list-5 {
		margin-top: -10px;
	}

	.list-5 li {
		width: 100%;
	}

	.list-5 li a {
		padding-bottom: 10px;
		margin-top: 10px;
		font-size: 12px;
	}
	.pc-slide,
	.yunu-showcase-info {
		float: none;
		width: auto;
	}

	.yunu-showcase-info {
		margin-top: 20px;
	}

	.yunu-showcase-info h1 {
		font-size: 20px;
		line-height: 1.8;
	}

	.yunu-showcase-info p {
		height: auto;
	}
	.yunu-showcase-info .tel {
	font-size: 16px;
}
.yunu-showcase-info .tel strong {
	color: #0165ce;
	font-size: 26px;
	font-weight: bold;
	line-height: 26px;
}
.yunu-showcase-info .btn1, .yunu-showcase-info .btn2 {
	margin-top: 20px;
}
	.case-bb {
		margin-bottom: 10px;
	}

	.case-bb span {
		font-size: 18px;
	}
	.msg {
		padding: 15px;
	}

	.msg h4 {
		font-size: 18px;
	}

	.msg .tips {
		font-size: 14px;
	}

	.msg form {
		margin-left: 0;
	}

	.msg .form-group {
		width: 100%;
		margin: 10px 0 0;
	}

	.msg .form-group.full {
		width: 100%;
	}

	.msg .form-group.yzm {
		position: relative;
	}

	.msg .form-group.yzm .form-control {
		width: 100%;
		padding-right: 100px;
		box-sizing: border-box;
	}

	.msg .form-group.yzm .yzm-pic {
		position: absolute;
		right: 10px;
		top: 10px;
		width: 90px;
	}
	.list-2 {
		margin: 0 0 -10px;
	}

	.list-2 li {
		width: 100%;
	}

	.list-2 li a {
		margin: 0 0 10px;
	}

	.list-2 li .text {
		font-size: 16px;
		line-height: 44px;
	}

	.list-2-1 {
		margin: -10px 0 0 -10px;
	}

	.list-2-1 li {
		width: 50%;
	}

	.list-2-1 li a {
		margin: 10px 0 0 10px;
	}

	.list-2-1 li .text {
		font-size: 14px;
		line-height: 36px;
		padding: 0 10px;
	}

	.list-2-1-1 li:last-child {
		display: none;
	}
	.list-7 {
		margin: -10px 0 0 -10px;
	}

	.list-7 li {
		width: 50%;
	}

	.list-7 li a {
		margin: 10px 0 0 10px;
		padding: 10px;
	}

	.list-7 li .img-center {
		height: 150px;
		line-height: 150px;
	}

	.list-7 li .text {
		margin-top: 10px;
		font-size: 14px;
	}

	.list-7 li .img-center:after,
	.list-7 li .img-center:before {
		width: 30px;
		height: 30px;
		margin: -15px 0 0 -15px;
	}
	.jobs .item .tit {
		padding: 10px 56px 10px 10px;
	}

	.jobs .item .tit h4 {
		font-size: 16px;
	}

	.jobs .item .tit p {
		margin-top: 5px;
	}

	.jobs .item .tit p span {
		font-size: 12px;
		margin-right: 10px;
	}

	.jobs .item .tit:after {
		font-size: 20px;
		line-height: 44px;
		width: 35px;
		top: 10px;
		right: 10px;
	}

	.jobs .item .con {
		padding: 10px;
		font-size: 14px;
	}

#c_portalResSearch_total-searchall .btnBox button {
    background: none;
	border:none;
	color:#333;
	font-size: 16px;
}

.footer dl {
	display:none;
}
.footer .footer-contact {
	display:none;
}
.list-4 {
	margin: 30px 0 0 0;
}









	}