html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }@font-face { font-family: zt1; src: url('/upload/font/DINPro-Medium.otf?tenantId=261412&viewType=1&v=000') format('opentype'); } @-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_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: #005097; cursor: pointer; text-decoration: none; background-color: #005097; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #005097; border-color: #005097; } .p_page .pageNum.active { text-decoration: none; background-color: #005097; color: #fff; border-color: #005097; } .p_page .pageNum .font { display: table-cell; vertical-align: middle; bottom: 0 } .p_page .pageNum .iconfont { display: inline; color: rgba(255, 255, 255, 1); vertical-align: middle } .p_page .pageNum:hover .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pageNum:active .iconfont { color: rgba(255, 255, 255, 1) } .p_page .pageNum .iconfont:before { content: "" } .p_bgBox { background-position: 50% 50% !important; background-size: cover !important; } bad .p_page { display: inline-block !important; padding: 30px 0; } .p_categoryBox .p_linkBox.click { background-color: #92b821 !important; color: #ffffff !important; } .p_categoryBox .p_linkBox.click .color_assist, .p_categoryBox .p_linkBox.click a { color: #ffffff !important; } 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; } .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=261412&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=261412&viewType=1&v=000) no-repeat center; } .right-flex li:hover { background: #333; } @media only screen and (max-width: 1025px) { } @media only screen and (max-width: 1440px) { } @media only screen and (min-width: 769px) { } @media only screen and (max-width: 768px) {  .scene { position: absolute; top: 20% !important; left: 5% !important;  right: 0; height: 100%; } .scene > div.clouds { width: 341px; top: 0px; right: 140px !important; height: 351px; top: 0px; background: url(/img/tits001.png?tenantId=261412&viewType=1&v=000) no-repeat center; } .scene div.trees { display: none !important; width: 139px; height: 180px; background: url(/img/lsj.png?tenantId=261412&viewType=1&v=000) no-repeat center; z-index: 100; left: 15%; top: 42% !important; } .buildings, #w_grid-1573546866119 { display: none; } .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; } } @media only screen and (max-width:1180px) and (min-width:769px) { } @media only screen and (max-width:1600px) and (min-width:1300px) { } @media only screen and (max-width: 1024px) and (min-width: 769px) { }