html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }#c_portalResComplaintPage_detail-15878959671144262 .wyz { position: fixed; right: 2px; top: 49%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 50px 0; border-right: 1px solid #20b09f; height: 352px !important; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 99999 !important; } #c_portalResComplaintPage_detail-15878959671144262 .wyz-item-block.wyz-top { display: none; cursor: pointer; width: 46px; height: 46px; top: 390px !important; }  .matical-color{ } .matical-color .con { padding: 10px 0px 10px 0px; } .matical-color .clearfix { * ; padding: 0px; padding: 0; } .matical-color .clearfix:before,.matical-color .clearfix:after { content: '\0020'; display: block; height: 0; clear: both; visibility: hidden; } .matical-color .con ul li { float: left; width: 8.2vw; list-style:none; margin: 0 0.7vw; margin-bottom: 10px; } .matical-color .con ul li img { width: 100%; max-height: 58px; } .matical-color .con ul li p { color: #000; line-height: 3; text-align: center; } .matical-color .con ul li:hover img { box-shadow: 2px 2px 5px 2px #2c2b2b; transform: scale(1.01) translateY(-5px); -webkit-transform: scale(1.01) translateY(-5px); -moz-transform: scale(1.01) translateY(-5px); -ms-transform: scale(1.01) translateY(-5px); -o-transform: scale(1.01) translateY(-5px); transition: all .3s ease-in; -moz-transition: all .3s ease-in; -transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; }  .dot.current { background: #e60012 !important; box-shadow: 0 0 black; } #c_portalResNews_list-15851852136037986 .pj_titles p ,#c_portalResNews_list-15784803728038299 .pj_titles p{ display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical; text-overflow: ellipsis; } .e_FlowCommonStyleBox-001 .stylebox_top { background-color: #333333 !important; } .e_FlowCommonStyleBox-001 .stylebox_title { background-color: #e60012 !important;} #c_portalResMessage_form-1566891669623 .btn-primary { background-color: #232323 !important;} #w_grid-1560932719679{margin-bottom:0px !important;} .p_CommonSquareNumBtn.active, .p_CommonSquareNumBtn:hover { background-color: #e60012 !important; } .p_CommonSquareNumBtn { border-radius: 100px !important; } #c_portalResNews_list-15758773599527486 .description { -webkit-line-clamp: 2 !important; } #c_portalResProduct_detail-15694629414264797 .summary { margin: 15px 0; font-size: 16px !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 8 !important; color: #7d7d7d !important; } #c_portalResProduct_detail-15694629414264797 .summary { margin: 15px 0; font-size: 0.875rem; line-height: 34px; height: auto !important; text-align: justify; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 10 !important; -webkit-box-orient: vertical; text-overflow: ellipsis; } .item:hover { border: 1px solid #e60012 !important; } .item { border: 1px solid #d9d9d9 !important; }  .p_page .pre:hover { color: #fff; background: #000; border-color: #000; cursor: pointer; } .p_page .pre:active { background: #000; border-color: #000; color: #fff; } .p_page .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px } .p_page .pre:hover .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pre:active .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pre .iconfont:before { content: "\e6b0"; margin-right: 0; } .p_page .pre .i_pre { display: none; }  .p_page .next:after { content: ""; display: none; position: absolute; top: 5px; right: -14px; width: 27px; height: 27px; background-color: rgba(101, 190, 186, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1 } .p_page .next:hover:after { top: 5px; right: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0 #777; -moz-box-shadow: 0 3px 0 #777; box-shadow: 0 3px 0 #777; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; width: 26px; height: 26px } .p_page .next:active:after { top: 8px; right: -12px; width: 27px; height: 24px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0 #777; -moz-box-shadow: 0 3px 0 #777; box-shadow: 0 3px 0 #777; -webkit-transform: rotate(226deg); -moz-transform: rotate(226deg); -o-transform: rotate(226deg); -ms-transform: rotate(226deg); transform: rotate(226deg); z-index: -1 } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 30px; border: 1px solid #d9d9d9; background: #fff; color: #595959; text-align: center; padding:0 10px; border-radius: 6px; } .p_page .next:hover { background: #000; border-color: #000; color: #fff; cursor: pointer; } .p_page .next:active { background: #000; border-color: #000; color: #fff; } .p_page .next .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px } .p_page .next:hover .iconfont { color: rgba(255, 255, 255, 1) } .p_page .next:active .iconfont { color: rgba(255, 255, 255, 1) } .p_page .next .iconfont:before { content: "\e6af"; margin-top: 0; float: right; margin-left: 0; } .p_page .next .i_next { display: none; }  .p_page .js_pageBtnDisable, .p_page .js_pageBtnDisable:hover, .p_page .js_pageBtnDisable:active { background: #f5f5f5; border-color: #d9d9d9; color: #bfbfbf; cursor: default; } .p_page .js_pageBtnDisable:hover .iconfont {color: #bfbfbf;}  .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 #d9d9d9; 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: 6px; } .p_page .pageNum:hover { color: #fff; border-color: #000; cursor: pointer; text-decoration: none; background-color: #000; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #000; border-color: #000; } .p_page .pageNum.active { text-decoration: none; background-color: #000; color: #fff; border-color: #000; }  .p_pagebox .next{ display:inline-table; height:45px; width:28%; color:rgb(156, 156, 156) !important; border-width:0; border-style:solid; border-color:rgba(255, 255, 255, 0) !important; background-color:#f5f5f5 !important; text-align:center; padding-top:0; padding-right:10px; padding-left:10px; position:relative; left:0; top:0; box-sizing:border-box; } .p_pagebox .next *{ color:rgb(156, 156, 156) !important; } #w_grid-1562677788730 >div{ background-image: linear-gradient(to right, rgb(26, 141, 235) 50%, rgba(43, 158, 244, 0) 100%) !important; } #w_grid-1562677788739 >div{ background-image: linear-gradient(to right, rgb(26, 141, 235) 50%, rgba(43, 158, 244, 0) 100%) !important; } #w_grid-1562677788745 >div{ background-image: linear-gradient(to right, rgb(26, 141, 235) 50%, rgba(43, 158, 244, 0) 100%) !important; } #w_grid-1562677788749 >div{ background-image: linear-gradient(to right, rgb(26, 141, 235) 50%, rgba(43, 158, 244, 0) 100%) !important; } #w_grid-1562677788753 >div{ background-image: linear-gradient(to right, rgb(26, 141, 235) 50%, rgba(43, 158, 244, 0) 100%) !important; } #c_portalResVideo_detail-15668946439845383 .videoBox { object-fit: initial !important;} #c_portalResNews_list-15638454316719381 .description{ -webkit-line-clamp:4 !important; } #c_portalResnav_main-15638521069169061 .bt_link .link_c { margin: 0% 3% !important; } #w_grid-1560808839877 * a:hover{color: #e60012 !important;} #w_grid-1563790406527 > div > .p_gridbox:hover { background-image: linear-gradient(to right, #1f1f1f 0%, #3e3e3e 100%) !important; } #w_grid-1563790406530 > div > .p_gridbox:hover{ background-image: linear-gradient(to right, #1f1f1f 0%, #3e3e3e 100%) !important; } #w_grid-1563790406550 > div > .p_gridbox:hover{ background-image: linear-gradient(to right, #1f1f1f 0%, #3e3e3e 100%) !important; } #w_grid-1563790406554 > div > .p_gridbox:hover{ background-image: linear-gradient(to right, #1f1f1f 0%, #3e3e3e 100%) !important; } #c_portalResProduct_list-15638445604290943 .txtBox { background: rgba(35, 28, 27, 0.86) !important; } #c_portalResProduct_list-15638445604290943 .proLi:hover .proTitleBox { color: #e60012 !important; } #w_grid-1560893480258 > div > .p_gridbox { background-size: 100% 100% !important;} #c_portalResProduct_list-15608934787590878 .pj_titles p { -webkit-line-clamp: 3 !important;color: #231815 !important;} #c_portalResProduct_list-15608934787590878 .pj_titles h1 { color: #231815 !important; } body{font-family: Microsoft YaHei!important;} #w_fbtn-1563196292972 .p_CommonBtn { background-color: #197dc9 !important; border-color: #197dc9 !important; color: #ffffff !important;} #w_fbtn-1563196292987 .p_CommonBtn{ background-color: #197dc9 !important; border-color: #197dc9 !important; color: #ffffff !important;} #w_fbtn-1563196293000 .p_CommonBtn { background-color: #197dc9 !important; border-color: #197dc9 !important; color: #ffffff !important;} #w_fbtn-1563196293013 .p_CommonBtn{ background-color: #197dc9 !important; border-color: #197dc9 !important; color: #ffffff !important;} #w_fimgbox-1563196292946 .w_imgbox:hover span { color: #24439c !important; } #w_fimgbox-1563196292939 .w_imgbox:hover span { color: #24439c !important; } #w_fimgbox-1563196292956 .w_imgbox:hover span { color: #24439c !important; } #w_fimgbox-1563196292961 .w_imgbox:hover span { color: #24439c !important; } @media only screen and (min-width: 769px){ .p_page{margin-left: -20px !important;display: inline-block !important;} #w_grid-1562678132707> div > .p_gridbox > .p_gridCell { margin-bottom: 0rem !important; margin-top: 3rem !important;} #w_grid-1562678516706> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; border-right: 1px solid #8a8a8a !important; } body{ overflow-x:hidden; } } @media only screen and (max-width: 769px){  .matical-color{ } .matical-color .con { padding: 10px 0px 10px 0px; } .matical-color .clearfix { *zoom: 1; } .matical-color .clearfix:before,.matical-color .clearfix:after { content: '\0020'; display: block; height: 0; clear: both; visibility: hidden; } .matical-color .con ul li { float: left; width: 25vw !important; list-style:none; margin: 0 1vw; margin-bottom: 10px; } .matical-color .con ul li img { width: 100%; max-height: 58px; } .matical-color .con ul li p { color: #000; line-height: 3; text-align: center; } .matical-color .con ul li:hover img { box-shadow: 2px 2px 5px 2px #2c2b2b; transform: scale(1.01) translateY(-5px); -webkit-transform: scale(1.01) translateY(-5px); -moz-transform: scale(1.01) translateY(-5px); -ms-transform: scale(1.01) translateY(-5px); -o-transform: scale(1.01) translateY(-5px); transition: all .3s ease-in; -moz-transition: all .3s ease-in; -transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; }  .p_pagebox .num .iconfont:before { content: "\e69c"; font-size: 10px !important; } .p_pagebox .num .iconfont { width: 32px; height: 32px; position: absolute; right: 0 !important; } #content_box-1563852105378-2{ width: 112px !important; } #w_grid-1560893480258 > div > .p_gridbox { background-size: auto auto !important;} .btn-primary { color: #fff; background-color: #000 !important; border-color: #000 !important; position: absolute; top: 22px; right: 10px; } body #c_portalResEbizads_banner-15614258524216376{ margin-top: 90px !important; } }