 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;} .screen_3 {  background: #000 !important; } .screen_3 video{ opacity:0.6; } #w_common_text-1591672958393{ position:relative; z-index:2; opacity:0.6; } #w_common_text-1591098656309,#w_common_text-1591672927669,#w_common_text-1591672930339,#w_common_text-1591672955693{ opacity:0.8; } #w_common_text-1564038535021 p,#w_common_text-1564220723552 p{padding-top:8px;} @font-face { font-family: 'barlow_semi_condensedmedium'; src: url('/upload/font/barlowsemicondensed-medium.woff-webfont.eot?tenantId=198553&viewType=1&v=1616585546000'); src: url('/upload/font/barlowsemicondensed-medium.woff-webfont.eot?tenantId=198553&viewType=1&v=1616585546000&#iefix') format('embedded-opentype'), url('/upload/font/barlowsemicondensed-medium.woff-webfont.woff2?tenantId=198553&viewType=1&v=1616585546000') format('woff2'), url('/upload/font/barlowsemicondensed-medium.woff-webfont.woff?tenantId=198553&viewType=1&v=1616585546000') format('woff'), url('/upload/font/barlowsemicondensed-medium.woff-webfont.ttf?tenantId=198553&viewType=1&v=1616585546000') format('truetype'), url('/upload/font/barlowsemicondensed-medium.woff-webfont.svg#barlow_semi_condensedmedium?tenantId=198553&viewType=1&v=1616585546000') format('svg'); font-weight: normal; font-style: normal; }  @font-face { font-family: 'oswaldlight'; src: url('/upload/font/oswald-light-ttf.sfd-webfont.eot?tenantId=198553&viewType=1&v=1616585546000'); src: url('/upload/font/oswald-light-ttf.sfd-webfont.eot?tenantId=198553&viewType=1&v=1616585546000&#iefix') format('embedded-opentype'), url('/upload/font/oswald-light-ttf.sfd-webfont.woff2?tenantId=198553&viewType=1&v=1616585546000') format('woff2'), url('/upload/font/oswald-light-ttf.sfd-webfont.woff?tenantId=198553&viewType=1&v=1616585546000') format('woff'), url('/upload/font/oswald-light-ttf.sfd-webfont.ttf?tenantId=198553&viewType=1&v=1616585546000') format('truetype'), url('/upload/font/oswald-light-ttf.sfd-webfont.svg#oswaldlight?tenantId=198553&viewType=1&v=1616585546000') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'oswaldregular'; src: url('/upload/font/oswald-regular-webfont.eot?tenantId=198553&viewType=1&v=1616585546000'); src: url('/upload/font/oswald-regular-webfont.eot?tenantId=198553&viewType=1&v=1616585546000&#iefix') format('embedded-opentype'), url('/upload/font/oswald-regular-webfont.woff2?tenantId=198553&viewType=1&v=1616585546000') format('woff2'), url('/upload/font/oswald-regular-webfont.woff?tenantId=198553&viewType=1&v=1616585546000') format('woff'), url('/upload/font/oswald-regular-webfont.ttf?tenantId=198553&viewType=1&v=1616585546000') format('truetype'), url('/upload/font/oswald-regular-webfont.svg#oswaldregular?tenantId=198553&viewType=1&v=1616585546000') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'oswaldbold'; src: url('/upload/font/oswald-bold-webfont.eot?tenantId=198553&viewType=1&v=1616585546000'); src: url('/upload/font/oswald-bold-webfont.eot?tenantId=198553&viewType=1&v=1616585546000&#iefix') format('embedded-opentype'), url('/upload/font/oswald-bold-webfont.woff2?tenantId=198553&viewType=1&v=1616585546000') format('woff2'), url('/upload/font/oswald-bold-webfont.woff?tenantId=198553&viewType=1&v=1616585546000') format('woff'), url('/upload/font/oswald-bold-webfont.ttf?tenantId=198553&viewType=1&v=1616585546000') format('truetype'), url('/upload/font/oswald-bold-webfont.svg#oswaldbold?tenantId=198553&viewType=1&v=1616585546000') format('svg'); font-weight: normal; font-style: normal; } h3 span{ font-family: 'oswaldbold' !Important; font-weight:normal !Important; } h4 span{ font-family: 'oswaldlight' !Important; font-weight:normal !Important; } .en_font_bold2{ font-family: 'oswaldlight' !Important; font-weight:normal !Important; } .en_font_bold3{ font-family: 'oswaldbold' !Important; font-weight:normal !Important; }   body span,font,div,p,td{ font-family: '微软雅黑'; } @font-face { font-family: 'titillium_webregular'; src: url('/upload/font/titilliumweb-regular-webfont.eot?tenantId=198553&viewType=1&v=1616585546000'); src: url('/upload/font/titilliumweb-regular-webfont.eot?tenantId=198553&viewType=1&v=1616585546000&#iefix') format('embedded-opentype'), url('/upload/font/titilliumweb-regular-webfont.woff2?tenantId=198553&viewType=1&v=1616585546000') format('woff2'), url('/upload/font/titilliumweb-regular-webfont.woff?tenantId=198553&viewType=1&v=1616585546000') format('woff'), url('/upload/font/titilliumweb-regular-webfont.ttf?tenantId=198553&viewType=1&v=1616585546000') format('truetype'), url('/upload/font/titilliumweb-regular-webfont.svg#titillium_webregular?tenantId=198553&viewType=1&v=1616585546000') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'titillium_websemibold'; src: url('/upload/font/titilliumweb-semibold-webfont.eot?tenantId=198553&viewType=1&v=1616585546000'); src: url('/upload/font/titilliumweb-semibold-webfont.eot?tenantId=198553&viewType=1&v=1616585546000&#iefix') format('embedded-opentype'), url('/upload/font/titilliumweb-semibold-webfont.woff2?tenantId=198553&viewType=1&v=1616585546000') format('woff2'), url('/upload/font/titilliumweb-semibold-webfont.woff?tenantId=198553&viewType=1&v=1616585546000') format('woff'), url('/upload/font/titilliumweb-semibold-webfont.ttf?tenantId=198553&viewType=1&v=1616585546000') format('truetype'), url('/upload/font/titilliumweb-semibold-webfont.svg#titillium_websemibold?tenantId=198553&viewType=1&v=1616585546000') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinslight'; src: url('/upload/font/poppins-light-webfont.eot?tenantId=198553&viewType=1&v=1616585546000'); src: url('/upload/font/poppins-light-webfont.eot?tenantId=198553&viewType=1&v=1616585546000&#iefix') format('embedded-opentype'), url('/upload/font/poppins-light-webfont.woff2?tenantId=198553&viewType=1&v=1616585546000') format('woff2'), url('/upload/font/poppins-light-webfont.woff?tenantId=198553&viewType=1&v=1616585546000') format('woff'), url('/upload/font/poppins-light-webfont.ttf?tenantId=198553&viewType=1&v=1616585546000') format('truetype'), url('/upload/font/poppins-light-webfont.svg#poppinslight?tenantId=198553&viewType=1&v=1616585546000') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinsmedium'; src: url('/upload/font/poppins-medium-webfont.eot?tenantId=198553&viewType=1&v=1616585546000'); src: url('/upload/font/poppins-medium-webfont.eot?tenantId=198553&viewType=1&v=1616585546000&#iefix') format('embedded-opentype'), url('/upload/font/poppins-medium-webfont.woff2?tenantId=198553&viewType=1&v=1616585546000') format('woff2'), url('/upload/font/poppins-medium-webfont.woff?tenantId=198553&viewType=1&v=1616585546000') format('woff'), url('/upload/font/poppins-medium-webfont.ttf?tenantId=198553&viewType=1&v=1616585546000') format('truetype'), url('/upload/font/poppins-medium-webfont.svg#poppinsmedium?tenantId=198553&viewType=1&v=1616585546000') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'poppinsregular'; src: url('/upload/font/poppins-regular-webfont.eot?tenantId=198553&viewType=1&v=1616585546000'); src: url('/upload/font/poppins-regular-webfont.eot?tenantId=198553&viewType=1&v=1616585546000&#iefix') format('embedded-opentype'), url('/upload/font/poppins-regular-webfont.woff2?tenantId=198553&viewType=1&v=1616585546000') format('woff2'), url('/upload/font/poppins-regular-webfont.woff?tenantId=198553&viewType=1&v=1616585546000') format('woff'), url('/upload/font/poppins-regular-webfont.ttf?tenantId=198553&viewType=1&v=1616585546000') format('truetype'), url('/upload/font/poppins-regular-webfont.svg#poppinsregular?tenantId=198553&viewType=1&v=1616585546000') format('svg'); font-weight: normal; font-style: normal; }  @media only screen and (min-width: 769px) { .p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 30px; 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: #f89414; border-color: #f89414; 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: 30px; border: 1px solid #fff; background: #fff; color: #333; text-align: center; padding: 0 10px; border-radius: 0px; } .p_page .next:active { background: #f89414; border-color: #f89414; color: #fff; } .p_page .next:hover { background: #f89414; border-color: #f89414; color: #fff; cursor: pointer; } .p_page .pageNum { position: relative; float: left; height: 30px; min-width: 30px; margin: 0 5px 0 0; padding: 0 5px; background-size: 100% 100%; color: #595959; border: 1px solid #fff; cursor: pointer; line-height: 30px; 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: #f89414; border-color: #f89414; } .p_page .pageNum:hover { color: #fff; border-color: #f89414; cursor: pointer; text-decoration: none; background-color: #f89414; } .p_page .pageNum.active { text-decoration: none; background-color: #f89414; color: #fff; border-color: #f89414; } } @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: #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: #f89414; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #f89414; background-color: #f89414; cursor: pointer; } .p_pagebox .pre:active { background-color: #f89414; } .p_pagebox .next { width: 48%; margin-left: 2%; background-color: #f89414; } .p_pagebox .next:hover { background-color: #f89414; } .p_pagebox .next:active { background-color: #f89414; } }   ::-webkit-scrollbar { width: 0px; }  ::-webkit-scrollbar-track { background: #f7f7f7; border-radius: 0px; }  ::-webkit-scrollbar-thumb { background: #999; border-radius: 0px; }  ::-webkit-scrollbar-thumb:hover { background: #b72024; } .w_sfbox-002 > div > .p_SwipPanelBox .p_SwipPanel .font { font-size:16px!important; } @media screen and (max-width: 768px) { #c_portalResProduct_category-15974439921492594 .title { top: 75%!important; } .row { margin-left: 0px!important; margin-right: 0px!important; } #c_portalResProduct_category-15974439921492594 .lists { padding: 0px 50px!important; } #c_portalResPublic_codeContainer-15894394087462708 .c_cate_main { width: 94%!important; float: right!important; margin-right: auto!important; margin-left: auto!important; margin-top: 40%!important; } #w_grid-1589449627088,#c_portalResPublic_codeContainer-15975037906446303,#c_portalResIntro_category-15910924856324685,#c_portalResPublic_codeContainer-1597506294620,#c_portalResProduct_category-1597506294630{ display: none!important; } #w_grid-1569255690186 { padding: 0px!important; } #w_common_text-1591672958393 { width: 90%!important; } #w_grid-1591672699260 { width: 80%!important; } .p_bgBox { height: 260px; } #c_portalResProduct_category-15975064151208587 .contentBox{ z-index: 999!important; } } #w_grid-1597534401364 { box-shadow: 0px 10px 35px #aecaee; }  @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; } }