<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<title>index</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<script type="text/javascript" src="laydate/laydate.js"></script>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<script>
$(document).ready(function(){fo rw()})
$(window).resize(function(){f or w()})
function forw(){
var w=$(window).width()
var mw=$(".mainbox2").width()
var iw=w/mw
$(".mainbox2").css("transform","scale("+iw+")");
var mw2=$(".mainbox2").height()*iw
var h=$(window).height()
var ih=h-mw2-20
$(".boxall").css({height:mw2, marginTop:ih/2});
}
</script>
<style>
body{overflow: hidd en;}
.mainbox2{-webkit-transform-origin:top left; width: 4608px; height: 1344px;}
</style>
<div class="boxall">
<div class="mainbox2">
<div class="head clearfix">
<h1 class="">岑溪市矿石行业监管和税收共治平台</h1>
<div class="topright">
<input type="text" placeholder="开始时间" class="time">
<input type="text" placeholder="结束时间" class="time">
<a href="#">link1</a>
<a href="#">link2</a>
</div>
</div>
<div class="mainbox">
<ul class="clearfix nav1">
<li>
<div class="box" style="height: calc(33% - 12px)">
<div class="tit">今日汇总</div>
<div class="boxnav">
<div class="yqlist" style="width: 100%">
<ul class="clearfix">
<li><img src="images/icon1.png"><span>今日税收<i>15678</i></span></li>
<li><img src="images/icon2.png"><span>今日车次<i>15678</i></span></li>
<li><img src="images/icon3.png"><span>今日重量<i>15678</i></span></li>
</ul>
</div>
</div>
</div>
<div class="box" style="height:calc(33% - 12px)">
<div class="tit tit01">今日税收</div>
<div class="boxnav" >
<div class="jrss" style="width: 100%">
<ul>
<li>
<p>
<span>开采企业</span>
<i class="text-w">193856.09元</i>
</p>
<div class="jdbar"><span class="bg-w" style="width: 90%">90%</span></div>
</li>
<li>
<p>
<span>加工企业</span>
<i class="text-b">193856.09元</i>
</p>
<div class="jdbar"><span class="bg-b" style="width: 70%">70%</span></div>
</li>
<li>
<p>
<span>运费</span>
<i class="text-d">193856.09元</i>
</p>
<div class="jdbar"><span class="bg-d" style="width:60%">60%</span></div>
</li>
</ul>
</div>
</div>
</div>
<div class="box" style="height:calc(33% - 12px)">
<div class="tit tit02">今日税种</div>
<div class="boxnav" id="echart1"></div>
</div>
</li>
<li>
<div class="box" style=" height: calc(100% - 12px)">
<div class="tit tit03">累计税收</div>
<div class="ljss">
<h3><span>¥3,275,425.07</span><i>元</i></h3>
<ul class="clearfix">
<li>
<div class="ct" id="ct1"></div>
<div>
<p>开采企业</p>
<span>¥<i class="text-w">1242342.5</i></span>
</div>
</li>
<li>
<div class="ct" id="ct2"></div>
<div>
<p>开采企业</p>
<span>¥<i class="text-b">1242342.5</i></span>
</div>
</li>
<li>
<div class="ct" id="ct3"></div>
<div>
<p>开采企业</p>
<span>¥<i class="text-d">1242342.5</i></span>
</div>
</li>
</ul>
</div>
<div class="boxnav mapc" style="height: calc(100% - 210px); position: relative">
<div class="maptxt">
<ul>
<li>开采企业<br><i class="text-w">938</i>家</li>
<li>加工企业<br><i class="text-w">232</i>家</li>
<li>手持机<br><i class="text-w">143</i>台</li>
<li>运矿车辆<br><i class="text-w">91</i>辆</li>
</ul>
</div>
<div class="map" id="map" style="width: 100%;"></div>
</div>
</div>
</li>
<li>
<div class="box" style="height: 100%;">
<div class="boxnav" id="guangxi" style="width: 100%; height: 100%;">1</div>
</div>
</li>
<li>
<div class="box" style="padding-bottom: 10px; height: calc(50% - 12px)">
<div class="tit tit04">今日矿种</div>
<div class="gdhead">
<span>矿种</span><span>产量</span><span>重量</span><span>占比</span>
</div>
<div class="boxnav scrollDiv" style=" height: calc(100% - 80px)">
<ul class="smjl">
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
<li><span>xx矿</span><span>392车</span><span>3910吨</span><span>20%</span></li>
</ul>
</div>
</div>
<div class="box" style=" height: calc(50% - 12px)">
<div class="tit tit05">近7天税收趋势</div>
<div class="boxnav" id="echart2">
</div>
</div>
</li>
<li>
<div class="box" style=" height: calc(50% - 12