优化页面样式

css/index.css

 	margin: 0;
 	padding: 0;
 	font-size: 16px;
-	background-color: #100e11;
+	background-color: #030303;
 	-webkit-text-size-adjust: none;
 }
 
 	text-decoration: none;
 }
 [ui-view]{
-	background:#100e11 ;
+	background:#030303 ;
 }
 
  .navcon{
  	width: 100%;
- 	background:#100e11 ;
+ 	background:#030303 ;
+ 	border-bottom: 1px solid #078ceb;
+ 	margin-bottom: 40px;
  }
  .navbox{
  	width: 95%;
- 	margin: 0 auto;
  	height: 45px;
  	color: #fff;
  }
   	text-align: center;
   	line-height: 45px;
   	font-size: 25px;
-  
+  	padding: 0 20px;
+    background: #078ceb;
+    position: relative;
   }
+   .navbox p:after{
+    display: block;
+    content: "";
+    position: absolute;
+    right: -40px;
+    top: 0;
+    height: 0;
+    width: 0;
+    border-left: 40px solid #078ceb;
+    border-top: 45px solid transparent;
+   }
  
   .navbox .navl{
   	height: 100%;
  	line-height: 45px;
  	text-align: center;
  	padding: 0px 15px;
- 	color: #73a2fa;
+ 	color: #fff;
   }
 .navbox .navl li a.active{
- 	color: #fff;
- 	background: #65668c;
+ 	color: #078ceb;
  }
  
  /*来源渠道开始*/
 
  .qunzhong{
-     width: 95%;
-    background: #100e11;
+    width: 100%;
+    background: #030303;
     margin: 0 auto;
-    padding: 40px 0;
+    padding-bottom: 40px;
  	
  }
  .huanxing{
  	float: right;
- 	width: 35%;
+ 	width: 40%;
  	color: #fff;
  	text-align: center;
  }
   	
   }
   .huanxing ul li div{
-  	width: 80%;
+  	width: 6em;
+    height: 6em;
     margin: 0 auto;
-    background: url(../img/circle_03.png) no-repeat;
-    height: 110px;
-    background-size: contain;
+    /*background: url(../img/circle_03.png) no-repeat;
+    background-size: contain;*/
+   border: 10px solid #ff585b;
+    -moz-border-radius: 50%; /* Firefox */
+  -webkit-border-radius: 50%; /* Safari 和 Chrome */
+   border-radius: 50%;/* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
     color: #fff;
     text-align: center;
     line-height: 6em;
 	float: right;
 }
 .tsjb-bm ul li .progress,.tsjb-br ul li .progress{
-	background-color: #64547b;
+	background-color: #1d1c1c;
 }
 .progress-bar-zise {
     background-color: #c278a9;
 				list-style: none;
 				font-size: 14px;
 				text-align: center;
-				margin-bottom: 15px;
+				/*margin-bottom: 15px;*/
 			}
 			
 			.slqm ul li span {
-				margin: 5px;
 				text-align: center;
 				display: inline-block;
 				width: 8%;
 			}
 			
 			.tspm ul {
-				margin-top: 50px;
+				margin-top: 25px;
 			}
 			
 			.tspm ul li span {
-				text-align: center;
+				text-align: left;
 				display: inline-block;
 				width: 10%;
 			}
 			.tspm ul li {
 				font-size: 14px;
 				text-align: center;
-				margin-bottom: 30px;
 			}
 			.slqm_content ul li .progress {
-				   background-color: #64547b;
+				background-color:#1d1c1c;
+				margin-bottom: 40px;
+   				margin-top: 5px;
 			
 			}
 			.conb>div{
 			}
 			.gd-tbox{
 				width: 100%;
-				margin: 0 0 85px 0;
+				margin: 0px 0 25px 0;
 			}
 			.gd-tbox li{
 				float: left;
 				color: red;
 			}
 			.gd-tbox li.gd-tit{
-				background: red;
+				background: #c23531;
 				color: #fff;
 				
 			}
 			}
 			.gdmap>div.gdmap-r ul li i{
 				margin-right: 5px;
+				border-radius: 50%;
 			}
 			.gdmap>div.gdmap-r ul li {
-				margin-top: 10px;
+				margin-top: 15px;
 			}
 /*中心大数据结束*/
 /*服务知识开始*/
 			}
 			.xs {
 				font-size: 16px;
-				line-height: 40px;
+				line-height: 20px;
 				display: block;
 			}			
 			.pr_bai {
 				padding-left: 0;
 				margin-right: 40px;
 			}
+			.slqd_content ul li {
+				margin-bottom: 25px;
+			}
 			.slqd_content ul li .progress {
 				width: 60%;
-				height: 40px;
+				height: 20px;
 				float: left;
-				background-color: #64547b;
+				background-color: #1d1c1c;
 			}
 /*服务知识结束*/

