.view-body{position:relative; width: 100%;background:url('../images/home-bg.jpg') no-repeat center center;background-size: cover;}
.home-header{width: 100%;height: 60px;background:url('../images/header-bg.png') no-repeat center center;background-size: 100% 100%;}
.header-logo{overflow: hidden;margin-top: 6px;margin-left: 1%;float: left;}
.header-logo img{float: left;width: 48px;height: 48px;}
.header-logo h1{float: left; font-size: 16px;color: #fff;line-height: 48px;margin:0px 0px 0px 10px;}
.header-nav{float: left;margin:0px;height:60px;}
.header-nav ul li{float: left;margin-right:10px;}
.header-nav ul li.active{background-color: #0079c6;}
.header-nav ul li>a{ display: inline-block;font-size: 14px; color: #ffffff;}
.header-nav ul li>a span{display: inline-block;padding:0px 16px 0px 48px;height:60px;line-height: 60px;}
.header-nav ul li .menu_item1 span{background:url('../images/nav-data.png') no-repeat 10px center;}
.header-nav ul li .menu_item2 span{background:url('../images/nav-case.png') no-repeat 10px center;}
.header-nav ul li .menu_item3 span{}
.header-nav ul li .menu_item4 span{background:url('../images/nav-manager.png') no-repeat 10px center;}
.header-nav ul li .menu_item5 span{background:url('../images/nav-share.png') no-repeat 10px center;}
.header-nav ul li .menu_item6 span{background:url('../images/nav-approve.png') no-repeat 10px center;}
.header-nav ul li .menu_item7 span{background:url('../images/nav-set.png') no-repeat 10px center;}
.header-nav ul li .menu_item8 span{background:url('../images/nav-yy.png') no-repeat 10px center;}
.home-content{width: 100%;overflow: hidden;}
.home-content .content-inner{width: 100%;padding:0 1% 0 1%;box-sizing: border-box;overflow: hidden;height: 100%;}
.home-content .home-side{float: left;width: 25%;}

.home-content .home-mation{float: right;width: 26%;}
.side-item{width: 100%;overflow: hidden;}
.side-title{width: 100%;color: #fff;font-size: 14px;padding-left: 10px;box-sizing: border-box;background:url('../images/title-bg.png') no-repeat center center;background-size:100% 100%;}
.side-box{width: 100%;overflow: hidden;border:1.5px solid #0e2c6a;border-top: none;box-sizing:border-box;}
.side-box .side-number{float: left;box-sizing: border-box;}
.side-box .side-number.side-num{width:46%;padding-left:6%;box-sizing: border-box;margin-left: 60px;}
.side-box .side-number.side-area{width: 33%;}
.side-box .side-number.side-protion{width: 21%;}
.side-box .side-number h1{color: #fff;font-size: 20px;color:#a859ff;}

.side-box .side-number.side-area h1{color: #ff9600;}
.side-box .side-number.side-protion h1{color: #14b162;}
.side-box .side-number span{color: #fff;font-size: 12px;color: #6a88e4;}
.home-content .home-map{float: left;margin-left: 1%;width: 46%;}
.home-map .map-tab{width: 100%;overflow: hidden;padding-left: 4%;box-sizing: border-box;}
.map-tab ul{overflow: hidden;width:100%;}
.map-tab ul li{float: left;width: 10.5%;margin-right: 4%;text-align: center;cursor: pointer;    background: url(../images/tab-active.png) no-repeat center center;background-size: 100% 100%;}
.map-tab ul li span{font-size: 14px;color: #6a88e4;display: inline-block;padding-bottom: 10px;padding-top: 40px;}
.map-tab ul li.active span{color: #efefef;}
.map-tab ul li:nth-child(7){margin-right: 0px;}
/* .map-tab ul li.active{background:url('../images/tab-img.png') no-repeat center center;background-size:100% 100%;} */
.map-tab ul li.active{background-color:#01a54e;}
.map-tab ul li.tab-manager span{background:url('../images/manager-icon.png') no-repeat center 10px;background-size: 40%;}
.map-tab ul li.tab-phere span{background:url('../images/phere-icon.png') no-repeat center 10px;background-size: 58%;}
.map-tab ul li.tab-water span{background:url('../images/water-icon.png') no-repeat center 10px;background-size: 58%;}
.map-tab ul li.tab-mould span{background:url('../images/mould-icon.png') no-repeat center 10px;background-size: 46%;}
.map-tab ul li.tab-zoology span{background:url('../images/zoology-icon.png') no-repeat center 10px;background-size: 50%;}
.map-tab ul li.tab-axP span{background:url('../images/axP-icon.png') no-repeat center 10px;background-size: 50%;}
.map-tab ul li.tab-axL span{background:url('../images/axL-icon.png') no-repeat center 10px;background-size: 50%;}

.map-tab ul li.tab-manager.active span{background:url('../images/managerA-icon.png') no-repeat center 10px;background-size: 40%;}
.map-tab ul li.tab-phere.active span{background:url('../images/phereA-icon.png') no-repeat center 10px;background-size: 58%;}
.map-tab ul li.tab-water.active span{background:url('../images/waterA-icon.png') no-repeat center 10px;background-size: 58%;}
.map-tab ul li.tab-mould.active span{background:url('../images/mouldA-icon.png') no-repeat center 10px;background-size: 46%;}
.map-tab ul li.tab-zoology.active span{background:url('../images/zoologyA-icon.png') no-repeat center 10px;background-size: 50%;}
.map-tab ul li.tab-axP.active span{background:url('../images/axPA-icon.png') no-repeat center 10px;background-size: 50%;}
.map-tab ul li.tab-axL.active span{background:url('../images/axLA-icon.png') no-repeat center 10px;background-size: 50%;}

.map-list{width: 100%;}
.list-inner{width: 460px;margin:0 auto;position: relative;}
.list-left{width:68px;height:11px;background:url('../images/left-btn.png') no-repeat center center;display: inline-block;position: absolute;left: -80px;top: 14px;cursor: pointer;}
.list-right{width:68px;height:11px;background:url('../images/right-btn.png') no-repeat center center;display: inline-block;position: absolute;right: -80px;top: 14px;cursor: pointer;}
.list-box{width: 460px;overflow: hidden;}
.map-list ul{width: 788px;overflow: hidden;}
.map-list ul li{cursor: pointer; float: left;font-size: 14px;width:106px;height: 40px;line-height: 40px;color: #6a88e4;background-color: #071d53;text-align: center;margin-right: 12px; margin-bottom:10px;}
.map-list ul li.active{color: #fff;background-color:#01a54e;}
.side-box .quilty-inner,.side-box .business-inner{overflow: hidden; padding:0px 5.8% 0 5.8%;width: 100%;box-sizing: border-box;}
.quilty-weather{width: 100%;overflow: hidden;font-size: 0px;}
.quilty-weather span{width: 33%;display: inline-block;text-align: center;}
.quilty-weather span img{width: 36%;vertical-align: middle;}
.quilty-data{width: 100%;overflow: hidden;}
.quilty-data .data-item{float: left;width:49%;font-size: 0px;border:1px solid #034e90;margin-right: 1%;box-sizing: border-box;}
.quilty-data .data-item:nth-child(even){margin-right: 0px;}
.data-item span{float: left; width: 50%;display: inline-block;font-size: 16px;color: #00d8fc;text-align: center;background-color: #051348;}
.data-item h1{float: left; width: 50%;display: inline-block;font-size: 16px;color: #00d8fc;text-align: center;background-color: #051348;}
.data-item .quilty-name{font-size: 12px;color: #708acc;background-color: #051b5b;}
.business-box{float: left;width: 50%;padding-left:14%;box-sizing: border-box;}
.business-box h1{font-size: 26px;color:#00d8fc;}
.business-box p{font-size: 12px;color: #fff;}
.business-number,.business-build{border-bottom: 1px solid #192456;}
.business-box.business-build h1{color: #ff9600;}
.business-box.business-project h1{color: #ff9600;}
.business-number{background:url('../images/business-number.png') no-repeat left center;background-size: 20%;}
.business-build{background:url('../images/business-build.png') no-repeat left center;background-size: 20%;}
.business-report{background:url('../images/business-report.png') no-repeat left center;background-size: 20%;}
.business-project{background:url('../images/business-project.png') no-repeat left center;background-size: 20%;}
.build-table{width: 100%;height: 100%;overflow: hidden;position: relative;}
.data-table{width: 100%;overflow: hidden;table-layout: fixed;}
.data-table tr th{width: 100%;background-color: #050a33;height: 36px; font-size: 16px;color: #efefef;text-align: center;}
.data-table tr th.build-name{width: 28.5%;}
.data-table tr th.build-address{width: 36.5%;}
.data-table tr th.build-number{width: 35%;}
.data-table tr td{width: 100%;background-color: #050a33;height: 36px;    vertical-align: middle; font-size: 12px;color: #fff;text-align: center;}
.data-table tr:nth-child(odd) td{background-color: #091543;}
.tbl-header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}

.tbl-body {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.home-full{z-index:99; width: 24px;height: 24px;background: url('../images/fullA-icon.png') no-repeat center center;position: absolute;right: 30px;top: 6px;cursor: pointer;background-size: cover;}
.home-full.active{background: url('../images/fullB-icon.png') no-repeat center center;background-size: cover;top:6px;}
.nav>li>a:focus, .nav>li>a:hover{background:none!important;}
.nav-menu .navbar-nav{width:100%!important;height:60px!important;}
.navbar-nav>li>a{padding:0px!important;}
.content-wrapper{min-height:auto!important;line-height:1px!important;}
.skin-blue-light .content-wrapper, .skin-blue-light .main-footer{border:none!important;}
.map-box{margin-bottom:2%;margin-top:3%;}
.navbar-nav>.user-menu .user-image{width:36px;height:36px;}
.user-menu .hidden-xs{font-size:14px;color:#ffffff;margin-left:10px;line-height:36px;}
.navbar-custom-menu>.navbar-nav>li.user-menu{margin-top:14px;margin-right:10px;}
.navbar-custom-menu>.navbar-nav>li.stock-info{margin-top:14px;margin-right:10px;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background:none;}
.home-header #navbar-collapse{float:right!important;}
.quilty-ature{width:100%;overflow: hidden;}
.quilty-ature .ature-img{float:left;width:30%;margin-left:6%;height:100%;text-align:center;}
.quilty-ature .ature-img img{height:80%;margin-top:6px;}
.quilty-ature .ature-state{float:left;width:42%;}
.ature-state .ature-name{display:block;font-size:14px;}
.ature-state .ature-pass{display:block;color:#00d8fc;font-size:20px;}
.quilty-ature .ature-address{font-size:14px; float:left;width:22%;padding-left:10%;background:url('../images/address-icon.png') no-repeat 22% center;background-size:19%;}
.quilty-humidness{overflow: hidden;border:1px solid #124c9b;    box-shadow: 0px 0px 25px #242d82 inset;}
.quilty-humidness span{display:block;font-size:14px;text-align: center;}
.quilty-humidness i{display:block;font-size:14px;text-align: center;}
.humidness-item{width:33%;float:left;    box-sizing: border-box;border-right:1px solid #124c9b;}
.humidness-item:nth-child(2){width:34%;}
.humidness-item:nth-child(3){border:none;}
.home-sideb .data-table tr th{font-size:12px;}
.space-side .data-table tr th{font-size:12px;}
.sideLength-title{    background: url(../images/titleA-bg.png) no-repeat center center;background-size: 100% 100%;}
.water-total .address-tableb tr td{background-color:#091542!important;border:1px solid #121f53;}
.water-total .address-tableb tr th.build-basin{width:32%;}
.water-total .address-tableb tr th.build-2020{width:23%;}
.water-total .address-tableb tr th.build-2025{width:22.5%;}
.water-total .address-tableb tr th.build-2035{width:22.5%;}
.water-total .address-tableb tr td i{display:inline-block;}
.water-total .address-tableb tr td.water-yellow{width:40%;}
.risk-build .data-table tr th{width:auto;}
.risk-build .data-table tr th:nth-child(1){width:60%;}
.risk-build .data-table tr td{width:auto;}
.area-build .data-table tr th:nth-child(1){width:10%;}
.area-build .data-table tr th:nth-child(2){width:25%;}
.area-build .data-table tr th:nth-child(3){width:25%;}
.area-build .data-table tr th:nth-child(4){width:40%;}
.area-build .data-table tr td:nth-child(2){    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.acreage-build .data-table tr td:nth-child(2){white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.acreage-build .data-table tr th:nth-child(1){width:8%;}
.acreage-build .data-table tr th:nth-child(2){width:20%;}
.acreage-build .data-table tr th:nth-child(3){width:8%;}
.acreage-build .data-table tr th:nth-child(4){width:33%;}
.acreage-build .data-table tr th:nth-child(5){width:37%;}
.anxian-table tr td{background-color:#091542;}
.anxian-side .data-table tr th.build-name{width: 10.5%;}
.anxian-side .data-table tr td{border:1px solid #121f53;}
.item-quilty .side-box .quilty-inner h1{font-size:14px;color:#ff9600;line-height:22px;}
.item-quilty .side-box .quilty-inner p{font-size:12px;color:#fff;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;line-height:20px;}


@media (min-width: 1025px){
	.nav-menu {
	    width: 100%!important;
	}
}
@media screen and (max-width:1750px){
	.home-header #navbar-collapse{width:62%!important;padding-right:0px;padding-left:3%;}
}
@media screen and (min-width: 1750px){
	.item-quilty .side-box .quilty-inner h1{font-size:16px;color:#ff9600;line-height:26px;margin-top:2px;}
	.item-quilty .side-box .quilty-inner p{font-size:14px;color:#fff;overflow:hidden;white-space: normal;text-overflow: ellipsis;line-height:20px;}
	.list-box{width:700px;}
	.list-inner{width:700px;}
	.quilty-ature .ature-img img{height: 60%;margin-top: 16%;    display: inline-block;}
	.quilty-ature .ature-address{line-height:30px;}
	.data-table tr td{font-size:16px;}
	.home-sideb .data-table tr th{font-size:14px;}
	.ature-state .ature-name{font-size:18px;}
	.ature-state .ature-pass{font-size:30px;}
	.quilty-humidness span{font-size:18px;}
	.quilty-humidness i{font-size:18px;}
	#navbar-collapse{width: 50%!important;padding:0px;}
	.side-title{font-size:16px;}
	.nav-menu .navbar-nav{width:100%!important;height:80px!important;}
	.navbar-custom-menu>.navbar-nav>li.user-menu{margin-top:24px;margin-right:20px;}
	.navbar-custom-menu>.navbar-nav>li.stock-info{margin-top:30px;margin-right:10px;}
	.user-menu .hidden-xs{font-size:18px;}
	.home-header{height: 80px;}
	.header-logo{margin-top:16px;}
	.header-logo h1{font-size: 24px;}
	.side-box .side-number h1{font-size: 34px;}
	.side-box .side-number span{font-size: 16px;}
	.side-box{border:2px solid #0e2c6a;border-top:none;}
	.map-tab ul li span{font-size: 18px;padding-bottom: 12px;padding-top: 54px;}
	.data-item span{font-size: 20px;}
	.data-item .quilty-name{font-size: 15px;}
	.business-box h1{font-size: 34px;}
	.business-box p{font-size: 16px;}
	.header-nav ul li>a span{font-size: 18px;height:80px;line-height:80px;}
	.home-full{width: 36px;height: 36px;top:10px;}
	.home-full.active{top:10px;}
	.map-box{margin-bottom:2%;margin-top:2%;}
	.header-nav{height:80px;}
	 .map-tab ul li.tab-manager span{background:url('../images/manager-icon.png') no-repeat center 7px;    background-size: 44%;}
.map-tab ul li.tab-phere span{background:url('../images/phere-icon.png') no-repeat center 7px;}
.map-tab ul li.tab-water span{background:url('../images/water-icon.png') no-repeat center 7px;}
.map-tab ul li.tab-mould span{background:url('../images/mould-icon.png') no-repeat center 7px;}
.map-tab ul li.tab-zoology span{background:url('../images/zoology-icon.png') no-repeat center 7px;}
.map-tab ul li.tab-axP span{background:url('../images/axP-icon.png') no-repeat center 7px;}
.map-tab ul li.tab-axL span{background:url('../images/axL-icon.png') no-repeat center 7px;}

.map-tab ul li.tab-manager.active span{background:url('../images/managerA-icon.png') no-repeat center 7px;    background-size: 44%;}
.map-tab ul li.tab-phere.active span{background:url('../images/phereA-icon.png') no-repeat center 7px;}
.map-tab ul li.tab-water.active span{background:url('../images/waterA-icon.png') no-repeat center 7px;}
.map-tab ul li.tab-mould.active span{background:url('../images/mouldA-icon.png') no-repeat center 7px;}
.map-tab ul li.tab-zoology.active span{background:url('../images/zoologyA-icon.png') no-repeat center 7px;}
.map-tab ul li.tab-axP.active span{background:url('../images/axPA-icon.png') no-repeat center 7px;}
.map-tab ul li.tab-axL.active span{background:url('../images/axLA-icon.png') no-repeat center 7px;} 
}