/*初始化111*/
html,
body {
    margin: 0;
    padding: 0;
}

.pagebox {
    position: relative;
}

@import url('css.css');

a {
    text-decoration: none;
}

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

a:focus {
    text-decoration: none;
}

@media screen and (max-width: 1601px) {
    #c_portalResnav_main-1592384995775 .navLi {
        padding: 0 0.6vw !important;
    }

    #content_box-1592384994900-0 {
        width: 18% !important;
    }

    #content_box-1592384994900-1 {
        width: 70% !important;
    }

    #content_box-1592384994900-2 {
        width: 32% !important;
    }
}

@media screen and (max-width: 1241px) {
    #c_portalResnav_main-1592384995775 .navLi {
        padding: 0 0.4vw !important;
    }

    #content_box-1592384994900-0 {
        width: 22% !important;
    }

    #content_box-1592384994900-1 {
        width: 85% !important;
    }

    #c_portalResnav_main-1592384995775 .tNav .navName,
    #c_portalResPublic_codeContainer-1592384995780 .lv_toptel a {
        font-size: 14px;
    }

    #c_portalResPublic_codeContainer-1592384995780 .head_lan {
        margin-left: 0 !important;
    }

    #content_box-1592384994900-2 {
        width: 38% !important;
    }
}

@media screen and (max-width: 1601px) {
    #c_portalResnav_main-15933897247153604 .navLi {
        padding: 0 0.6vw !important;
    }

    #content_box-1593389724719-0 {
        width: 18% !important;
    }

    #content_box-1593389724719-1 {
        width: 80% !important;
    }

    #content_box-1593389724719-2 {
        width: 32% !important;
    }
}

@media screen and (max-width: 1241px) {
    #c_portalResnav_main-15933897247153604 .navLi {
        padding: 0 0.4vw !important;
    }

    #content_box-1593389724719-0 {
        width: 100% !important;
    }

    #content_box-1593389724719-1 {
        width: 80% !important;
    }

    #content_box-1593389724719-2 {
        width: 38% !important;
    }
}

/* page */
@media only screen and (max-width: 1441px) and (min-width: 1250px) {
    #w_grid-1592384995130>div>.p_gridbox>.p_gridCell {
        margin-bottom: 0rem !important;
    }

    #w_grid-1599552110380 {
        margin-top: 70px !important;
    }

    .subpage_ad {
        height: 320px !important;
    }

    .head_lan {
        margin-left: 10px !important;
    }

    #c_portalResnav_main-1592384995810 .top-nav {
        margin-right: 9% !important;
    }

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

    .tNav .navName {
        padding: 0rem 0vw !important;
    }

    #c_portalResnav_main-15994507268769347 .top-nav {
        margin-right: 9% !important;
    }

    #w_grid-1592449068656 {
        margin-top: 180px !important;
        margin-bottom: 20px !important;
    }

    #w_grid-1592451309631 {
        margin-top: 180px !important;
        margin-bottom: 20px !important;
    }

    #w_grid-1592451325600 {
        margin-top: 180px !important;
        margin-bottom: 20px !important;
    }

    #w_grid-1592451340535 {
        margin-top: 180px !important;
        margin-bottom: 20px !important;
    }

    #w_fimgbox-1592451340512 .w_imgbox>img {
        height: 550px !important;
    }

    #w_fimgbox-1592451325576 .w_imgbox>img {
        height: 550px !important;
    }

    #w_fimgbox-1592451309603 .w_imgbox>img {
        height: 550px !important;
    }

    #w_fimgbox-1592448454298 .w_imgbox>img {
        height: 550px !important;
    }
}