html/fuwuzhishi.html

 			<div class="slqd_title">群众咨询知识库情况统计</div>
 			<div class="slqd_content">
 				<ul>
-					<li>
+					<li class="clearfix">
 						<div class="progress">
 							<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 90%;">
 								<span class="xs">90%</span>
 							<span class="info">(1001)</span>
 						</div>
 					</li>
-					<li>
+					<li class="clearfix">
 						<div class="progress">
 							<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 90%;">
 								<span class="xs">90%</span>
 							<span class="warning">(1001)</span>
 						</div>
 					</li>
-					<li>
+					<li class="clearfix">
 						<div class="progress">
 							<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 70%;">
 								<span class="xs">70%</span>
 							<span class="danger">(1001)</span>
 						</div>
 					</li>
-					<li>
+					<li class="clearfix">
 						<div class="progress">
 							<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 40%;">
 								<span class="xs">40%</span>
 							<span class="success">(1001)</span>
 						</div>
 					</li>
-					<li>
+					<li class="clearfix">
 						<div class="progress">
 							<div class="progress-bar  progress-bar-zise" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
 								<span class="xs">60%</span>
 							<span class="zise">(1001)</span>
 						</div>
 					</li>
-					<li>
+					<li class="clearfix">
 						<div class="progress">
 							<div class="progress-bar progress-bar-cheng" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 20%;">
 								<span class="xs">20%</span>
 							<span class="cheng">(1001)</span>
 						</div>
 					</li>
-					<li>
+					<li class="clearfix">
 						<div class="progress">
 							<div class="progress-bar progress-bar-fen" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 20%;">
 								<span class="xs">20%</span>

html/index.html

 	<body ng-app="myRoute">
 		<div class="navcon ">
 			<div class="navbox clearfix">
-				<p>XX市服务中心信息展示系统</p>
+				<p>华谊科技信息展示系统</p>
 				<ul class="navl clearfix">
 					<li>
 						<a ui-sref="index" ui-sref-active="active">来源渠道情况</a>

html/tousujubao.html

 		</div>
 	</div>
 	<div class="tsjb-bot clearfix">
-		<div class="tsjb-bl">
-	<div id="tsdw_dw" style="width: 100%;height: 400px;"></div>
-</div>
+	
+
 <div class="tsjb-bm">
 	<div class="biao-title">投诉关键字统计</div>
 	<ul>
 		</li>
 	</ul>
 </div>
+
+<div class="tsjb-bl">
+	<div id="tsdw_dw" style="width: 100%;height: 400px;"></div>
+</div>
+
 <div class="tsjb-br">
 			<div class="biao-title">举报关键字统计</div>
 	<ul>

html/zhongxin.html

 									<div class="gdmap-l">
 										<ul>
 											<li>
-												<div>工单</div>
-												<span>700</span>
+												<div>查询</div>
+												<span>100</span>
 											</li>
 											<li>
-												<div>工单</div>
-												<span>700</span>
+												<div>投诉</div>
+												<span>200</span>
 											</li>
 											<li>
-												<div>工单</div>
-												<span>700</span>
+												<div>举报</div>
+												<span>300</span>
 											</li>
 											<li>
-												<div>工单</div>
-												<span>700</span>
+												<div>建议</div>
+												<span>400</span>
 											</li>
 											<li>
-												<div>工单</div>
-												<span>700</span>
+												<div>通话</div>
+												<span>500</span>
 											</li>
 										</ul>
 									</div>
 									<ul>
 										<li>
 											<span class="sl_b size-20">1</span>
-											<span class="sl_b max-width">市委市市委市市委市</span>
+											<span class="sl_b max-width">落户</span>
 											<span class="sl_blue">受理</span>
 											<span class="sl_red " >30%</span>
 											<span class="sl_blue " >占比</span>
 										</li>
 												<li>
 													<span class="sl_b size-20 ">2</span>
-													<span class="sl_b max-width ">公安局</span>
+													<span class="sl_b max-width ">驾照</span>
 													<span class="sl_blue ">受理</span>
 													<span class="sl_red ">50%</span>
 													<span class="sl_blue ">占比</span>
 												</li>
 												<li>
 													<span class="sl_b size-20 ">3</span>
-													<span class="sl_b max-width ">民政局</span>
+													<span class="sl_b max-width ">号牌上户</span>
 													<span class="sl_blue ">受理</span>
 													<span class="sl_red ">40%</span>
 													<span class="sl_blue ">占比</span>
 												</li>
 												<li>
 													<span class="sl_b size-20 ">4</span>
-													<span class="sl_b max-width ">财政局</span>
+													<span class="sl_b max-width ">注册登记</span>
 													<span class="sl_blue ">受理</span>
 													<span class="sl_red ">25%</span>
 													<span class="sl_blue ">占比</span>
 												</li>
 												<li>
 													<span class="sl_b size-20 ">5</span>
