@font-face {
    font-family: 'impactregular';
    src: url('impact_0-webfont.eot');
    src: url('impact_0-webfont.eot?#iefix') format('embedded-opentype'), url('impact_0-webfont.woff') format('woff'), url('impact_0-webfont.ttf') format('truetype'), url('impact_0-webfont.svg#impactregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'quartzregular';
    src: url('quartz_regular-webfont.eot');
    src: url('quartz_regular-webfont.eot?#iefix') format('embedded-opentype'), url('quartz_regular-webfont.woff') format('woff'), url('quartz_regular-webfont.ttf') format('truetype'), url('quartz_regular-webfont.svg#quartzregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
	background-color: #4B4B4B;
}
body {
    margin: 0;
    padding: 0;
    overflow: hidden;
}


a:link, a:hover, a:active, a:visited {
    color: #fff;
    text-decoration: none;
}

.page1, .page2, .page3 {
    width: 1080px;
    height: 1920px;
    border-style: none;
    overflow: hidden;
    margin: 0;
    float: left;
}

.y1, .y2, .y3, .y21, .y31, .y5, .y51 ,.y6{
	 margin: auto;
    width: 1080px;
    height: 1920px;
    overflow: hidden;
}

.y1bg {
    background: url(../images/bg_n.png) no-repeat;
}

.y2bg {
    background: url(../images/021.png) no-repeat;
}

.y21bg {
    background: url(../images/02.png) no-repeat;
}

.y3bg, .y5bg {
    background: url(../images/bg3_n.png) no-repeat;
}

.y31bg, .y51bg {
    background: url(../images/03.png) no-repeat;
}

.y6 {
    background: url(../images/bgindex.png) no-repeat;
}

.intotaltext, .inTotalText {
    color: #FFFFFF;
    font-size: 150px;
    line-height: 163px;
    /*font-family: impactregular;*/
    font-family: 黑体;
    font-weight: bold;
    position: relative;
    left: 570px;
    top: 114px;
    list-style: none;
    text-align: center;
    width: 419px;
    height: 163px;
    /*display: block;*/
}

.pasthourtext, .pastHourText {
    color: #ff3600;
    font-size: 100px;
    line-height: 158px;
    /*font-family: impactregular;*/
    font-family: 黑体;
    font-weight: bold;
    position: relative;
    left: 40px;
    top: 125px;
    list-style: none;
    text-align: center;
    width: 338px;
    height: 158px;
    /*line-height: 180px;*/
}

.inyesterdaytotaltext, .inYesterdayTotalText {
    font-size: 30px;
    /*font-family: impactregular;*/
    font-family: 黑体;
    font-weight: bold;
    color: #bdbcc1;
    position: relative;
    left: 335px;
    top: -35px;
    list-style: none;
    text-align: center;
    width: 130px;
    height: 45px;
}

.nowtimetext, .nowTimeText {
    color: #0dfdfe;
    font-size: 25px;
    line-height: 50px;
    font-family: quartzregular;
    position: relative;
    left: 715px;
    top: -298px;
    list-style: none;
    text-align: right;
    width: 271px;
    height: 45px;
}

.lbfloors, lbFloors {
    position: relative;
    height: 315px;
    width: 650px;
    top: -80px;
    left: -1px;
    overflow: hidden;
}

.floorItem {
    width: 420px;
    height: 238px;
    font-size: 80px;
    /*font-family: impactregular;*/
    font-family: 黑体;
    font-weight: bold;
    padding: 160px 0 20px 240px;
}

.fimg0 {
    color: #69ff32;
    background: url(../images/f1_n.png) no-repeat;
}

.fimg1 {
    color: #ffff39;
    background: url(../images/f2_n.png) no-repeat;
}

.fimg2 {
    color: #39ffff;
    background: url(../images/f3_n.png) no-repeat;
}

.fimg3 {
    color: #ffaee8;
    background: url(../images/f4_n.png) no-repeat;
}

.fllorslider, .fllorSlider {
    margin-left: -20px;
    display: none;
}
/*方正兰亭-中黑_GBK 微-软雅黑 改变字体可能会导致矩形图错位*/
.qxText {
	font-family: 微软雅黑;
	font-size: 50px;
	line-height: 32px;
}

.qxText2 {
	font-family: 微软雅黑;
	font-size: 35px;
	line-height: 32px;
}

.qxText_24 {
    font-family: 微软雅黑;
    font-size: 28px;
    line-height: 18px;
}

.qxTextHome {
    font-size: 52px;
    padding-left: 52px;
}

.qxText_Block {
    display: block;
}

.qxTextBgp {
    padding-left: 48px;
}

.qxTextBg0 {
    background: url(../images/ticon_0.png) no-repeat;
}

.qxTextBg1 {
    background: url(../images/ticon_1.png) no-repeat;
}

.qxTextBg2 {
    background: url(../images/ticon_2.png) no-repeat;
}

.qxTextBgHome {
    background: url(../images/home.png) no-repeat;
}

.alldata, .allData {
	position: relative;
	top: 120px;
	left: 150px;
	width: 300px;
	
}

.alldata1, .allData1 {
position: relative;
	top: 120px;
	left: 120px;
	width: 400px;
}
.alldata2, .allData2 {
	position: relative;
	top: 630px;
	left: 300px;
	width: 200px;
	
}
.alldata3, .allData3 {
	position: absolute;
	top: 172px;
	left: 877px;
	width: 166px;
	height: 105px;
	text-align: right;
	font-size: 49px;
	line-height: 49px;
	color: #00ffff;
	z-index: 100
	
}

.alldata4, .allData4 {
	position: relative;
	top:570px;
	left: 740px;
	width: 200px;
	
}

.alldata5, .allData5 {
	position: relative;
	top:580px;
	left: 80px;
	width: 200px;
	
}

.alldata6, .allData6 {
	position: relative;
	top:550px;
	left: 300px;
	width: 200px;
	
}

.alldata7, .allData7 {
	position: relative;
	top:520px;
	left: 520px;
	width: 200px;
	
}

.alldata8, .allData8 {
	position: relative;
	top:490px;
	left: 740px;
	width: 200px;
	
}

.alldata9, .allData9 {
	position: relative;
	top:-1750px;
	left: 870px;
	width: 200px;
	height:200px;
	
}




.titletextf, titleTextF {
    font-family: 微软雅黑;
}

.textbold {
    font-weight: bold;
}
.return {
	position: absolute;
	top: 172px;
	left: 877px;
	width: 166px;
	height: 105px;
	text-align: right;
	font-size: 49px;
	line-height: 49px;
	color: #00ffff;
	z-index: 100
}

.tu {
	position: absolute;
	top: 173px;
	left: 54px;
	width: 92px;
	height: 200px;
	text-align: right;
	font-size: 49px;
	line-height: 49px;
	color: #00ffff;
	z-index: 100
}


.titletext, .titleText {
	position: relative;
	top: 20px;
	left: 240px;
	width: 758px;
	height: 49px;
	text-align: right;
	font-size: 36px;
	line-height: 49px;
	color: #00ffff;
}

.titletextinfo {
	font-size: 50px;
}

.titletexten, .titleTextEn {
	position: relative;
	top: 35px;
	left: 200px;
	width: 800px;
	height: 40px;
	text-align: right;
	font-size: 35px;
	line-height: 18px;
	color: #bebfbf;
}

.titletexteninfo {
	font-size: 24px;
}

.tiltetextD {
    line-height: 40px;
}

.qxcenter, .qxCenter {
	padding: 0;
	position: relative;
	top:250px;
	left: 100px;
	width: 500px;
	height: 420px;
    /*z-index: 99;*/
}

.qxlist, .qxList {
    list-style: none;
    margin: 0;
}

    .qxlist li {
        line-height: 65px;
        cursor: pointer;
    }


.qxtsg {
    padding: 0;
    position: relative;
    top: 100px;
    left: 50px;
    width: 1080px;
    height: 800px;
    /*border:1px solid red;*/
    z-index: 999;
    display: none;
}

.qxtsglist, .qxTSGList {
    margin: 0;
}

    .qxtsglist li {
        line-height: 60px;
        cursor: pointer;
        color: white;
        float: left;
        width: 330px;
        margin-left: 10px;
    }


        .qxtsglist li a:link {
            color: #fff;
            text-decoration: none;
        }
        /*已点击过的链接*/
        .qxtsglist li a:visited {
            color: #fff;
            text-decoration: none;
        }
        /*鼠标停留在上面的链接*/
        .qxtsglist li a:hover {
            color: #fff;
            /*text-decoration: underline;*/
        }
        /*当前激活的链接*/
        .qxtsglist li a:active {
            color: #fff;
            /*text-decoration: underline;*/
        }

.qxmap, .qxMap {
	position: relative;
	height: 400px;
	width:400px;
	top: -200px;
	left: 400px;
}

.mapsvg {
	position: relative;
	overflow: hidden;
	left: 0px;
	top: 0px;
	zoom:100%;
}

.mapsvgzoom {
    zoom: 0.9;
}

.st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #72C8D5;
}

.st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #A2D3DF;
}