@media only screen and (min-width: 769px) {
    #c_portalResProduct_detail-15791661402201381 .reset_style table td {
        padding: 6px !important;
    }

    #c_portalResProduct_detail-15791661402201381 .reset_style p {
        padding-bottom: 0px !important;
    }

    #c_portalResProduct_detail-15791661402201381 .reset_style table {
        width: 90% !important;
    }

    .NavList_a1 ul {
        text-align: center !important;
        display: block !important;
    }

    .NavList_a1 a {
        background: none !important;
        color: #000 !important;
        height: 50px !important;
        line-height: 50px !important;
        border: 1px #ccc solid !important;
        border-radius: 0px !important;
        padding: 0px 35px !important;
    }

    .NavList_a1 a:hover {
        color: #fff !important;
        background: #007097 !important;
    }

    .NavList_a1 .more.active {
        background: #007097 !important;
        color: #fff !important;
    }

    #w_grid-1595296126326 {
        border-bottom: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
    }

    #w_grid-1595296126334 {
        border-bottom: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
    }

    #w_grid-1595296126342 {
        border-bottom: 1px solid #e0e0e0;
    }

    #w_grid-1595296126392 {
        border-left: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
    }

    #w_common_text-1592449196412 {
        height: 100px !important;
    }

    #w_common_text-1592451309651 {
        height: 100px !important;
    }

    #w_common_text-1592451325620 {
        height: 100px !important;
    }

    #w_common_text-1592451340556 {
        height: 100px !important;
    }

    #w_fimg-1595296126355 img:hover {
        transform: rotateY(360deg) !important;
        transition: all 0.8s ease !important;
    }

    #w_fimg-1595296126363 img:hover {
        transform: rotateY(360deg) !important;
        transition: all 0.8s ease !important;
    }

    #w_fimg-1595296126371 img:hover {
        transform: rotateY(360deg) !important;
        transition: all 0.8s ease !important;
    }

    #w_fimg-1595296126404 img:hover {
        transform: rotateY(360deg) !important;
        transition: all 0.8s ease !important;
    }

    #w_fimg-1595296126410 img:hover {
        transform: rotateY(360deg) !important;
        transition: all 0.8s ease !important;
    }

    #w_fimg-1595296126416 img:hover {
        transform: rotateY(360deg) !important;
        transition: all 0.8s ease !important;
    }

    .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 #fff;
        background: #fff;
        color: #333333;
    }

    .p_page .pre:active {
        background: #007fc0;
        border-color: #007fc0;
        color: #fff;
    }

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

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

    .p_page .next:active {
        background: #007fc0;
        border-color: #007fc0;
        color: #fff;
    }

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

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

    .p_page .pageNum:active,
    .p_page .page-num-current {
        color: #fff;
        text-decoration: none;
        background-color: #007fc0;
        border-color: #007fc0;
    }

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

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

