| 123 |
- .fl{float:left}.fr{float:right}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both}@font-face{font-family:Rubik;font-family:DigifaceWide;src:url("../fonts/Rubik-Light.ttf");src:url("../fonts/digifaw.ttf")}*{-webkit-box-sizing:border-box;box-sizing:border-box}b{font-weight:normal}html,body{width:100%;height:100%;color:#fff}@media screen and (max-width: 3850px){html,body{font-size:64px}}@media screen and (max-width: 1930px){html,body{font-size:32px}}ul,li,dl,dt,dd{padding:0;margin:0;list-style:none}h1,h2,h3,h4,div{padding:0;margin:0;font-weight:normal}h3{font-size:.5625em;color:#fff}p{margin:0;padding:0}body{position:relative;padding:0;margin:0;font-family:MicrosoftYaHei;overflow:hidden}body:before{position:absolute;top:7.6%;right:0;width:5.2%;height:12%;background:url(../img/circle.png) no-repeat;background-size:100%;content:""}.root-wrap{height:100%;padding:0 1.5%;background:url("../img/bg.png") no-repeat center top;background-size:100% 100%}header{position:relative;width:100%;height:10%;min-height:90px;text-align:center;padding-top:1%;margin-bottom:1%}header img{width:19.5%}header h2,header .month-tip{position:absolute;top:33%;font-size:.75em}header h2{left:0}header .month-tip{right:0}header:before{position:absolute;bottom:0;left:0;width:100%;height:18%;min-height:18px;background:url("../img/header-line.png") no-repeat;background-size:100%;content:""}header:after{display:block;position:absolute;bottom:0;left:50%;width:36.5%;min-width:700px;height:70%;min-height:70px;background:url(../img/header.gif) no-repeat center center;background-size:100%;-webkit-transform:translate(-50%, 20%);transform:translate(-50%, 20%);content:""}.main{width:100%;height:84%}.main .aside-left{position:relative;width:22%;height:100%}.main .aside-left h3{padding-top:6.5%;padding-left:7%;padding-bottom:3%}.main .aside-right{position:relative;width:22%;height:100%}.left-top{position:relative;opacity:.9;background:rgba(18,22,64,0.5)}.left-bottom{position:absolute;bottom:0;opacity:.9}.left-bottom:before{content:'';position:absolute;top:6%;right:-2%;z-index:100;width:15%;height:7%;background:url("../img/bor1_2_square.png") no-repeat;background-size:100%;z-index:10}.left-bottom:after{position:absolute;top:0;left:0;width:100%;height:104%;background:url("../img/bor1_2.png") no-repeat;background-size:100% 97%;content:""}.right-top{position:relative;background:url("../img/bg1_1.png") no-repeat top}.right-top:after{position:absolute;top:0;width:100%;height:100%;background:url("../img/bor1_3.png") no-repeat;background-size:100% 100%;content:""}.right-top .con{height:42%;margin:0 5%;font-size:.4375em;font-size:.4375em;background:#081d5d}.fl{float:left}.fr{float:right}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both}@font-face{font-family:Rubik;src:url("../fonts/Rubik-Light.ttf");src:url("../fonts/rubik-regular-webfont.ttf");src:url("../fonts/Rubik-Medium.ttf")}@font-face{font-family:DigifaceWide;src:url("../fonts/digifaw.ttf")}*{-webkit-box-sizing:border-box;box-sizing:border-box}b{font-weight:normal}html,body{width:100%;height:100%;color:#fff}@media screen and (max-width: 3850px){html,body{font-size:64px}}@media screen and (max-width: 1930px){html,body{font-size:32px}}ul,li,dl,dt,dd{padding:0;margin:0;list-style:none}h1,h2,h3,h4,div{padding:0;margin:0;font-weight:normal}h3{font-size:.5625em;color:#fff}p{margin:0;padding:0}body{position:relative;padding:0;margin:0;font-family:MicrosoftYaHei;overflow:hidden}body:before{position:absolute;top:7.6%;right:0;width:5.2%;height:12%;background:url(../img/circle.png) no-repeat;background-size:100%;content:""}.root-wrap{height:100%;padding:0 1.5%;background:url("../img/bg.png") no-repeat center top;background-size:100% 100%}header{position:relative;width:100%;height:10%;min-height:90px;text-align:center;padding-top:1%;margin-bottom:1%}header>img{position:absolute;top:10%;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}header .gifImg{width:100%;height:50%;position:absolute;top:40%;min-height:50px;overflow:hidden;text-align:center}header .gifImg:after{content:'';top:40%;left:50%;-webkit-transform:translate(-50%, 20%);transform:translate(-50%, 20%);display:block;position:absolute;width:36.5%;min-width:700px;height:100%;background:url(../img/header.gif) no-repeat center center;background-size:100%}header .gifImg .month-tip{margin-top:3%;font-size:.75em;color:#fff}header .title_img{text-align:left}header .title_img img{width:19.5%}header h2{position:absolute;top:33%;font-size:.75em}header h2{left:0}header:before{position:absolute;bottom:18%;left:0;width:100%;height:18%;min-height:18px;content:""}.main{width:100%;height:84%}.main .aside-left{position:relative;width:22%;height:100%}.main .aside-left h3{padding-top:6.5%;padding-left:13%}.main .aside-right{position:relative;width:22%;height:100%}.left-top{position:relative;opacity:.9;background:rgba(18,22,64,0.5)}.left-top:after{position:absolute;right:0;bottom:-10.4%;width:5%;min-width:20px;height:13%;min-height:50px;background:url("../img/bor1_1_xie.png") no-repeat;background-size:100% 100%;content:""}.left-top:before{position:absolute;top:0;left:0;width:100%;height:106%;background:url("../img/bor1_1.png") no-repeat;background-size:100% 100%;z-index:-1;content:""}.left-bottom{position:absolute;bottom:0;opacity:.9}.left-bottom:before{content:'';position:absolute;top:5.6%;right:-2%;z-index:100;width:15%;height:7%;background:url("../img/bor1_2_square.png") no-repeat;background-size:100%;z-index:10}.left-bottom:after{position:absolute;top:0;left:0;width:100%;height:104%;background:url("../img/bor1_2.png") no-repeat;background-size:100% 97%;z-index:-1;content:""}.middle-map{position:relative;width:55%;height:100%;margin:0 .5%}.middle-map h3{height:9%}.middle-map .map-wrap{position:relative;opacity:.9;height:100%;border-top:4px solid #121e52;border-bottom:4px solid #10144b;background:rgba(18,22,64,0.5);background-size:100% 100%}.middle-map .map-wrap h3{position:absolute;top:4%;left:50%;width:100%;padding:0 3%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}.middle-map .map-wrap h3 dl{width:20%;padding:0.4% 0.2% 0 0.4%;border-left:2px solid #00bbec}.middle-map .map-wrap h3 dl dt{font-size:.78125em;color:#00bbec;margin-bottom:5%}.middle-map .map-wrap h3 dl dd{font-family:DigifaceWide;font-size:1.25em;color:#fff}.middle-map .map-wrap .title-map{position:absolute;left:50%;top:20%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);font-size:.5625em}.middle-map .map-wrap .unit-wan:after,.middle-map .map-wrap .unit-wanyuan:after,.middle-map .map-wrap .unit-number:after,.middle-map .map-wrap .unit-pc:after,.middle-map .map-wrap .unit-type:after{display:inline-block;margin-left:4%;font-size:12px;color:#fff}.middle-map .map-wrap .unit-wan:after{content:'万'}.middle-map .map-wrap .unit-wanyuan:after{content:'万元'}.middle-map .map-wrap .unit-number:after{content:'条'}.middle-map .map-wrap .unit-type:after{content:'种'}.middle-map .map-wrap .unit-pc:after{content:'批次'}.middle-map .map-wrap #map{height:100%}.right-top{position:relative;background:url("../img/bg1_1.png") no-repeat top}.right-top .con{height:42%;margin:0 5%;font-size:.4375em;font-size:.4375em;background:#081d5d}.nav{position:fixed;right:0;z-index:20000;width:30%;height:10%;font-size:.4375em}.nav ul{list-style:none;min-width:440px;width:100%}.nav ul a{display:block;text-decoration:none;width:100%;height:100%;text-align:center;line-height:4.5;color:white}.drop-down{width:100%;height:100%}.drop-down-content li{display:inline-block;float:left;width:20%;min-width:82px;height:100%}.drop-down{width:100%}.drop-down-content{padding:0;display:none;position:absolute;top:37%;right:0}h3{font-size:.5625em;clear:both}.drop-down-content li:hover a{color:bisque}.nav .drop-down:hover .drop-down-content{display:block}.main{width:100%;height:84%}.main .aside-left{position:relative;width:22%;height:100%}.main .aside-left:before{content:"";position:absolute;top:0;bottom:-10.4%;width:100%;height:100%;background:url(../img/invalid.png) no-repeat;background-size:100% 100%}.main .aside-left ul{position:relative;z-index:99;display:block;height:91%;overflow:hidden}.main .aside-left li{position:relative;z-index:100;width:86%;height:19%;padding:5% 8% 5% 4%;margin:1.5% auto;background:rgba(8,29,93,0.36);cursor:pointer}.main .aside-left li img{display:block;width:23%;height:100%}.main .aside-left li dl{width:77%;padding-left:5%}.main .aside-left li dl dt{text-align:left;font-size:.4375em;font-weight:normal;font-style:normal;font-stretch:normal;line-height:normal;color:#fff;overflow:hidden;white-space:nowrap;letter-spacing:normal;text-overflow:ellipsis}.main .aside-left li dl dd{text-align:left;font-family:MicrosoftYaHei;font-size:.34375em;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.43;color:rgba(0,187,236,0.5);letter-spacing:normal}.main .aside-left li dl dd p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.main .aside-right{position:relative;width:22%;height:100%}.main .aside-right .con_top{position:relative;width:100%;height:103.5%}.main .aside-right .con_top:before{content:"";position:absolute;top:0;bottom:-10.4%;width:100%;height:100%;background:url(../img/aside_top.png) no-repeat;background-size:100% 100%}.main .aside-right .con_top h3{padding:10% 8% 2% 8%}.main .aside-right .con_top .aside_con{height:86%;padding:0 3%;overflow:hidden}.main .aside-right .con_top .aside_con dl{padding:2% 5%;margin:1% 0;background:rgba(8,29,93,0.43)}.main .aside-right .con_top .aside_con dd{font-size:.34375em}.main .aside-right .con_top .aside_con .user{text-align:left;font-size:.375em;color:#00bbec}.main .aside-right .con_top .aside_con .time{color:rgba(0,187,236,0.52)}.main .aside-right .con_top .aside_con .comment{text-align:left;color:#00bbec}.main .aside-right .con_top .aside_con .comment span{position:relative;display:inline-block;font-size:.28125em}.main .aside-right .con_top .aside_con dd{text-align:left;font-size:.375em;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.33;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;letter-spacing:normal}.main .middle_con{position:relative;width:55%;height:100%;margin:0 .5%;background-color:rgba(18,22,64,0.44)}.main .middle_con .middle_top{width:100%;height:80%}.main .middle_con .middle_button{width:100%;height:20%;overflow:hidden}.main .middle_con .middle_button .button_left,.main .middle_con .middle_button .button_right{position:relative;float:left;width:50%;height:100%;font-size:.4375em}.main .middle_con .middle_button .button_left .button_con,.main .middle_con .middle_button .button_right .button_con{position:absolute;width:100%;height:82%;overflow:hidden}.main .middle_con .middle_button .button_left:before,.main .middle_con .middle_button .button_right:before{content:"";position:absolute;top:0;bottom:-10.4%;width:100%;height:100%;background:url(../img/invalid-button.png) no-repeat;background-size:100% 100%}.main .middle_con .middle_button .button_left h3,.main .middle_con .middle_button .button_right h3{padding:4% 0 2% 3%}.main .middle_con .middle_button .button_left dl,.main .middle_con .middle_button .button_right dl{display:inline-block;width:90%;line-height:2.3;margin-left:3%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.main .middle_con .middle_button .button_left .number,.main .middle_con .middle_button .button_right .number{color:#2edbff}.main .middle_con .middle_button .button_left .title,.main .middle_con .middle_button .button_right .title{text-align:left;color:#fff}.main .middle_con .middle_button .button_left dt,.main .middle_con .middle_button .button_right dt{display:inline-block}.main .middle_con .middle_button .button_left dd,.main .middle_con .middle_button .button_right dd{display:inline-block;text-align:left;padding-left:2%;color:rgba(0,187,236,0.5)}.main .middle_con .con_left,.main .middle_con .con_right{width:50%;height:37%;padding-top:1%}.main .middle_con .con_left{padding:2% 5%;border-right:1px solid #00bbec}.main .middle_con .con_left img{display:block;width:30%;height:88%}.main .middle_con .con_left dl{width:70%;height:100%;padding-left:5%;color:#fff}.main .middle_con .con_left dl dt{text-align:left;font-size:.59375em;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1;padding-bottom:4%;overflow:hidden;white-space:nowrap;letter-spacing:normal;text-overflow:ellipsis}.main .middle_con .con_left dl dd{text-align:left;font-size:.4375em;font-weight:normal;line-height:1.43;letter-spacing:normal}.main .middle_con .con_left dl dd p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-style:normal}.main .middle_con .con_right{padding-left:2%}.main .middle_con .con_right dl{width:100%;height:50%;float:left;margin:1% 0;overflow:hidden}.main .middle_con .con_right dl dt{text-align:left;font-size:.4375em;line-height:1.11;color:#fff;letter-spacing:normal}.main .middle_con .con_right dl ul{margin:4% 0 0 7%}.main .middle_con .con_right dl ul li{float:left;text-align:right;font-size:.375em;padding:1% 5%;padding:1% 5%;margin:1%;color:#fff;background:rgba(0,187,236,0.28)}.main .middle_con .con_link{position:relative;float:left;width:100%;height:22.33%}.main .middle_con .con_link li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.main .middle_con .con_link:before{content:"";position:absolute;top:0;bottom:-10.4%;width:20%;height:15%;background:url(../img/title_con.png) no-repeat;background-size:100% 100%}.main .middle_con .con_link h3{padding-left:11%;margin-top:-0.5%;font-size:.5em}.main .middle_con .con_link .link_title,.main .middle_con .con_link .link_ul{width:81%;text-align:left;font-size:.375em;font-weight:normal;font-style:normal;font-stretch:normal;line-height:1.43;margin:2% auto;color:#fff;overflow:hidden;letter-spacing:normal}.main .middle_con .con_link .link_title{height:80%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;padding-top:1%}.main .middle_con .con_link .link_ul{height:80%}.main .middle_con .con_link .link_ul li{float:left;width:25%;padding:0.2% 1%}.title_img{text-align:left}.main-bottom{width:100%;height:5px}.main-bottom span{display:inline-block;height:100%;background:#02336b}.main-bottom .line1{width:15%;margin-right:6px}.main-bottom .line2{width:55%;margin-right:6px}.main-bottom .line3{width:26%}.pressRotate{-webkit-animation:mymove .5s ease-in;animation:mymove .5s ease-in}@keyframes mymove{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}100%{-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}}@-webkit-keyframes mymove{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}100%{-webkit-transform:rotateX(360deg);transform:rotateX(360deg)}}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
- /*# sourceMappingURL=four.css.map */
|