.st2 {
    fill: #81C483;
}

.st3 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #AACB78;
}

.st4 {
    fill: #EFEC9A;
}

.st5 {
    fill: #8B6B46;
}

.st6 {
    fill: #BDD587;
}

.st7 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #E9E8C9;
}

.st8 {
    fill: #F3A27D;
}

.st9 {
    fill: #F5D17F;
}

.st10 {
    fill: #F6F2B6;
}

.st11 {
    fill: url(#SVGID_1_);
}

.st12 {
    fill: url(#SVGID_2_);
}

.st13 {
    fill: none;
}

.st14 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #F6F7FA;
}

.st15 {
    fill: #9D90C4;
}

.st16 {
    fill: #CED57F;
}

.st17 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #96BDE0;
}

.st18 {
    fill: #040000;
}

.st19 {
    fill: #72C8D5;
}

.st20 {
    fill: #A2D3DF;
}

.st21 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #D0E5C7;
}


.infochart, .infoChart {

	position: relative;
	top: 500px;
	left: 100px;
	height: 1000px;
	width:900px;
	transform: rotate(90deg); 
-o-transform: rotate(90deg); 
-webkit-transform: rotate(90deg); 
-moz-transform: rotate(90deg); 
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.2660444431189777, M12=-0.3327876096865394, M21=0.1127876096865398, M22=0.9660444431189779); 

}


