 html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }#w_common_text-1587087674361 { background:url(cpda25b.png?tenantId=184311&amp;viewType=1) no-repeat left 3px !important; padding-left: 23px !important; } .yjLink::before { background-color: #077AE5 !important; top: -18px !important; } .link { line-height: 44px !important; } @media screen and (max-width: 768px) { #w_grid-1587111763585 { margin-top: 0px !important; } #w_grid-1587111763579 { margin-top: 0px !important; } } .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(../lbg2a25b.html?tenantId=184311&amp;viewType=1) no-repeat center top #0E7EC6 !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; } .cateNameH3:hover { background-color: #0E7EC6 !important; } .PhotoList_k1 li span { white-space: normal !important; text-overflow: clip !important; font-size: 14px !important; } .PhotoList_k1 li:hover span { background: #0E7EC6 !important; } .stylebox_top { background-color: #0D7EC6 !important; } .stylebox_title { background-color: #0D7EC6 !important; } 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) { .bannerTitle::before { content: ''; display: block; width: 7rem !important; height: 0px; background-color: #e34646; position: absolute; top: 2.25rem !important; border: 0.5px solid #fff !important; top: 30% !important; left: 30% !important; } .bannerTitle::after { content: ''; display: block; width: 7rem !important; height: 0px; background-color: #fff; position: absolute !important; top: 30% !important; left: 36.8rem !important; border: 0.5px solid #fff !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: #b72024; border-color: #b72024; color: #fff; } .p_page .pre:hover { color: #fff; background: #b72024; border-color: #b72024; 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: #b72024; border-color: #b72024; color: #fff; } .p_page .next:hover { background: #b72024; border-color: #b72024; 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: #b72024; border-color: #b72024; } .p_page .pageNum:hover { color: #fff; border-color: #b72024; cursor: pointer; text-decoration: none; background-color: #b72024; } .p_page .pageNum.active { text-decoration: none; background-color: #b72024; color: #fff; border-color: #b72024; } } @media screen and (max-width: 768px) { #w_common_text-1587111763613 span { font-size:20px !important; } #w_common_text-1587111763625 span { font-size:20px !important; } #w_common_text-1587111763653 span { font-size:20px !important; } #w_common_text-1587111763665 span { font-size:20px !important; } #w_common_text-1587087674386 span { font-size:40px !important; } #w_common_text-1587087674366 span { font-size:40px !important; } #w_common_text-1587087674396 span { font-size:14px !important; } #w_common_text-1587087674376 span { font-size:14px !important; } #w_common_text-1587087674371 span { font-size:28px !important; } #w_common_text-1587087674391 span { font-size:28px !important; } #w_common_text-1591145296560 span { font-size:28px !important; } .cr01{display:block;} #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: #b72024; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #b72024; background-color: #b72024; cursor: pointer; } .p_pagebox .pre:active { background-color: #b72024; } .p_pagebox .next { width: 48%; margin-left:2%; background-color: #b72024; } .p_pagebox .next:hover { background-color: #b72024; } .p_pagebox .next:active { background-color: #b72024; } }  @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; } }