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;} @media only screen and (max-width: 1620px) and (min-width: 1450px) { #c_portalResPublic_codeContainer-15880569370060744 .about-num { margin-top: 0px; display: none!important; padding-top: 30px; padding-bottom: 25px; background: none; } } @media only screen and (max-width: 1365px) and (min-width: 1200px) { #c_portalResPublic_codeContainer-15880569370060744 .about-num { margin-top: 0px; display: none!important; padding-top: 30px; padding-bottom: 25px; background: none; } } @media only screen and (max-width: 1480px) and (min-width: 1366px) { #c_portalResPublic_codeContainer-16139740424493271 { width: 101px; max-width: none; min-width: 0px; height: 43px; max-height: none; min-height: 0px; margin-top: 40px!important; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; position: absolute; top: -155.906px; left: 659px!important; z-index: 999; bottom: auto; right: auto; } #c_portalResNews_list-16013503555790794 .newList { overflow: hidden; padding: 1rem; width: 100%; height: 140px!important; padding-bottom: 20px!important; background: #fff; margin-bottom: 8px!important; margin-top: 8px!important; border-bottom: 1px solid #eaeaea; transition: all .5s ease; } #c_portalResNews_list-16013503555790794 .newList1 { padding: 35px; background: #fafafa; margin-bottom: 0px!important;} #w_fimg-1588118307735 { width: 293px; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 88px; margin-top: 20px; margin-left: 5px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; position: absolute; top: 286.59px; left: 582px!important; z-index: 1; bottom: auto; right: auto; } #c_portalResnav_main-15935182043411111 .header1 nav li { float: left; display: inline-block; text-align: center; font-size: 16px; -webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1); transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1); margin: 0 15px!important; } } @media only screen and (max-width: 1200px) and (min-width: 1024px) { #c_portalResPublic_codeContainer-15880569370060744 .about-num { margin-top: 0px; display: none!important; padding-top: 30px; padding-bottom: 25px; background: none; } #c_portalResnav_main-15935182043411111 .header2 { height: 60px; position: fixed; background: #fff!important; z-index: 22; top: 0; width: 100%; display: none; } #c_portalResnav_main-15935182043411111 .header2 .nav-btn .line { display: block; width: 100%; height: 2px; border-radius: 2px; background-color: #333!important; position: absolute; left: 50%; margin-left: -15px; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #w_grid-1601350356354{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top: 80px!important; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_portalResnav_main-15935182043411111 .header2 { height: 60px; position: fixed; background: #fff!important; z-index: 22; top: 0; width: 100%; display: none; } #c_portalResnav_main-15935182043411111 .header2 .nav-btn .line { display: block; width: 100%; height: 2px; border-radius: 2px; background-color: #333!important; position: absolute; left: 50%; margin-left: -15px; } }  @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; } .p_page .pre:active { background: #d01729; border-color: #d01729; color: #fff; } .p_page .pre:hover { color: #fff; background: #d01729; border-color: #d01729; 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: #d01729; border-color: #d01729; color: #fff; } .p_page .next:hover { background: #d01729; border-color: #d01729; 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: #d01729; border-color: #d01729; } .p_page .pageNum:hover { color: #fff; border-color: #d01729; cursor: pointer; text-decoration: none; background-color: #d01729; } .p_page .pageNum.active { text-decoration: none; background-color: #d01729; color: #fff; border-color: #d01729; } } @media only screen and (max-width: 1366px) and (min-width: 1024px) { #c_portalResNews_list-16013503555790794 .newList { overflow: hidden; padding: 1rem; width: 100%; height: 140px!important; padding-bottom: 20px!important; background: #fff; margin-bottom: 8px!important; margin-top: 8px!important; border-bottom: 1px solid #eaeaea; transition: all .5s ease; } #c_portalResNews_list-16013503555790794 .newList1 { padding: 35px; background: #fafafa; margin-bottom: 0px!important;} #c_portalResPublic_codeContainer-15880569370060744 .about-num { margin-top: 0px; display: none!important; padding-top: 30px; padding-bottom: 25px; background: none; } #w_fimg-1588118307735 { width: 293px; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 88px; margin-top: 20px; margin-left: 5px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; position: absolute; top: 210px!important; left: 490px!important; z-index: 1; bottom: auto; right: auto; } #w_common_text-1588118344894 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 16px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; position: absolute; top: 320px!important; left: 9px; z-index: 1; bottom: auto; right: auto; } #w_common_text-1588118580644 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 16px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; position: absolute; top: 420px!important; left: -4px; z-index: 1; bottom: auto; right: auto; } #w_common_text-1609313093512 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 16px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; position: absolute; top: 500px!important; left: -11px; z-index: 1; bottom: auto; right: auto; } #w_grid-1601350356354 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px!important; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #c_portalResnav_main-15935182043411111 .header1 h1 { width: 311px!important; margin-top: 10px; height: 90px; position: relative; overflow: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; } #c_portalResnav_main-15935182043411111 .header1 nav { width: 680px!important; margin-left: -400px!important; } #c_portalResnav_main-15935182043411111 .header1 nav li { margin: 0 14px!important; } } @media only screen and (max-width: 1480px){ #c_portalResnav_main-15616909979498496 .header1 nav { margin-left: -420px!important; } } @media screen and (max-width: 768px) { #w_fimg-1588118307735 { width: 293px; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 88px; margin-top: 20px; margin-left: 5px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; position: absolute; top: 286.59px; left: 790px; display:none!important; z-index: 1; bottom: auto; right: auto; } #c_portalResPublic_codeContainer-16013496212245699 .wenzi { font-size: 14px!important; } #c_portalResPublic_codeContainer-16013496306818727 .wenzi { font-size: 14px!important; } #c_portalResPublic_codeContainer-16028111294695843 .wenzi { font-size: 14px!important; } #c_portalResPublic_codeContainer-16013469758588801 .wenzi { font-size: 14px!important; } #c_portalResPublic_codeContainer-15880569370060744 .about-num { margin-top: 0px; display: none!important; padding-top: 30px; padding-bottom: 25px; background: none; } #c_portalResnav_main-15935182043411111 .header2 { height: 60px; position: fixed; background: #fff!important; z-index: 22; top: 0; width: 100%; display: none; } #c_portalResnav_main-15935182043411111 .header2 .nav-btn .line { display: block; width: 100%; height: 2px; border-radius: 2px; background-color: #333!important; position: absolute; left: 50%; margin-left: -15px; } #w_grid-1601350356354{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top: 70px!important; padding-left:0px; padding-right:0px; padding-bottom:0px; }#c_portalResnav_main-15935182043411111 .header2 { height: 60px; position: fixed; background: #fff!important; z-index: 22; top: 0; width: 100%; display: none; } #c_portalResProduct_list-16087018049760019 .porTbox { position: relative; overflow: hidden; width: 100%; height: 420px!important; border: 1px #eee solid; } #c_portalResnav_main-15935182043411111 .header2 .nav-btn .line { display: block; width: 100%; height: 2px; border-radius: 2px; background-color: #333!important; position: absolute; left: 50%; margin-left: -15px; } #c_portalResnav_main-15935182043411111 .header2 { height: 60px; position: fixed; background: #FFF!important; z-index: 22; top: 0; width: 100%; display: none; } .logo { width: 198px; left: 15px; top: 0%!important; margin-top: -22px; transform-origin: left center; -webkit-transform-origin: left center; transform: scale(0.8); -webkit-transform: scale(0.8); } .p_pagebox .NumBox { display: none !important; } #c_portalResnav_main-15935182043411111 .header2 .nav-btn .line { display: block; width: 100%; height: 2px; border-radius: 2px; background-color: #333!important; position: absolute; left: 50%; margin-left: -15px; } #c_portalResnav_main-15616909979498496 .header2 { height: 60px; position: fixed; background: #fff!important; z-index: 22; top: 0; width: 100%; display: none; } #c_portalResnav_main-15616909979498496 .header2 .nav-btn .line { display: block; width: 100%; height: 2px; border-radius: 2px; background-color: #333!important; position: absolute; left: 50%; margin-left: -15px; } .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: #d01729; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #d01729; background-color: #d01729; cursor: pointer; } .p_pagebox .pre:active { background-color: #d01729; } .p_pagebox .next { width: 48%; margin-left:2%; background-color: #d01729; } .p_pagebox .next:hover { background-color: #d01729; } .p_pagebox .next:active { background-color: #d01729; } }   ::-webkit-scrollbar { width: 5px; }  ::-webkit-scrollbar-track { background: #f7f7f7; border-radius: 0px; }  ::-webkit-scrollbar-thumb { background: #999; border-radius: 0px; }  ::-webkit-scrollbar-thumb:hover { background: #d01729; }  @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; } }