/*----------------------------------------------------
Default
-----------------------------------------------------*/
*html{ background-image:url("IE6-fixed-FangDou"); background-attachment:fixed;}
body,ul,ol,dl,dt,dd,li,p,h1,h2,h3,h4,h5,h6,form,label,fieldset,table,td,img,div,th{
border:0;margin:0px; padding:0;}
li,dd,dl,dt {list-style-type:none;}
table {border-collapse:collapse;} 
b,em,i,u,strong{font-weight:normal;font-style:normal;text-decoration:none;}
.clear{ clear:both; line-height:0; font-size:0;  border:none; height:0; }
.empty { line-height:0; font-size:0;}
.fr{ float:right;}
.fl{ float:left;}
.clearfix{overflow:hidden;zoom:1}
.br { word-wrap:break-word;	word-break:break-all;}

/*-----------------------------------------------------
User-defined
-----------------------------------------------------*/
h1,h2,h3,h4,h5,h6 { font-family:Tahoma, Helvetica, Arial, 'Microsoft YaHei', sans-serif; font-size:12px; font-weight:normal;}	
body {font-size:12px; font-family:Tahoma, Helvetica, Arial, 'Microsoft YaHei', sans-serif; color:#333; background:#fff;}
input,select,textarea{ margin: 0; padding:0; vertical-align:middle; font-family:Tahoma, Helvetica, Arial, 'Microsoft YaHei', sans-serif; color:#333; outline:none; resize:none;}

a { color: #333; text-decoration: none; }
a:hover { color:#333; text-decoration: underline; }

/*----------------------------------------------------
公共
-----------------------------------------------------*/
html,body { height: 100%;}
/*----------------------------------------------------
布局
-----------------------------------------------------*/

.zbg { display: -webkit-box; -webkit-box-orient: vertical; width: 100%; height: 100%; min-width: 12rem; min-height: 8rem; background: url(../images/bg.jpg) center top no-repeat; background-color: #071325; background-size: cover;}
.ztop { display: -webkit-box;}
.ztop-left { width: 6.4rem; height: .46rem; background: url(../images/bg_02.png) left 0 no-repeat; background-size: 6.4rem .46rem;}
.ztop-flex { -webkit-box-flex: 1; height: .16rem; background: url(../images/bg_03.png) repeat-x; background-size: .1rem .16rem;}
.ztop-right { width: 6.4rem; height: .46rem; background: url(../images/bg_04.png) right 0 no-repeat; background-size: 6.4rem .46rem;}
.zmiddle { -webkit-box-flex: 1; display: -webkit-box;}
.zmiddle-left { width: .66rem; background: url(../images/bg_05.png) repeat-y; background-size: .66rem 8.22rem;}
.zmiddle-flex { -webkit-box-flex: 1; display: -webkit-box; -webkit-box-orient: vertical;}
.zmiddle-right { width: .66rem; background: url(../images/bg_08.png) repeat-y; background-size: .66rem 8.22rem;}
.zbottom { display: -webkit-box; -webkit-box-align: end;}
.zbottom-left { width: 1.62rem; height: .46rem; background: url(../images/bg_11.png) left bottom no-repeat; background-size: 1.62rem .46rem;}
.zbottom-flex { -webkit-box-flex: 1; height: .2rem; background: url(../images/bg_20.png) repeat-x; background-size: .1rem .2rem;}
.zbottom-right { width: 1.62rem; height: .46rem; background: url(../images/bg_14.png) right bottom no-repeat; background-size: 1.62rem .46rem;}

.zdataCharts { -webkit-box-flex: 1; display: -webkit-box; margin: 0 .3rem .1rem;}
.zdataCharts-left { display: -webkit-box; -webkit-box-orient: vertical; width: .24rem;}
.zdataCharts-leftTop { width: .24rem; height: .24rem; background: url(../images/bg_13.png) no-repeat; background-size: .24rem .24rem;}
.zdataCharts-leftMiddle { -webkit-box-flex: 1; width: .24rem; background: url(../images/bg_23.png) repeat-y; background-size: .24rem .6rem;}
.zdataCharts-leftBottom { width: .24rem; height: .24rem; background: url(../images/bg_32.png) no-repeat; background-size: .24rem .24rem;}
.zdataCharts-box { -webkit-box-flex: 1; background: url(../images/bg_16.png) repeat-x, url(../images/bg_34.png) repeat-x; background-size: .6rem .24rem, .6rem .24rem; background-position: left top, left bottom;}
.zdataCharts-right { display: -webkit-box; -webkit-box-orient: vertical; width: .24rem;}
.zdataCharts-rightTop { width: .24rem; height: .24rem; background: url(../images/bg_18.png) no-repeat; background-size: .24rem .24rem;}
.zdataCharts-rightMiddle { -webkit-box-flex: 1; width: .24rem; background: url(../images/bg_29.png) repeat-y; background-size: .24rem .6rem;}
.zdataCharts-rightBottom { width: .24rem; height: .24rem; background: url(../images/bg_35.png) no-repeat; background-size: .24rem .24rem;}


.zdataCharts-box  { display: -webkit-box; -webkit-box-orient: vertical; padding-top: .12rem;}
.zdataCharts-box .swiper-container { -webkit-box-flex: 1; display: -webkit-box; -webkit-box-orient: vertical;}
.zdataCharts-box .swiper-wrapper { -webkit-box-flex: 1; height: 100%; display: -webkit-box;}
.zdataCharts-box .swiper-slide { height: calc(100vh - .56rem - .7rem - .8rem); display: -webkit-box; -webkit-box-orient: vertical;}

.zdataCharts-title { display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; height: .8rem; font-size: .3rem; color: #fff; text-align: center; }
.zdataCharts-title h1 { line-height: 1; font-size: .3rem; color:#fff;}
.zdataCharts-title p { padding-left: .1rem; line-height: 1; font-size: .26rem; color:#fff;}