html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }* { } #w_common_text-1553656094460 span{ font-family: "iconfont"; } a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } a:link, a:visited { text-decoration: none; } a:active, a:hover { text-decoration: none; } .tb { display: table; height: 100%; width: 100%; } .tb_c { display: table-cell; vertical-align: middle; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .fl{ float:left; } .fr{ float:right; } #w_fimg-1553655862048 img { transition: transform 1.2s ease-out 0s; -webkit-transition: -webkit-transform 1.2s ease-out 0s; } #w_fimg-1553655862048:hover img { transform: scale(1.3); -webkit-transform: scale(1.3); } .w_fimgbox-001{ overflow: hidden; } .w_fimgbox-001 .w_imgbox:before { content: ''; position: absolute; width:100%; height:100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } .w_fimgbox-001 .w_imgbox img{-webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);} @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .p_more { font-size: 14px; } .right-flex { width: 60px; position: fixed; top: 50%; right: 0; z-index: 90; margin-top: -75px; } .right-flex ul { width: 100%; } .right-flex li { margin-bottom: 5px; position: relative; width: 60px; padding: 5px 0; float: right; overflow: hidden; background: #c8c8c8; transition: width .3s, background .3s, margin .3s; } .right-flex li.top .ico {  } .right-flex li .ico { width: 60px; display: block; height: 30px; } .right-flex li p { font-size: 12px; color: #fff; text-align: center; } .right-flex li a { display: block; width: 100%; height: 100%; } .right-flex li .ico.ico00 { background: url(//dfs.yun300.cn/group1/M00/03/B5/rBQBHVysQ6aEZMQhAAAAAFWSsE0018.png?tenantId=221591&viewType=1&v=000) no-repeat center; } .right-flex li .ico.ico03 { margin: 10px 0; background: url(//dfs.yun300.cn/group1/M00/13/22/rBQBG1vFTI2ELUT_AAAAAHV5vkw525.png?tenantId=221591&viewType=1&v=000) no-repeat center; } .right-flex li:hover { background: #333; } @media only screen and (max-width: 1025px){ #content_box-1553590294560-0{ width:100%!important; float:none; } #content_box-1553590294560-1{ width:100%!important; float:none; } #content_box-1553665946878-0{ width:100%!important; float:none; } #content_box-1553665946878-1{ width:100%!important; float:none; } #w_common_text-1553656094460{ width:90%!important; } #c_portalResNews_list-15536598458422303{ width:90%!important; } } @media only screen and (max-width: 1440px){ #w_common_text-1553656094460 p:nth-child(1) span{ font-size:26px!important; } #w_common_text-1553656094460 p:nth-child(2) span{ font-size:18px!important; } } @media only screen and (max-width: 768px) { #c_portalResProduct_list-1585786666411 .proList { width:100%!important; } #w_common_text-1553656094460 p:nth-child(1) span{ font-size:20px!important; } #w_common_text-1553656094460 p:nth-child(2) span{ font-size:16px!important; } #w_common_text-1554200863272 span:nth-child(1) span{ font-size:16px!important; } #w_common_text-1554200863272 span:nth-child(2) span{ font-size:18px!important; } #w_common_text-1554257120814 span:nth-child(1) span{ font-size:16px!important; } #w_common_text-1554257120814 span:nth-child(2) span{ font-size:18px!important; } #w_common_text-1554277725645 span:nth-child(1) span{ font-size:16px!important; } #w_common_text-1554277725645 span:nth-child(2) span{ font-size:18px!important; } .w_fimgbox-001 { margin-top: 60px !important; } #w_common_text-1554200863272{ padding:20% 0!important; } #w_grid-1554200803466 .p_gridbox{ background-attachment: inherit !important; } .right-flex { width: 50px; position: fixed; top: auto; bottom:-5px; right: 0; z-index: 90; margin:0; } .right-flex li { margin-bottom: 5px; width: 50px; } .right-flex li .ico { width: 50px; } }