html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }a{text-decoration:none;} a:hover,a:active{text-decoration:none;} a:focus{text-decoration:none;} * { font-family: arial, helvetica, sans-serif; word-wrap: break-word; word-break: break-word; } @font-face { font-family: "CrilleeBT"; src: url("../font/CrilleeBT-Italic.woff2") format("woff2"), url("../font/CrilleeBT-Italic.woff") format("woff"), url("/fonts/CrilleeBT-Italic.ttf?tenantId=175218&viewType=1&v=1615377924000") format("truetype"), url("/fonts/CrilleeBT-Italic.eot?tenantId=175218&viewType=1&v=1615377924000") format("embedded-opentype"), url("/fonts/CrilleeBT-Italic.svg?tenantId=175218&viewType=1&v=1615377924000") format("svg"), url("/fonts/CrilleeBT-Italic.otf?tenantId=175218&viewType=1&v=1615377924000") format("opentype"); font-weight: normal; font-style: normal; } .swiper-slide.banner-slide.swiper-slide-active .banner-text h2 { color: #fff; margin-top: 20px; width: 650px; line-height: 1.7em; font-size: 1.2rem; } #w_sfbox-1563853434791 .ping_5>.w_fimgbox-001:nth-child(1)>.w_imgbox > .p_contentbox { align-items: center; display: flex; } #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_4>.w_fimgbox-001:nth-child(1)>.w_imgbox > .p_contentbox:before { content: ''; position: absolute; right: 0px; top: 0px; width: 56%; height: 100%; background: rgba(0, 7, 25, 0.5); z-index: 0; animation-name: fadeInRight; animation-duration: 1.5s; animation-delay: 1.6s; animation-fill-mode: both; } #w_sfbox-1563853434791 .ping_3>.w_fimgbox-001:nth-child(1)>.w_imgbox > .p_contentbox:before { content: ''; position: absolute; right: 0px; top: 0px; width: 100%!important; height: 100%; background: rgba(0, 7, 25, 0.5); z-index: 0; animation-name: fadeInRight; animation-duration: 1.5s; animation-delay: 1.6s; animation-fill-mode: both; } #w_common_text-1576676468151 span { font-family: 'Oswald', sans-serif!important; } #w_common_text-1576676468151 >div { visibility: inherit!important; } .w_sfbox-002 > .w_sfbox > .p_fbox > .p_wrapbox video { visibility: inherit!important; object-fit: fill!important; height: 100%!important; } #w_grid-1572066249315 { display: none; } @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; } .banner-text h2 span { font-size: 18px; display: inline-block; margin-top: 15px; color: #fff; } .p_page .pre:active { background: #e10b0b; border-color: #e10b0b; color: #fff; } .p_page .pre:hover { color: #fff; background: #e10b0b; border-color: #e10b0b; 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: #e10b0b; border-color: #e10b0b; color: #fff; } .p_page .next:hover { background: #e10b0b; border-color: #e10b0b; 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: #e10b0b; border-color: #e10b0b; } .p_page .pageNum:hover { color: #fff; border-color: #e10b0b; cursor: pointer; text-decoration: none; background-color: #e10b0b; } .p_page .pageNum.active { text-decoration: none; background-color: #e10b0b; color: #fff; border-color: #e10b0b; } }  @media screen and (max-width: 768px) { #w_grid-1564363025732 { min-height: 0px!important; } #w_grid-1582906121653 { display: none!important; } #w_fline-1564363738790 { display: none!important; } #c_portalResProduct_list-15766759466353267 .txtBox { display: none!important; } #c_portalResProduct_list-15766759466353267 .proImgBox { height: 60%!important; } #c_portalResProduct_list-15766759466353267 .proContainer { margin: 0rem auto!important; padding: 0 0rem!important; } #c_portalResProduct_list-15766759466353267 .lantern { margin-left: 0px !important; margin-right: 0px !important; } #c_portalResProduct_list-15766759466353267 .proLi { width: calc((100% - 20px) / 2)!important; padding-bottom: 60%!important; margin: 0rem 0!important; float: left!important; margin-right: 5px!important; margin-left: 5px!important; } #w_grid-1577787601041 { width: 100%!important; max-width: 80%!important; margin-top: -895px!important; left: 40px!important; } #w_sfbox-1563853434791 .ping_5>.w_fimgbox-001:nth-child(1)>.w_imgbox > .p_contentbox:before { content: ''; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 7, 25, 0.3); z-index: 0; animation-name: fadeInRight; animation-duration: 1.5s; animation-delay: 1.6s; animation-fill-mode: both; } .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: #e10b0b; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #e10b0b; background-color: #e10b0b; cursor: pointer; } .p_pagebox .pre:active { background-color: #e10b0b; } .p_pagebox .next { width: 48%; margin-left: 2%; background-color: #e10b0b; } .p_pagebox .next:hover { background-color: #e10b0b; } .p_pagebox .next:active { background-color: #e10b0b; } }    @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; } } #w_common_text-1585982893520 strong{font-weight:100;} #w_common_text-1585982978290 strong{font-weight:100;} #w_common_text-1585982980346 strong{font-weight:100;} #w_grid-1576676071703{ background: #112b56;} #w_fbtn-1585985005332 .p_CommonBtn{ padding-right:0px!important; padding-left: 0px!important; } #w_fbtn-1585985005304 .p_CommonBtn{ padding-right:0px!important; padding-left: 0px!important; } #w_fbtn-1585985005399 .p_CommonBtn{ padding-right:0px!important; padding-left: 0px!important; } #w_fbtn-1585990759582 .p_CommonBtn{ padding-right:0px!important; padding-left: 0px!important; } #w_fbtn-1585990802996 .p_CommonBtn{ padding-right:0px!important; padding-left: 0px!important; }