1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <title></title> 7 <script src="/Scripts/jquery-1.10.2.min.js"></script> 8 9 <link rel="stylesheet" href=""> 10 <style> 11 *{ 12 padding:0; 13 margin:0; 14 font: 24px/24px "Microsoft Yahei"; 15 color:white; 16 } 17 body{ 18 background:#202020; 19 } 20 .main{ 21 width: 1520px; 22 height:900px; 23 background:#06192A; 24 margin:0 auto; 25 border:2px solid white; 26 } 27 .main header{ 28 height: 150px; 29 border-bottom:2px solid #637382; 30 } 31 .main header h1{ 32 text-align:center; 33 font-weight:bolder; 34 position: relative; 35 bottom:0; 36 padding-top: 104px; 37 } 38 .main section{ 39 /*width:1296px;*/ 40 height:500px; 41 margin:0 auto; 42 } 43 44 .main section .title{ 45 display:inline-block; 46 height:30px; 47 line-height:30px; 48 padding-top:20px; 49 width: 100%; 50 } 51 52 .main section b.radio,.main section b.radio:before{ 53 display:block; 54 position: relative; 55 } 56 .main section b.radio{ 57 width:16px; 58 height:16px; 59 border-radius:8px; 60 background:white; 61 margin-left:2px; 62 63 float:right; 64 margin-right:68px; 65 } 66 67 .main section b.green:before,.main section b.red:before,.main section b.yellow:before{ 68 width:12px; 69 height: 12px; 70 content:""; 71 border-radius:6px; 72 top:2px; 73 left:2px; 74 } 75 76 .main section b.green:before{ 77 background:#008F40; 78 } 79 80 .main section b.red:before{ 81 background:#D10F12; 82 } 83 84 .main section b.yellow:before{ 85 background:#F4A700; 86 } 87 88 .main section b.green:after,.main section b.red:after,.main section b.yellow:after{ 89 display:block; 90 width:40px; 91 font-size:20px; 92 position: relative; 93 top:-17px; 94 left:-47px; 95 } 96 97 .main section .title b.green:after{ 98 content:"运行"; 99 }100 .main section .title b.red:after{101 content:"故障";102 }103 .main section .title b.yellow:after{104 content:"报警";105 }106 107 .content{108 display:inline-block;109 position: relative;110 width: 100%;111 height: 100%;112 }113 114 .content .bg b{115 position: absolute !important;116 margin-right:15px !important;117 }118 119 .content .s1{120 background-image:url(images/hospital/s1.png);121 width:368.4px;122 height: 412.8px;123 }124 125 .content .s1 .arrow{126 -webkit-transform: rotate(90deg);127 -moz-transform: rotate(90deg);128 -ms-transform: rotate(90deg);129 -o-transform: rotate(90deg);130 transform: rotate(90deg);131 top: 92px;132 left: 57px;133 }134 135 .content .s1 b{136 bottom: 24px;137 right: 70px;138 }139 140 .content .s2{141 background-image:url(images/hospital/s2.png);142 width: 250.2px;143 height: 208.2px;144 left: 380px;145 top: 216px;146 }147 148 .content .s2 b,.content .s3 b,.content .s4 b{149 bottom: 35px;150 right: 35px;151 }152 153 .content .s3{154 background-image:url(images/hospital/s3.png);155 width: 250.2px;156 height: 208.2px;157 left: 680px;158 top: 216px;159 }160 161 .content .s4{162 background-image:url(images/hospital/s4.png);163 width: 250.2px;164 height: 208.2px;165 left: 980px;166 top: 216px;167 }168 169 .content .s5{170 background-image:url(images/hospital/s5.png);171 width: 202.15px;172 height: 113.75px;173 left: 1270px;174 top: 300px;175 }176 177 .content .s5 span{178 font-size:20px;179 position: relative;180 left: 80px;181 }182 183 .content .arrow{184 background-image:url(images/hospital/arrow.png);185 width:53.1px;186 height: 23.4px;187 zoom:2 !important;188 top: -8px;189 left:1px;190 }191 192 .content .f1{193 background-image:url(images/hospital/f1.png);194 width: 171.6px;195 height: 163.8px;196 top: 33px;197 left: 416px;198 }199 200 .content .f1 b{201 bottom:53px;202 left:-24px;203 }204 205 .content .f1 b:after{206 content:"余氮值";207 width: 60px !important;208 left:-21px !important;209 top: -40px !important;210 }211 212 .content .f2{213 background-image:url(images/hospital/f2.png);214 width: 250.2px;215 height: 208.2px;216 top: 0;217 left: 680px;218 }219 220 .content .t1{221 background-image:url(images/hospital/f1.png);222 width: 171.6px;223 height: 163.8px;224 top: 530px;225 left: 416px;226 }227 228 .content .t2{229 background-image:url(images/hospital/t2.png);230 width: 182px;231 height: 140.25px;232 top: 530px;233 left: 701px;234 }235 236 .content .t2 b{237 right: -16px;238 top: 65px;239 }240 241 .pt92{242 top:92px !important;243 }244 245 .content .bg{246 background-repeat: no-repeat; 247 background-position:center center;248 background-size: cover; 249 -webkit-background-size: cover;/* 兼容Webkit内核浏览器如Chrome和Safari */ 250 -o-background-size: cover;/* 兼容Opera */ 251 zoom: 1; 252 position: absolute;253 z-index: 2;254 }255 256 .PR48{257 right:48px !important;258 }259 .pb33{260 bottom:33px !important;261 }262 .pr12{263 right:12px !important;264 }265 .pb44{266 bottom:44px !important;267 }268 269 .content .gw{270 content:"";271 height: 7px;272 border-top:1px solid #83868C;273 border-bottom:1px solid #83868C;274 position: absolute;275 276 background:#06192A;277 }278 279 .content .f1-f2{280 left: 544px;281 top: 135px;282 width:693px;283 }284 285 .content div.full{286 backgr
新闻热点
疑难解答