-													<span class="sl_b max-width ">税务局</span>
+													<span class="sl_b max-width ">企业备案</span>
 													<span class="sl_blue ">受理</span>
 													<span class="sl_red ">30%</span>
 													<span class="sl_blue ">占比</span>
 						
 						
 						
-						<div class="conb clearfix">
+						<div class="conb clearfix" style="margin-top: 20px;">
 							<div >
 								<div id="th_num" style="height: 400px;" ></div>
 							</div>

js/huawu.js

 		$('#main').highcharts({
 			chart: {
 				type: 'column',
-				backgroundColor: '#100e11'
+				backgroundColor: '#030303'
 			},
 			title: {
 				text: '坐席闲忙比例'
 		$('#main1').highcharts({
 			chart: {
 				type: 'line',
-				backgroundColor: '#100e11'
+				backgroundColor: '#030303'
 			},
 			title: {
 				text: '话务量实时数据统计'
 	radius: 40,
 	barBgColor: '#999',
 	barColor: 'rgb(247, 163, 92)',
-	barWidth: 5,
+	barWidth: 8,
 	initValue: 100,
 	roundCorner: true,
 	percentage: true
 	radius: 40,
 	barBgColor: '#999',
 	barColor: 'rgb(241, 92, 128)',
-	barWidth: 5,
+	barWidth: 8,
 	initValue: 40,
 	roundCorner: true
 	//      percentage: true
 radius: 40,
 barBgColor: '#999',
 barColor: '#87CEEB',
-barWidth: 5,
+barWidth: 8,
 initValue: 40,
 roundCorner: true
 //      percentage: true

js/jiedanbumen.js

         showAllSymbol: true,
         symbol: 'emptyCircle',
         symbolSize: 15,
-       data:[50, 122, 128, 232, 240,300, 240, 322, 128, 122, 120, 112],
+       data:[50, 122, 128, 232, 240,300, 240, 322, 228, 122, 120, 112],
          itemStyle: {
             normal: {
                 color: 'green'
         type: 'bar',
         itemStyle: {
             normal: {
-                barBorderRadius: 5,
-                color: new echarts.graphic.LinearGradient(
-                    0, 0, 0, 1,
-                    [
-                        {offset: 0, color: '#14c8d4'},
-                        {offset: 1, color: '#43eec6'}
-                    ]
-                )
+                color:['#43eec6']  
+                                        
             }
         },
          data:[140, 142, 185, 186, 297, 100, 116, 230, 217, 216,215, 302]
         type: 'bar',
          itemStyle: {
             normal: {
-                 barBorderRadius: 5,
-                color: new echarts.graphic.LinearGradient(
-                    0, 0, 0, 1,
-                    [
-                        {offset: 0, color: '#9df5ff'},
-                        {offset: 1, color: '#61dbe8'}
-                    ]
-                )
+                color: ['#61dbe8']                  
             }
         },
      
     }, {
         name: '反馈工单数',
         type: 'bar',
-        // symbol: 'rect',
        itemStyle: {
             normal: {
-                barBorderRadius: 5,
-                color: new echarts.graphic.LinearGradient(
-                    0, 0, 0, 1,
-                    [
-                      {offset: 0, color: '#83bff6'},
-                            {offset: 0.5, color: '#188df0'},
-                            {offset: 1, color: '#188df0'}
-                    ]
-                )
+                color: ['#188df0']
             }
         },
      
             });
         
         //heighchart插件
+        var fbheight=$(window).height();
+        console.log(fbheight);
+         $('#timefb').css('height',fbheight);
         $('#timefb').highcharts({
    			chart: {
    				type: 'area',
-   				backgroundColor: '#100e11',
+   				backgroundColor: '#030303',
    				color: '#fff'
    			},
    			title: {
    			series: [{
    						name: '受理工单数',
    						data: [10, 15, 12, 7, 12, 15, 20, 25, 30, 15, 10],
-   						color: '#f57c56'
+   						color: '#da2d28'
    					}, {
    						name: '处理工单数',
    						data: [30, 32, 28, 25, 32, 35, 40, 60, 50, 30, 15],
    					}, {
    						name: '反馈工单数',
    						data: [110, 94, 64, 37, 42, 50, 88, 86, 71, 45,20],
-           				color:'#527de0'
+           				color:'#033ea9'
         }]
    
         })

js/zhongxin.js

 		$('#th_num').highcharts({
 			chart: {
 				type: 'line',
-				backgroundColor: '#100e11'
+				backgroundColor: '#030303'
 			},
 			title: {
 				text: '通话数量统计',
 				}
 			},
 			yAxis: {
-				gridLineColor: '#100e11',
+				gridLineColor: '#030303',
 				title: {
 					text: '数量',
 					rotation: 0,
 		//通话时长
 		var chart = new Highcharts.Chart('th_nums', {
 			chart: {
-				backgroundColor: '#100e11'
+				backgroundColor: '#030303'
 			},
 			title: {
 				text: '平均通话时长统计',