.rightnumbers, .rightNumbers {
	position: relative;
	top: -770px;
	left:100px;
	width: 1000px;
	height: 200px;
}

.todayout {
	position: relative;
	top: 95px;
	left: 480px;
	width: 400px;
	height: 80px;
}

.yesterdayout {
	position: relative;
	top: 130px;
	left: 670px;
	width: 200px;
	height: 80px;
}

.todayin {
	position: relative;
	top: -65px;
	left: -40px;
	width: 400px;
	height: 80px;
}

.yesterdayin {
	position: relative;
	top: -30px;
	left: 150px;
	width: 200px;
	height: 50px;
}

.iotext {
	text-align: right;
	font-family: 黑体;
	font-weight: 800;
	font-size: 150px;
	color: #69ff32;
	line-height: 70px;
}

.iotextGreen {
	color: #ff550f;
	font-size: 150px;
}

.ioyesterdaytext {
	text-align: right;
	font-family: 黑体;
	/*font-weight:800;*/
    font-size: 70px;
	color: #005c3e;
	line-height: 50px;
}

.ioyesterdaytextRed {
	color: #ba0000;
	font-size: 70px;
	text-align: right;
}

.svgitem {
    cursor: pointer;
}

.outbook, outBook {
	position: relative;
	top: 200px;
	left: 20px;
	/*padding:100px 150px 0 0;*/
    padding: 20px 20px 0 0;
	height: 1400px;
	width: 1000px;
	text-align: center;
	overflow: hidden;
}

.star0, .star1.star2, .star3, .star4 {
    position: absolute;
    display: none;
    /*border:1px solid red;*/
    background-repeat: no-repeat;
    width: 235px;
    height: 235px;
}

.flybook, .flyBook {
    position: absolute;
    list-style: none;
}

    .flybook li {
        /*display:none;*/
        position: absolute;
        text-align: center;
    }

        .flybook li img {
            display: none;
            position: absolute;
        }
.pull-left{
    float: left;
}
.modalBook{
    position: absolute;
    left: 130px;
    top: 300px;
    width: 800px;
    height: 1000px;
    background-color: #fff;
    border: 2px solid #000;
    z-index: 99999;
    font-family: '微软雅黑';
    display: none;
    opacity: 0;
}
.modalBook .btn-close{
    position: absolute;
    right: 10px;
    top: 6px;
    width: 42px;
    height: 42px;
    border: 1px solid #000;
    color: #000;
    background: url(../images/btn-close.png) left 1px no-repeat;
}

.modalBook .boxWrap:after{
    content:'';
    clear: both;
    width: 0;
    height: 0;
    opacity: 0;
    display: block;
}
.modalBook .imgBox{
    width: 325px;
    height: 465px;
    margin: 95px 0 0 65px;
    overflow: hidden;
    margin-right: 110px;
}
.modalBook .txtBox{
    width: 250px;
    margin-top: 85px;
}
.modalBook .txtBox h2,
.modalBook .txtBox h3{
    font-size: 28px;
    line-height: 44px;
    color: #000;
    margin: 0;
    font-weight: normal;
}
.modalBook .txtBox h2 span,
.modalBook .txtBox h3 span{
    font-size: 22px;
}
.modalBook .txtBox .j_sum{
    margin-top: 65px;
}
.modalBook .txtBox .j_sum p{
    margin: 0;
    font-size: 18px;
    line-height: 22px;
    text-indent: 2em;
}
.modalBook .txtBox .j_QR{
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 202px;
    height: 202px;
}
.modalBook .txtBox .j_QR div{
    width: 200px;
    height: 200px;
    border: 1px solid #eff4f8;
    overflow: hidden;
}