/*初始化111*/ html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }@import url('https://fonts.font.im/css?family=Oswald'); a{text-decoration:none;} a:hover,a:active{text-decoration:none;} a:focus{text-decoration:none;} /* page */ #c_portalResPublic_codeContainer-15971507099775866 { display: none!important; } #c_portalResProduct_category-15971507099709438 .summary { display: none!important; } #w_grid-1600686370987 { display: none; } #c_portalResEbizads_banner-15786438062785052 { display: none; } #c_portalResnav_main-15732848872754102 .navSli { width: 15%!important; } #c_portalResnav_main-15732848872754102 .navSli:hover .navSlink { color: #c9151e!important; } #c_portalResnav_main-15732848872754102 .navSli:hover:before{ background: #c9151e!important; } #c_portalResnav_main-15732848872754102 img { width: 100%; } .leftBox { width: 15%!important; } #w_fimgbox-1601275782558:hover img{ transform: scale(1.1); transition: all 0.6s; } #w_fimgbox-1601275782558 img{ transition: all 0.6s; } #w_fimgbox-1601275782558:hover span{ color:#c9151e; } #w_fimgbox-1601276655284:hover img{ transform: scale(1.1); transition: all 0.6s; } #w_fimgbox-1601276655284 img{ transition: all 0.6s; } #w_fimgbox-1601276655284:hover span{ color:#c9151e; } #w_fimgbox-1601276761127:hover img{ transform: scale(1.1); transition: all 0.6s; } #w_fimgbox-1601276761127 img{ transition: all 0.6s; } #w_fimgbox-1601276761127:hover span{ color:#c9151e; } #c_portalResOnlineService_categorylay-16074792461950902 { width: 40px!important; } .c_portalResOnlineService_categorylay-01001 { top: 30% !important; } .c_portalResOnlineService_categorylay-01001 .p_btnBox { background-color: #c9151e!important; } .c_portalResOnlineService_categorylay-01001 { top: 30% !important; } #c_portalResOnlineService_categorylay-16074799367998865 { width: 40px!important; } #w_grid-1599463865113:hover img { transform: scale(1.1); transition:all 0.6s; } #w_grid-1599463865113 img { transition:all 0.6s; } #w_grid-1599463865122:hover img { transform: scale(1.1); transition:all 0.6s; } #w_grid-1599463865122 img { transition:all 0.6s; } #w_grid-1599463865130:hover img { transform: scale(1.1); transition:all 0.6s; } #w_grid-1599463865130 img { transition:all 0.6s; } #w_grid-1599463865139:hover img { transform: scale(1.1); transition:all 0.6s; } #w_grid-1599463865139 img { transition:all 0.6s; } #w_grid-1599464089836:hover img { transform: scale(1.1); transition:all 0.6s; } #w_grid-1599464089836 img { transition:all 0.6s; } #c_portalResNews_list-16006861077271709 .newSwiper .swiper-slide:hover .newImg{ transform:translate(-50%,-50%) scale(1.1)!important; transition:all 0.6s!important; } #c_portalResNews_list-16006861077271709 .newSwiper .swiper-slide .newImg{ transition:all 0.6s!important; } @media only screen and (min-width: 1450px) and (max-width: 1601px) { .header .navbar_nav li { width: auto!important; margin-left: 5px!important; margin-right: 5px!important; } .header .navbar_nav li a { padding: 0 6px!important; } } @media only screen and (min-width: 1250px) and (max-width: 1441px) { .header .navbar_nav li { width: auto!important; margin-left: 0px!important; margin-right: 0px!important; } .header .navbar_nav li a { padding: 0 10px!important; } .lv_toptel { font-size: 20px!important; } #c_portalResnav_main-15971542108667626 .top-nav { margin-right: 8%!important; } #c_portalResnav_main-15971532903323929 .top-nav { margin-right: 8%!important; } #c_portalResNews_list-15790670550983222 .newMs { -webkit-line-clamp: 1!important; } #w_grid-1597150951650 { margin-bottom: 0%!important; } #c_portalResProduct_list-16012109454324968 .p_Product { height: 320px!important; } #w_grid-1573283914804 > div > .p_gridbox > .p_gridCell>.w_grid-003:nth-child(1){ max-width:90%!important; } } @media only screen and (min-width: 769px) { #c_portalResOnlineService_categorylay-16074792461950902 { display: none!important; } #c_portalResOnlineService_categorylay-16074799367998865 { display: none!important; } #w_grid-1573289019090 { display: none!important; } .header { background: none!important; } .header.on { border-bottom: 0px solid #ccc!important; } .header .navbar_nav li.dropdown:hover .dropdown_menu a:hover { color: #fff!important; } .header .navbar_nav li:after{ background: #c9151e!important; } .header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{ color:#fff!important; background:#c9151e!important; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: none!important; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: none!important; } .w_videobackbox-001 .w_videobackbox video { opacity: 0.6; object-fit: cover; height: 700px!important; } .w_videobackbox-001 .w_videobackbox { background: rgba(0,0,0,1); } .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: #c9151e; border-color: #c9151e; color: #fff; } .p_page .pre:hover { color: #fff; background: #c9151e; border-color: #c9151e; 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: #c9151e; border-color: #c9151e; color: #fff; } .p_page .next:hover { background: #c9151e; border-color: #c9151e; 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: #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 { color: #fff; text-decoration: none; background-color: #c9151e; border-color: #c9151e; } .p_page .pageNum:hover { color: #fff; border-color: #c9151e; cursor: pointer; text-decoration: none; background-color: #c9151e; } .p_page .pageNum.active { text-decoration: none; background-color: #c9151e; color: #fff; border-color: #c9151e; } } @media screen and (max-width: 768px) { #c_portalResNews_detail-15793361331713506 img { height: auto!important; width: 100%!important; } #doyoo_panel { display: none!important; } .higher img, .higher video { width: 100%!important; height: auto!important; } #c_portalResProduct_detail-16012144826541287 .reset_style img { width: 100%!important; height: auto!important; } #c_portalResProduct_detail-15793373103410133 .reset_style img { width: 100%!important; height: auto!important; } #c_portalResProduct_detail-16012124350405112 img { width: 100%!important; height: auto!important; } #c_portalResnav_main-15732848872754102 .tNavHBac { background-color: #C9151E!important; } #c_portalResnav_main-15732848872754102 .navSli { width: auto!important; } #w_grid-1600759633499 > div > .p_gridbox:before { height: 115px!important; } #w_common_text-1601276655307 span { font-size: 18px!important; } #w_common_text-1601276761144 span { font-size: 18px!important; } #w_common_text-1601276081055 span { font-size: 18px!important; } div#content_box-1601275442913-1 { width: 50%!important; clear: inherit!important; padding: 10px!important; height: 250px!important; } div#content_box-1601275442913-0 { width: 50%!important; clear: inherit!important; padding: 10px!important; height: 250px!important; } div#content_box-1601275442913-2 { width: 50%!important; clear: inherit!important; padding: 10px!important; height: 250px!important; } #w_common_text-1599463865176 { margin-top: 20px!important; margin-bottom: 20px!important; } #w_common_text-1599463865192 { margin-top: 20px!important; margin-bottom: 20px!important; } #w_common_text-1599463865205 { margin-top: 20px!important; margin-bottom: 20px!important; } #w_common_text-1599464089856 { margin-top: 20px!important; margin-bottom: 20px!important; } #w_grid-1599463865122 >.signal>.p_gridbox>.p_gridCell>div:nth-child(3)>div>p { -webkit-line-clamp: inherit!important; } #w_grid-1599463865130 >.signal>.p_gridbox>.p_gridCell>div:nth-child(3)>div>p { -webkit-line-clamp: inherit!important; } #w_grid-1599463865139 >.signal>.p_gridbox>.p_gridCell>div:nth-child(3)>div>p{ -webkit-line-clamp: inherit!important; } #w_grid-1599464089836 >.signal>.p_gridbox>.p_gridCell>div:nth-child(3)>div>p{ -webkit-line-clamp: inherit!important; } #w_common_text-1599464172109 { margin-top: 0px!important; } #w_grid-1599463865113 >.signal>.p_gridbox>.p_gridCell>div:nth-child(3)>div>p { -webkit-line-clamp: inherit!important; } #w_common_text-1599463865157 { min-height: auto!important; } #w_common_text-1599463865176 { min-height: auto!important; } #w_common_text-1599463865192 { min-height: auto!important; } #w_common_text-1599463865205 { min-height: auto!important; } #w_common_text-1599464089856 { min-height: auto!important; } .prob_n01 p { font-size: 14px!important; background: none!important; padding-left: 0px!important; } .prob_n01 ul li { border-bottom: #999 0px dotted!important; } #w_common_text-1599463865157 { min-height: none!important; margin-top: 30px!important; margin-bottom: 20px!important; } #w_common_text-1599463865157 span { line-height: 1.4!important; } #c_portalResPublic_codeContainer-15994607023448420 li { width: 47%!important; float: left!important; margin-left: 5px!important; padding: 10px!important; margin-top: 10px!important; height: 185px!important; background: #f8f8f8!important; margin-right: 5px!important; } #c_portalResPublic_codeContainer-15994607023448420 { padding-left: 0px!important; margin-top: 20px!important; padding-right: 0px!important; min-height: 0px!important; } #w_grid-1599460957651 { width: 100%!important; padding-left: 10px!important; padding-right: 10px!important; margin-bottom: 60px!important; } #w_grid-1605504888238 { display: none!important; } #c_portalResnav_main-16055093759622652 { display: none!important; } #c_portalResProduct_category-1601211884798 .contentBox { z-index: 9999!important; height: 100%!important; background: #ffff!important; } #c_portalResProduct_category-16012100793962985 .contentBox { z-index: 9999!important; height: 100%!important; background: #ffff!important; } .moveBtn { width: 100%!important; text-align: center!important; background-color: #c9151e!important; border: 1px solid #c9151e!important; margin-left:0!important; margin-right:0!important; } #w_grid-1601199976334> div > .p_gridbox > .p_gridCell { margin-bottom: 0rem!important; margin-top: 0rem!important; } #w_grid-1601199976340 { margin-top: 0px!important; } #w_grid-1601199976329> div > .p_gridbox > .p_gridCell { margin-bottom: 0rem!important; margin-top: 0rem!important; } #w_grid-1601199976334 { padding-left: 0px!important; padding-right: 0px!important; } #w_grid-1601199976349 >.signal>.p_gridbox>.p_gridCell>.reset_style:first-child { max-width: 95%!important; } #w_grid-1601199976349 >.signal>.p_gridbox>.p_gridCell>.reset_style:last-child { max-width: 95%!important; } #w_fline-1601199976357 { margin-left: 20px!important; } #w_common_text-1601199976353 span { font-size: 20px!important; } #w_common_text-1597154452528 p { text-align: left!important; } #w_grid-1597154452502> div > .p_gridbox > .p_gridCell { margin-top: 0rem!important; } .c_portalResProduct_list-01001004 .p_categorySummaryBox { display: none!important; } #c_portalResProduct_list-16012109454324968 .p_Product { width: calc((100% - 40px)/2)!important; margin-top: 0px!important; height: 270px!important; margin-left: 10px!important; margin-right: 10px!important; } .subpage_ad { height: 15vh !important; } #w_common_text-1597150951672 { margin-top: 30px!important; } #c_portalResProduct_list-16007593692503984 .horon { padding: 0px!important; } div#content_box-1599463865103-2 { width: 100%!important; } #w_common_text-1599460957656 { margin-top: 0px!important; } div#content_box-1599463865103-0 { width: 100%!important; margin-bottom: 20px!important; } #w_grid-1599463865103 { margin-top: 0px!important; padding-left: 10px!important; padding-right: 10px!important; } div#content_box-1599463865103-1 { width: 100%!important; } #w_grid-1599463865130 { margin-top: 20px!important; } #w_grid-1599463865113 { margin-top: 20px!important; } div#content_box-1599463865103-3 { width: 100%!important; margin-top: 20px!important; } #w_grid-1599464089836 { margin-top: 20px!important; } div#content_box-1599463865103-4 { width: 100%!important; } #w_grid-1600759633499 > div > .p_gridbox:before { z-index: 0!important; } #w_grid-1600759633531 { margin-top: 0px!important; } #c_portalResProduct_list-16007593692503984 .horon .con .tit { background: none!important; } #c_portalResProduct_list-16007593692503984 .horon .con .tit p { color: #fff!important; padding: 0px!important; } #w_common_text-1601276081055 { text-align: center!important; } #w_common_text-1601276655307 { text-align: center!important; } #w_common_text-1601276761144 { text-align: center!important; } #w_grid-1597150951664 { max-width: none!important; text-align: center!important; } #w_fline-1597152772388 { margin-left: auto!important; margin-right: auto!important; } #w_common_text-1597150951677 { margin-top: 0!important; } #w_grid-1579055071168 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(1) span { font-size: 32px !important; } #c_portalResNews_list-15790670550983222 .con_title { font-size: 32px!important; } #w_common_text-1597153292035 span { font-size: 26px!important; } #w_grid-1597153531987> div > .p_gridbox > .p_gridCell { margin-bottom: 0rem!important; } #w_common_text-1597153532023 p { text-align: left!important; } #w_grid-1578985295061 > div > .p_gridbox > .p_gridCell>.reset_style:nth-child(1) span { font-size: 50px !important; } .navBtn { background: #c9151e!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: #c9151e; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #c9151e; background-color: #c9151e; cursor: pointer; } .p_pagebox .pre:active { background-color: #c9151e; } .p_pagebox .next { width: 48%; margin-left:2%; background-color: #c9151e; } .p_pagebox .next:hover { background-color: #c9151e; } .p_pagebox .next:active { background-color: #c9151e; } } /* scrollbar css */ ::-webkit-scrollbar { width: 9px; background-color: #fff; } ::-webkit-scrollbar-thumb { border: solid 2px #fff; width: 5px; border-radius: 4px; background-color: #0d4486; } ::-webkit-scrollbar-corner { background-color: #fff; } ::-webkit-scrollbar:horizontal { height: 9px; } ::-webkit-selection { background: #0e68b0; color: #fff; } ::-moz-selection { background: #0e68b0; color: #fff; } ::selection { background: #0e68b0; 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); } }