html,body{margin: 0;padding: 0;font-family:Microsoft JhengHei; } .pagebox{ position:relative; }@font-face { font-family: 'yx_iconfont';  src: url('../font/font_2650718_8kx8z5ivjrg.woff2') format('woff2'), url('../font/font_2650718_8kx8z5ivjrg.woff') format('woff'), url('../font/font_2650718_8kx8z5ivjrg.ttf') format('truetype'); } @font-face { font-family: 'impact';  src: url('../font/impact.ttf') format('truetype'); } #c_portalResPublic_codeContainer-16485414591836314 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResPublic_codeContainer-16485414591836314 .clearfix{ clear:both; } #c_portalResPublic_codeContainer-16485414591836314 .b_box{ position:relative; border-top: rgba(255,255,255,0.1) solid 1px; } #c_portalResPublic_codeContainer-16485414591836314 .b_box ul{ max-width:1440px; padding:0 20px; margin:0 auto; } #c_portalResPublic_codeContainer-16485414591836314 .b_box li{ width:20%; border-right:1px solid rgba(255, 255, 255, 0.2); float:left; } #c_portalResPublic_codeContainer-16485414591836314 .tp{ height:33px; width:auto; } #c_portalResPublic_codeContainer-16485414591836314 .b_box li:nth-child(1){ border-left:1px solid rgba(255, 255, 255, 0.2); } #c_portalResPublic_codeContainer-16485414591836314 .box{ position:relative; } #c_portalResPublic_codeContainer-16485414591836314 .bt{ font-size:18px; color:#fff; margin-top:15px; margin-bottom:50px; } #c_portalResPublic_codeContainer-16485414591836314 .mor{ font-size:14px; color:rgba(255, 255, 255, 0.32); } #c_portalResPublic_codeContainer-16485414591836314 .nr{ text-align:left; padding:35px 0; padding-left:55px; opacity:1; transition:all 0.5s; } #c_portalResPublic_codeContainer-16485414591836314 .bg{ position:absolute; bottom:-200%; background:url(http://static203.yun300.cn/img/dd.jpg?tenantId=267563&viewType=1&v=1701770070000)no-repeat; transition:all 1s; background-size:100%; } #c_portalResPublic_codeContainer-16485414591836314 .nr2{ padding-top:60px; padding-left:30px; padding-right:50px; padding-bottom:30px; color:#fff; } #c_portalResPublic_codeContainer-16485414591836314 .bt2{ font-size:18px; } #c_portalResPublic_codeContainer-16485414591836314 .ms{ font-size:14px; padding-top:25px; padding-bottom:130px; } #c_portalResPublic_codeContainer-16485414591836314 .more{ font-size:14px; position:relative; color:#fff; display:block; } #c_portalResPublic_codeContainer-16485414591836314 .more::before{ content:''; position:absolute; background:url(../image/rBQBHF-Gu6qEEnrTAAAAAH70tCk472.png)no-repeat; width:25px; height:10px; right:0px; top:5px; } #c_portalResPublic_codeContainer-16485414591836314 .b_box li:hover .nr{ opacity:0; } #c_portalResPublic_codeContainer-16485414591836314 .b_box li:hover .bg{ bottom:0px; } @media only screen and (max-width: 1440px) and (min-width: 769px){ #c_portalResPublic_codeContainer-16485414591836314 .nr2 { padding-top: 43px; padding-left: 15px; padding-right: 25px; padding-bottom: 30px; color: #fff; } #c_portalResPublic_codeContainer-16485414591836314 .ms { font-size: 14px; padding-top: 10px; padding-bottom: 20px; } } @media only screen and (max-width: 768px){ #w_grid-1645171871066 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 192px; margin-top: 20px !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1645171871108 { width: auto; max-width: 1600px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1645171871061 { width: 90% !important; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 192px; margin-top: 50px !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1645171871071 { width: auto; max-width: 1600px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px !important; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 30px; padding-right: 0px; padding-bottom: 0px; } #c_portalResPublic_codeContainer-16486101729366185 { width: 100%; max-width: none; min-width: 0px; max-height: none; height: AUTO !IMPORTANT; min-height: 0px; margin-top: 20px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px !IMPORTANT; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #c_portalResProduct_list-16451743156095992 { max-height: none; padding-top: 0px; padding-left: 0px; padding-bottom: 0px; min-height: 0px; margin-right: 0px; margin-left: 0px; max-width: none; width: 100%; margin-top: 0px !IMPORTANT; margin-bottom: 0px; min-width: 0px; height: auto; padding-right: 0px; } #c_portalResPublic_codeContainer-16485414591836314 .b_box li{ width:50%; border:1px solid rgba(255, 255, 255, 0.2); float:left; } #c_portalResPublic_codeContainer-16485414591836314 .nr { text-align: left; padding: 20px 0; padding-left: 15px; opacity: 1; transition: all 0.5s; } #c_portalResPublic_codeContainer-16485414591836314 .bg { position: absolute; bottom: 0; background: url(../image/rBQBHV-GuK2EflRwAAAAAI_pi2g585.png)no-repeat; transition: all 1s; background-size: 100%; opacity: 0; } #c_portalResPublic_codeContainer-16485414591836314 .b_box li:hover .bg { bottom: 0px; opacity: 1; } #c_portalResPublic_codeContainer-16485414591836314 .nr2 { padding-top: 13px; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; color: #fff; } #c_portalResPublic_codeContainer-16485414591836314 .ms { font-size: 14px; padding-top: 19px; padding-bottom: 20px; } } #c_portalResPublic_codeContainer-16485414591836314{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:auto; margin-left:auto; max-width:none; width:100%; margin-top:0px !IMPORTANT; margin-bottom:0px !IMPORTANT; min-width:0px; height:auto; padding-right:0px; }