html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }.c_portalResNews_detail-01001 .p_imgsBox{ display: none; } .e_FlowCommonStyleBox-001 .stylebox_top_line{ height: 0px !important; } .e_FlowCommonStyleBox-001 .stylebox_content{ border-width: 0px !important; } .c_portalResnav_main-01001013 .navLi:nth-child(1){ display: none; } #c_portalResPublic_mapReference-17085861059909885 .p_mapContainer{ height: 100% !important; } a{text-decoration:none;} a:hover,a:active{text-decoration:none;} a:focus{text-decoration:none;}  @font-face { font-family: 'barlow_semi_condensedmedium'; src: url('/upload/font/barlowsemicondensed-medium.woff-webfont.eot?tenantId=269456&viewType=1&v=000'); src: url('/upload/font/barlowsemicondensed-medium.woff-webfont.eot?tenantId=269456&viewType=1&v=000&#iefix') format('embedded-opentype'), url('/upload/font/barlowsemicondensed-medium.woff-webfont.woff2?tenantId=269456&viewType=1&v=000') format('woff2'), url('/upload/font/barlowsemicondensed-medium.woff-webfont.woff?tenantId=269456&viewType=1&v=000') format('woff'), url('/upload/font/barlowsemicondensed-medium.woff-webfont.ttf?tenantId=269456&viewType=1&v=000') format('truetype'), url('/upload/font/barlowsemicondensed-medium.woff-webfont.svg#barlow_semi_condensedmedium?tenantId=269456&viewType=1&v=000') format('svg'); font-weight: normal; font-style: normal; } #c_portalResPublic_codeContainer-15840830505926412 .lv_top_r .r_link:hover .iconfont.email:before{ color: #ffffff !important; } #c_portalResPublic_codeContainer-15840830505926412 .lv_top_r .r_link:hover img{ filter: brightness(0) invert(1); } #c_portalResEbizads_banner-15840854080118312 .pcimg:before { content: ''; background: linear-gradient(90deg,rgba(0,45,81,.20),rgba(27,127,119,0)); position: absolute; bottom: 0; left: 0; right: 0; top: 0; display: block; z-index: 2; width: 70%; } #c_portalResProduct_list-17018416158857061 .iconfont{ color: #fff !important; } .en_font_bold{ font-family: 'barlow_semi_condensedmedium'; font-weight:normal !important; } .swiper-button-prev{ background-image: INHERIT !important; } .swiper-button-next{ background-image: INHERIT !important; } h6 span{font-family: 'barlow_semi_condensedmedium';font-weight:normal !important;} h5 span{ font-family: 'barlow_semi_condensedregular'; font-weight:normal !important; } @font-face { font-family: TitilliumWeb-Bold; src: url('/upload/font/TitilliumWeb-Bold.ttf?tenantId=269456&viewType=1&v=000') format('truetype'); } #w_fbtn-1584177863749 .p_CommonBtn:after,#w_fbtn-1584335716328 .p_CommonBtn:after,#w_fbtn-1604125929585 .p_CommonBtn:after{background: linear-gradient(90deg, #0077B6, #00B4D8) !important;border:0px !important;} #w_grid-1584197679194 .p_gridCell:hover{background: #0077B6 !important;} #w_fbtn-1584177863749 .p_CommonBtn .font,#w_fbtn-1584335716328 .p_CommonBtn .font,#w_fbtn-1584177863749 .p_CommonBtn .font,#w_fbtn-1604125929585 .p_CommonBtn .font{line-height:44px;} #w_fbtn-1584177863749 > div,#w_fbtn-1584335716328 > div,#w_fbtn-1604125929585 > div{overflow:hidden;} #c_portalResProduct_category-15843291378878292 .swiper-pagination-bullet-active{background:#00B4D8 !important;} #w_sfbox-1563853434791 .ping_5 > .w_fimgbox-001:nth-child(1) > .w_imgbox > img{width: 100%; height: 100%; object-fit: cover;} #w_sfbox-1563853434791 .ping_3 > .w_fimgbox-001:nth-child(1) > .w_imgbox > .p_contentbox{align-items: center !important; display: flex !important;} @media only screen and (max-width: 1024px){ #w_fimg-1584083047921 .p_dimage{ background-size: 100% !important; } } @media only screen and (max-width:768px){ #content_box-1564220405058{ background: rgba(0, 0, 0, .3); } #w_common_text-1584494947939 span{ font-size: 22px !important; } #c_portalResNews_list-17085873588055716 .porTbox{ height: 220px !important; } #c_portalResProduct_list-15845104497960693 .product_list li a .title{ padding: 10px 10px !important; } #c_portalResProduct_list-15845104497960693 .product_list li a h4{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #w_common_text-1708649257883 span{ font-size: 24px; } .p_link{ margin: 0px 0 !important; } #w_fimg-1584083047921 .p_dimage{ background: inherit !important; } #c_portalResEbizads_banner-15840854080118312 .bt_copy .copy_con .c_left span{ text-align: center !important; } #c_portalResEbizads_banner-15840854080118312 .bt_copy .copy_con { display: flex !important; flex-direction: column !important; align-items: center !important; } #w_grid-1584351712641 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(1){ display: inherit !important; } #w_grid-1564220655750 > div > .p_gridbox > .p_gridCell:nth-child(2){ display: none !important; } #w_grid-1564220655750{ display: flex; align-items: center; } #c_portalResMessage_form-15887577784823321 .p_CoupWBox{margin-top:0px !important;} #w_grid-1588757777117{padding:0px !important;} #w_grid-1604115451083{width:85% !important;margin:0 auto !important;height:auto !important;} #w_grid-1604115451121 > div > .p_gridbox > .p_gridCell > .w_fbtn-001{width:160px !important;max-width:none !important;min-height:46px !important;} #w_fbtn-1604125929585 .p_link{margin:0px !important;} #w_grid-1584197679194 > div > .p_gridbox > .p_gridCell:nth-child(4){display:block !important;} #w_grid-1564035878345> div > .p_gridbox > .p_gridCell:nth-child(1){height: calc(100vh - 70px - 50%) !important;} #w_grid-1564035878345> div > .p_gridbox > .p_gridCell:nth-child(2) {height: calc(100vh - 70px - 50%) !important;} #c_portalResNews_list-15843416248374413 .newList1{height: calc(100vh - 70px - 50%) !important;} #c_portalResNews_list-15843416248374413 .newList2{height: calc(100vh - 70px - 50%) !important;} #c_portalResNews_list-15843416248374413 .newList1 .newMs{-webkit-line-clamp: 2 !important;} #w_grid-1564220655750 > div > .p_gridbox > .p_gridCell:nth-child(1){height:auto !important;} #w_grid-1564220655750 > div > .p_gridbox > .p_gridCell:nth-child(2){height:auto !important;} #w_grid-1588757777117{margin-top:0px !important;} #w_grid-1584351712641{margin-bottom:0px !important;} #c_portalResMessage_form-15887577784823321 .form-group{padding: 0px 0px 10px !important;} #c_portalResMessage_form-15887577784823321 .p_FullNameBox{padding: 0px 0px 10px !important;} #c_portalResMessage_form-15887577784823321 .p_PhoneBox{padding: 0px 0px 10px !important;} #c_portalResMessage_form-15887577784823321 .p_CaptchasBox{padding: 0px 0px 10px !important;} #c_portalResMessage_form-15887577784823321 .p_groupBox textarea{height:100px !important;} #w_grid-1584509126808{width:100% !important;} #c_portalResProduct_category-15845093544937379 .NavList_a1 ul{display:block !important;} #c_portalResProduct_category-15845093544937379 .NavList_a1 li{width:calc(100% / 3) !important;} #c_portalResProduct_category-15845093544937379 .NavList_a1 a{padding: 0px 5px !important;text-align:center;height:40px !important;line-height:40px !important;} #w_grid-1584510745005{width:100% !important;} #c_portalResProduct_category-1584510745040 .NavList_a1 ul{display:block !important;} #c_portalResProduct_category-1584510745040 .NavList_a1 li{width:calc(100% / 3) !important;} #c_portalResProduct_category-1584510745040 .NavList_a1 a{padding: 0px 5px !important;text-align:center;height:40px !important;line-height:40px !important;} } @media only screen and (min-width:769px){ #w_grid-1584494445046 > div > .p_gridbox{display:flex;} #w_grid-1584494446486{height:100% !important;} #w_grid-1584494446486 > .w_grid.signal{height:100% !important;} #w_grid-1584494446486 > div > .p_gridbox{height:100% !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 #fff; background: #fff; color: #333333; } .p_page .pre:active { background: #0077B6; border-color: #0077B6; color: #fff; } .p_page .pre:hover { color: #fff; background: #0077B6; border-color: #0077B6; 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: #0077B6; border-color: #0077B6; color: #fff; } .p_page .next:hover { background: #0077B6; border-color: #0077B6; 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: #0077B6; 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 { color: #fff; text-decoration: none; background-color: #0077B6; border-color: #0077B6; } .p_page .pageNum:hover { color: #fff; border-color: #0077B6; cursor: pointer; text-decoration: none; background-color: #0077B6; } .p_page .pageNum.active { text-decoration: none; background-color: #0077B6; color: #fff; border-color: #0077B6; } } @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: #0077B6 !important; border-color: #0077B6 !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: #00a050; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #0077B6; background-color: #0077B6; cursor: pointer; } .p_pagebox .pre:active { background-color: #0077B6; } .p_pagebox .next { width: 48%; margin-left:2%; background-color: #0077B6; } .p_pagebox .next:hover { background-color: #0077B6; } .p_pagebox .next:active { background-color: #0077B6; } }  ::-webkit-scrollbar { width: 9px; background-color: #fff; } ::-webkit-scrollbar-thumb { border: solid 2px #fff; width: 5px; border-radius: 4px; background-color: #0077B6; } ::-webkit-scrollbar-corner { background-color: #fff; } ::-webkit-scrollbar:horizontal { height: 9px; } ::-webkit-selection { background: #0077B6; color: #000; } ::-moz-selection { background: #0077B6; color: #000; } ::selection { background: #0077B6; color: #000; }  @keyframes wSkewIn { from { transform: skew(0deg, 10deg) translateY(50px); opacity: 0; } to { transform: skew(0deg, 0deg) translateY(0px); opacity: 1; } } @keyframes wSkewOut { from { transform: skew(0deg, 0deg) translateY(0px); opacity: 1; } to { transform: skew(0deg, 10deg) translateY(50px); opacity: 0; } }  @keyframes circleProgressLoad_right { 0% { transform: rotate(45deg); } 50%, 100% { transform: rotate(225deg); } } @keyframes circleProgressLoad_left { 0%, 50% { transform: rotate(45deg); } 100% { transform: rotate(225deg); } }