html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }#w_common_text-1591868777599 { display: block !important; -ms-writing-mode: tb-rl !important; writing-mode: vertical-rl !important; font-size: calc(90em/15) !important; line-height: 2 !important; } .cateNameH3:hover { background-color: #2F5165 !important } .yjLink::before { background-color: #F39B4B !important; } .yjTitle:hover { background-color: #efefef !important; } .p_CommonSquareNumBtn.active, .p_CommonSquareNumBtn:hover { background-color: #F39B4B !important; color: #fff; } .e_ContentMajorStyleBox-001 .stylebox_top { background-color: #F1F1F1 !important; } .e_ContentMajorStyleBox-001 .stylebox_title { background-color: #F1F1F1 !important; } .e_ContentMajorStyleBox-001 .title_main { color: #333 !important; } .e_ContentMajorStyleBox-001 .stylebox_content { padding: 10px; }  .e_FlowCommonStyleBox-001 .stylebox_top { background:url(../image/lbg2.jpg) no-repeat center top !important; height: 80px !important; } .e_FlowCommonStyleBox-001 .stylebox_title { background-color:rgba(255, 255, 255, 0) !important; } .e_FlowCommonStyleBox-001 .title_main { line-height: 80px !important; font-size: 18px !important; } .e_IndexMajorStyleBox-002 .stylebox_content { border-width: 0px !important; margin-top: 20px; } .e_IndexMajorStyleBox-002 .title_main { color: #333 !important; font-size: 20px !important; } .e_IndexMajorStyleBox-002 .stylebox_bottom_line { height: 0px !important; } #w_common_text-1585020767760 span { margin: 0; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } #w_grid-1584948408691 { position: relative !important; z-index: 3 !important; } #w_common_text-1584948651638, #w_common_text-1584948651644, #w_common_text-1584948651632 { background: #5380B6; line-height: 30px; } #w_common_text-1585641175311, #w_common_text-1585641175303 { background: #5380B6; line-height: 30px; }  #w_grid-1585643247479, #w_grid-1585643247486, #w_grid-1585644764405, #w_grid-1585643247558, #w_grid-1585643247565, #w_grid-1585643247571, #w_grid-1587455639249 { background: #fff; padding: 10px !important; border-radius: 5px; } a { text-decoration: none; } a:hover, a:active { text-decoration: none; } a:focus { text-decoration: none; }  body { overflow-x: hidden; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: none !important; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: none !important; }  @media only screen and (min-width: 769px) { #w_grid-1597289866899{ display:none; } .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: #5581B7; border-color: #5581B7; color: #fff; } .p_page .pre:hover { color: #fff; background: #5581B7; border-color: #5581B7; 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: #5581B7; border-color: #5581B7; color: #fff; } .p_page .next:hover { background: #5581B7; border-color: #5581B7; 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: #5581B7; border-color: #5581B7; } .p_page .pageNum:hover { color: #fff; border-color: #5581B7; cursor: pointer; text-decoration: none; background-color: #5581B7; } .p_page .pageNum.active { text-decoration: none; background-color: #5581B7; color: #fff; border-color: #5581B7; } } @media screen and (max-width: 768px) { #c_portalResPublic_codeContainer-15948175906055515{ display:none; } #c_portalResProduct_detail-1591888672488 .reset_style p img{ width: auto !important; height: auto !important; } .cate1 { background-color: #2F5165 !important; } .cr01 { display: block !important; } #w_grid-1577934477644 { display: none !important; } #w_common_text-1573776996122 span { font-size: 24px !important; } #w_common_text-1573776996132 span { font-size: 24px !important; } #w_common_text-1573776996142 span { font-size: 24px !important; } #w_common_text-1573776996152 span { font-size: 24px !important; } #w_grid-1573778535584 { display: none !important; } #c_portalResProduct_category-15737787551062200 { display: none !important; } #content_box-1573776995937-0 { display: none !important; } #w_grid-1573787410757 { display: none !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: #0E7EC6; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #0E7EC6; background-color: #0E7EC6; cursor: pointer; } .p_pagebox .pre:active { background-color: #0E7EC6; } .p_pagebox .next { width: 48%; margin-left: 2%; background-color: #0E7EC6; } .p_pagebox .next:hover { background-color: #0E7EC6; } .p_pagebox .next:active { background-color: #0E7EC6; } }  @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; } }