@media screen and (max-width: 768px) {
    #w_grid-1599562143220>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
        width: 100% !important;
        margin-left: 0% !important;
    }

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

    #w_grid-1599562143200 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #w_grid-1599562739179 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #c_portalResComplaintPage_detail-16008598024402290 .resetHtmlCssStyle table {
        width: 100% !important;
    }

    #c_portalResComplaintPage_detail-16008624296834653 .resetHtmlCssStyle table {
        width: 90% !important;
    }

    #w_grid-1597056590219 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #w_grid-1579159961635 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #w_grid-1579160828767 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #w_grid-1593413517065 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #w_grid-1597053124956 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .c_portalResCompanyFile_list-03001 .p_fileListBox {
        padding: 0px !important;
    }

    .c_portalResCompanyFile_list-03001 .p_fileListMo {
        padding: 0px !important;
    }

    #c_portalResCompanyFile_list-15970535008909568 {
        padding-top: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 0px !important;
    }

    div#content_box-1597043308290-2 {
        display: none !important;
    }

    #c_portalResProduct_category-15970516124173031 .content {
        background: #fff !important;
        height: 100vh !important;
    }

    #c_portalResProduct_category-15970516124173031 .contentBox {
        z-index: 9999 !important;
    }

    #c_portalResProduct_category-15970516124173031 .moveBtn {
        width: 100% !important;
        background-color: #007097 !important;
        border: 1px solid #007097 !important;
        margin: 0em !important;
        margin-bottom: 20px !important;
    }

    #w_grid-1597051854406 {
        display: none !important;
    }

    #w_grid-1597048364910 {
        display: none !important;
    }

    #c_portalResProduct_category-15970479326525035 .moveBtn {
        width: 100% !important;
        background-color: #007097 !important;
        border: 1px solid #007097 !important;
        margin: 0em !important;
        margin-bottom: 20px !important;
    }

    #c_portalResProduct_category-15970479326525035 .contentBox {
        z-index: 9999 !important;
    }

    #c_portalResProduct_category-15970479326525035 .content {
        background: #fff !important;
        height: 100vh !important;
    }

    #w_grid-1579140050824 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #w_grid-1578558301518 {
        min-height: 0px !important;
    }

    #w_grid-1579140050824 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #w_grid-1592468253680 {
        max-width: 100% !important;
    }

    #c_portalResNews_list-15924682589978513 .listBoxs .p_news {
        padding-top: 0px !important;
    }

    div#content_box-1592384995600-2 {
        display: none !important;
    }

    #w_fbtn-1595312817834 {
        display: none !important;
    }

    #w_grid-1592462691936 {
        padding-bottom: 50px !important;
    }

    #w_fbtn-1595312817834 {
        display: none !important;
    }

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

    #w_grid-1595296126281 {
        max-width: 100% !important;
    }

    #w_grid-1595295933950 {
        max-width: 100% !important;
        margin-top: 20px !important;
        margin-bottom: 0px !important;
    }

    #w_grid-1595296126281 {
        margin-left: 0px !important;
    }

    #w_grid-1592384995140 {
        width: 100% !important;
    }

    div#content_box-1595296126308-0 {
        width: 33% !important;
    }

    div#content_box-1595296126308-1 {
        width: 33% !important;
        clear: inherit !important;
    }

    div#content_box-1595296126308-2 {
        width: 33% !important;
        clear: inherit !important;
    }

    #w_common_text-1595296126360 span {
        font-size: 16px !important;
    }

    #w_common_text-1595296126368 span {
        font-size: 16px !important;
    }

    #w_common_text-1595296126375 span {
        font-size: 16px !important;
    }

    #w_common_text-1595296126408 span {
        font-size: 16px !important;
    }

    #w_common_text-1595296126413 span {
        font-size: 16px !important;
    }

    #w_common_text-1595296126419 span {
        font-size: 16px !important;
    }

    div#content_box-1595296126317-0 {
        width: 33% !important;
    }

    div#content_box-1595296126317-1 {
        width: 33% !important;
        clear: inherit !important;
    }

    div#content_box-1595296126317-2 {
        width: 33% !important;
        clear: inherit !important;
    }

    #w_common_text-1595241193684 {
        margin-right: 0px !important;
    }

    #w_grid-1592440163097 {
        max-width: 100% !important;
    }

    #w_grid-1592440285620>div>.p_gridbox>.p_gridCell>.reset_style:nth-child(1) span {
        font-size: 18px !important;
    }

    #w_grid-1592447173045 {
        max-width: 100% !important;
    }

    #w_fimg-1592448853726 {
        margin-top: 10px !important;
    }

    #w_fimg-1592451309624 {
        margin-top: 10px !important;
    }

    #w_fimg-1592451325593 {
        margin-top: 10px !important;
    }

    #w_fimg-1592451340528 {
        margin-top: 10px !important;
    }

    .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: #007fc0;
    }

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

    .p_pagebox .pre:active {
        background-color: #007fc0;
    }

    .p_pagebox .next {
        width: 48%;
        margin-left: 2%;
        background-color: #007fc0;
    }

    .p_pagebox .next:hover {
        background-color: #007fc0;
    }

    .p_pagebox .next:active {
        background-color: #007fc0;
    }
}

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

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

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

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

::-webkit-selection {
    background: #007fc0;
    color: #fff;
}

::-moz-selection {
    background: #007fc0;
    color: #fff;
}

::selection {
    background: #007fc0;
    color: #fff;
}

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

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

@keyframes circleProgressLoad_left {

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

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