.home-item{width: 1280px; margin: 0 auto;}
.home-item-header{display: flex; flex-direction: row; justify-content: space-between;}
.home-item-header{padding: 50px 0px;  gap: 10px;}
.home-item-header div{display: flex; gap: 10px; padding: 0px; align-items: end;}
.home-item-header i{display: inline-block; width: 3px;  background-color: #1163F7; height: 33px;}
.home-item-header h2{vertical-align:bottom ; line-height: 1;}
.home-item-header span{font-size: 16px; font-weight: 500; font-family: "source han sans cn"; white-space: break-spaces; color: #BEBEBE;}
.home-item-header a{color: black; font-size: 14px;}

.home-item-body{display: flex; }

/************************************************************导航***************************************************/


.home-nav{ display: flex; flex-direction: row;  justify-content: center; gap: 20px; align-items: center;}
.home-nav-border{ border-bottom: 3px solid #145CFA;}
.home-nav img{display: inline-block; height: 34px;}

.home-nav ul{flex-grow: 1;}
.home-nav ul li{display: inline-flex; padding: 30px 20px;}
.home-nav ul li:last-child{float: right;}
.home-nav ul li a{font-size: 16px; font-weight: 500; color: rgb(51, 51, 51); height: 34px; display: inline-block; font-family: "source han sans cn"; }
.home-nav ul li.active a{color: #0B81F9;}
.home-nav ul li:hover a{border-bottom: 3px solid #145CFA; }
.home-nav ul li:last-child a{border: none;}

/************************************************************banner***************************************************/

.home-banner{background-image: url(../imgs/home/img_home_banner_bg.png);  background-repeat: no-repeat; display: flex; flex-direction: column; justify-content: space-between;}
.home-banner-background{width: 1280px; margin:80px auto;}
.home-banner-background p{font-size: 32px; text-decoration: none; letter-spacing: 4px; font-weight: 500; font-family: "source han sans cn"; white-space: break-spaces; color: #333333; padding: 20px 0px; border-bottom: 1px solid #333333; display: inline-block; }
.home-banner-background h1{font-size: 48px; text-decoration: none; letter-spacing: 12px; font-weight: 700; font-family: "source han sans cn"; white-space: break-spaces; color: #333333;  margin: 20px 0px 50px 0px;}
.home-banner-background button{font-size: 16px; padding: 10px 26px; font-weight: 500; margin: 70px 0px;}

/*****banner-counter****/
.home-banner-counter{display: flex; flex-direction: row; justify-content: space-around; background: #fff; padding: 30px 60px; border-radius: 10px; box-shadow: 0px 0px 10px #757575;}
.home-banner-counter-item{display: flex; flex-direction: row; gap: 20px;}
.home-banner-counter-item div:first-child{display :flex; justify-content : center; align-items: center; }
.home-banner-counter-item img{background-size: contain;background-position: center;background-repeat: no-repeat;}
.home-banner-counter-item p label{font-size: 32px !important;  font-weight: 700; font-family: "source han sans cn"; color: #1163F7; margin-right: 10px; font-size: 16px;}
.home-banner-counter-item span{font-size: 16px;}

/*********************************************************归集数据************************************************************/
.home-dataset{display: flex; flex-direction: column; justify-content: flex-start; margin:  0 auto; background: linear-gradient(rgb(253, 253, 253) 0%, rgb(245, 245, 245) 100%);}
.home-dataset-body{ justify-content: flex-start; gap: 20px; margin-bottom:50px}
.home-dataset-tree { width: 256px; box-shadow: 0px 0px 2px #d3d3d3; background: #D4EEFB;}
.home-dataset-tree ul{list-style: none; padding: 0px; width: 256px;}
.home-dataset-tree ul li{text-align: start; padding: 10px 30px; display: block; width: 100%; font-size: 16px; color: #333333; font-weight: 500;}
.home-dataset-tree ul li:hover{background: #ECF4FB; cursor:pointer;}
.home-dataset-tree ul li.active{background: #ECF4FB;}

.home-dataset-counter{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-content: flex-start; gap: 10px; flex-grow: 1; }
.home-dataset-counter-block{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 328px; height: 190px; background: #fff;}
.home-dataset-counter-block-item{text-align: center;}
.home-dataset-counter-block-item span{font-size: 24px;  font-weight: 700; font-family: "source han sans cn"; white-space: break-spaces; color: #333333; display: block; }
.home-dataset-counter-block-item label{font-size: 20px; font-weight: 500; font-family: "source han sans cn"; white-space: break-spaces; color: #1163f7;}

.home-dataset-counter-modal{position: absolute;  width: 329px; height: 190px; z-index: 10; }
.home-dataset-counter-block-detial{ padding: 14px; text-align: center; position: absolute; width: 329px; height: 190px; z-index: 11;}

.home-dataset-counter-block-detial h4{ text-align: center; color: #fff; margin: 10px 0px;}
.home-dataset-counter-block-detial p{text-overflow: ellipsis;  height: 76px; color: #fff; font-size: 14px; white-space: wrap; overflow: hidden;}
.home-dataset-counter-block-detial a{color: #fff !important; display: inline-block; border:1px solid #fff; border-radius: 2px; padding: 5px 10px;}

/*********************************************************数据分布************************************************************/
.home-map{background: linear-gradient(rgb(255, 255, 255) 0%, rgb(245, 245, 245) 100%); }
.home-map-layout{display: flex; flex-grow: 1;}
.home-map .home-item-body{padding: 50px 0px;}
.home-map-list{display: flex; flex-direction: column; width: 248px;  gap: 30px;}
.home-map-count{display: flex; flex-direction: column; box-shadow: 0px 0px 10px #e2e2e2; background: #fff; border-radius: 6px; padding: 20px;}

.map-hover { position:fixed; z-index:999; width:160px; height:100px; box-shadow:0px 0px 5px #dfdfdf; border-radius:4px; background:#fff; left:0px; right:0px; top:0px; bottom:0px; margin:auto; padding:20px;}
.map-current-name{ font-size:16px;font-weight: 700; font-family: "source han sans cn";}
.map-current-count { font-size: 18px; font-weight: 700;color: #0B81F9; font-family: "source han sans cn"; margin-right:10px;}
.map-hover>div:last-child{text-align:right; font-size:14px; padding:10px 0px;}

.home-map-count-prov{display: flex; flex-direction: column; }
.home-map-count-prov-all{padding: 10px 0px; font-size: 16px;}
.home-map-count-prov-all span{font-size: 32px; font-weight: 700; color: #0B81F9;font-family: "source han sans cn";}

.home-map-count-all label{font-size: 20px; font-weight: 500;font-family: "source han sans cn";}
.home-map-count-all p {font-size: 16px; font-family: "source han sans cn";}
.home-map-count-all p span{font-size: 32px; font-weight: 700; color: #0B81F9;font-family: "source han sans cn";}

.home-map-count-current{display: flex; flex-direction: row; gap: 10px;}
.home-map-count-current span{font-size: 20px; font-weight: 500;font-family: "source han sans cn";}
.home-map-count-category{display: flex; flex-direction: column; padding: 10px 20px;}
.home-map-count-category p {padding: 5px 0px; display: flex; flex-direction: row; justify-content: space-between;}
.home-map-count-category p span{font-size: 16px; font-family: "source han sans cn";}
.home-map-count-category p label{font-size: 16px; font-family: "source han sans cn";color: #0B81F9;}
/*********************************************************最新动态************************************************************/
.home-dynamic{background: linear-gradient(rgb(255, 255, 255) 0%, rgb(245, 245, 245) 100%);}
.home-dynamic-body{display: flex; flex-direction: row; gap: 100px; padding: 0px 0px 60px 0px;}
.home-dynamic-body img{border-radius: 20px; }
.home-dynamic-notice{flex-grow: 1; display: flex; flex-direction: column;}
.home-dynamic-notice .nav-item{padding-right:60px; }
.home-dynamic-notice .nav-item a{font-size: 24px; font-weight: 500; font-family: "source han sans cn"; color: #333333; display: inline-block;  }
.home-dynamic-notice .nav-item a.active{color: #0B81F9;}
.home-dynamic-notice-item{display: flex; gap: 60px;}
.home-dynamic-notice-item div{display: flex; flex-direction: column;}
.home-dynamic-notice-item div label{font-size: 26px; font-weight: 600; color: black; }
.home-dynamic-notice-item div span{font-size: 18px; font-family: "source han sans cn"; color: #333333;}
.home-dynamic-notice-item p{border-bottom: 1px solid #BEBEBE;  line-height: 66px; width:680px; text-overflow:ellipsis; word-break:break-word; white-space:pre; cursor:pointer;}
.home-dynamic-notice-item p a{font-size: 18px; display:block; width:100%; color:#333333;}
/*********************************************************市场需求************************************************************/
.home-market{background: linear-gradient(rgb(255, 255, 255) 0%, rgb(245, 245, 245) 100%); padding-bottom: 160px;}
.home-market-body{display: flex; flex-direction: row; justify-content: flex-start;gap: 20px; flex-wrap:wrap;}
.home-market-block{display: flex; flex-direction: column; justify-content: flex-start; border-radius: 4px; box-shadow: 0px 0px 6px #BEBEBE; width: 630px; padding-bottom: 20px;}

.home-market-header img{ padding-right: 20px;margin: 20px;}
.home-market-header h3{display: inline-block;margin: 20px;font-weight: 700; font-family: "source han sans cn"}
.home-market-header span{float: right; background: #E9F6F1; color: #3D853E; display: inline-flex; padding: 6px; font-size: 12px; font-weight: 400; font-family: "source han sans cn"; border-bottom-left-radius: 4px;}

.home-market-remark{padding: 0px 20px; display: block; font-size: 14px; font-family: "source han sans cn"; width: 100%; height: 60px; text-overflow: ellipsis; overflow: hidden;  white-space: wrap;  }
.home-market-sence{padding: 20px; font-size: 14px; font-family: "source han sans cn" ;color:#6e6e6e;}
.home-market-price{padding: 0px 20px; }
.home-market-price span{font-size: 24px; font-family: "source han sans cn"; color: red; font-weight: 700; margin-right: 10px;}
.home-market-price i{font-style: normal; color: #bbbbbb;}
.home-market-price a{ float: right;}

/*********************************************************悬浮窗口************************************************************/
.contract{display: flex; gap: 20px; position: fixed; bottom: 200px; right: 20px;}
.contract-left{display: flex; flex-direction: column; justify-content: space-between; gap: 20px; background-color: #fff; box-shadow: 0px 0px 10px #dfdfdf; padding:20px ; flex-grow: 1;}
.contract-item{display: flex;  flex-direction: row; gap: 20px;}
.contract-item div{display: flex; align-items: center;}
.contract-item p{display: inline-block;}
.contract-item p span:first-child{ font-size: 14px; font-family: "source han sans cn"; color: #2d3849;  }
.contract-item p span:last-child{  color: #87878d; display: block; }
.contract-item p label{display: block; color:#1163f7; font-size: 14px; font-weight: 400;}
.contract-item:nth-child(2)>div:nth-child(1){align-items:start;}
.contract-item:nth-child(2)>div:nth-child(2){display:flex; flex-direction:column; gap:10px; align-items:start;}

.contract-right{display: flex; flex-direction: column; justify-content: start; width: 60px; border-top-left-radius: 50px; border-top-right-radius: 50px;border-bottom-left-radius: 50px; border-bottom-right-radius: 50px;  background-color: #fff; box-shadow: 0px 0px 10px #dfdfdf; padding:10px ;gap: 5px; align-items: center; justify-content:center; cursor:pointer !important; height:228px;}
.contract-right label{text-orientation: upright; /* 文字直立显示 */ font-size: 14px; color: #474751;  letter-spacing: 8px; display: inline-block; border-bottom: 1px solid #dfdfdf; width:15px; cursor:pointer;}
.contract-right span{color: #87878d;}
.city.active a{color:#0B81F9; font-weight:700; font-size:18px;}