@charset "utf-8";
*{margin:0;padding:0;}
html,body{position: relative; font-size: 14px; color:#31a7ff;font-family:Microsoft YaHei,Simsun,SimHei,Arial; -webkit-text-size-adjust:none;}
li, ol, ul{ list-style:none;}
a{ text-decoration:none; color: #31a7ff;}
.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}
body{ min-width: 1280px; margin: 0 auto;}
.boxShadow{box-shadow: 1px 1px 13px #074867;}
.fl{float: left;}
.fr{float: right;}
.f-ml20{margin-left: 1%;}
.f-mb20{margin-bottom: 20px;}
.f-mb{margin-bottom: 30px;}
.f-mb40{margin-bottom: 40px;}
.common_row:after,.common_row:before {content: ''; display: block; clear: both;}
.wrapper{margin-bottom: 10px;}
.container{padding: 0;}
.container:after {clear: both;}
.container:after, .container:before {display:table; content: "";}
.common-row:after, .common-row:before {content: '';	display: block;	clear: both;}
.common-col-space{margin:0 -25px;}
.common-col-space>*{float: left;}
.common-col-space .grid{padding:0 25px;}
.common-col-4 > div{width: 33.33333333%;}
.common-col-6 > div{width: 50%;}
.mb{margin-bottom: 30px;}
.transition a{-webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}
.lyds_warp{padding-top:0px}
.tab-box {
	width: fit-content;
	margin: 0px auto 24px;
	padding-top: 40px;
}

.tab-box .tab-item {
	display: inline-block;
	width: 420px;
	height: 100px;
	line-height: 100px;
	vertical-align: middle;
	background-color: #fff;
	border-radius: 5px;
	font-size: 26px;
	font-weight: 400;
	letter-spacing: 0px;
	line-height: 34.32px;
	color: rgba(51, 51, 51, 1);
	text-align: center;
	padding-top: 24px;
	box-sizing: border-box;
}

.tab-box .tab-sjtj {
	margin-left: 180px;
}

.tab-box .tab-item img {
	width: 54px;
	height: 54px;
}

.tab-box .tab-item.active {
	background: url(/ncszf/xhtml/2021/images/2024_tab_item_active_bg.png);
	font-weight: 700;
	color: rgba(255, 255, 255, 1);
	padding-top: 36px;
}

.tab-box .tab-item.active img {
	width: 40px;
	height: 40px;
}

#sqly-chart-sjtj,
#sqlx-chart-sjtj {
	height: 420px;
}

#rdjj-chart-sjtj,
#rdsq-chart-sjtj {
	height: 420px;
}

.lyds_title{background:linear-gradient(to right,rgb(36,107,197),rgb(94,146,222));height: 70px;color: #fff;font-size: 24px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}
.common-row-l{width: 50%;}
.common-row-r{width: 50%;}
.common-tit{line-height: 30px;display: flex;justify-content: space-between;align-items: center;}
.common-box .common-tit{height: 30px;position: absolute;left: 50%;transform: translate(-50%,0);top: 0;width: 40%;display: flex;justify-content: center;background-size: 100%;}
.common-tit h3{display: inline-block; color:#333333;font-size: 1.5rem;}
.common-tit h3 span{color: #AAAAAA;}
.common-box{position: relative; background-size: 100% 278px;padding:20px;box-sizing: border-box;margin:20px;}
.common-box1{min-height: 450px;}
.common-box2{min-height: 350px;}
.common-box:nth-child(1){}
.common-box:nth-child(1) .table-thead{position: absolute;left: 18%;top: 45px;color: #2AD0FF;font-size: 21px;line-height: 21px;}




.common-box .bd{}
.common-box .bd .pad{padding: 20px 0 0;}

.common-box2 .bd{position: relative;}
.common-box2 .common-tit{height: 38px;}
.common-box2 .bd:before{content: ''; width: 148px; height: 19px; position:absolute; left: 2%; top: -10px; background: url(/ncszf/xhtml/2021/images/border_light.png) no-repeat;}

.common-newslist li{height: 35px;line-height: 35px;position: relative;}
.common-newslist li a{color:#6cbcff;display:inline-block;max-width: 80%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.common-newslist li span{color:#6cbcff;max-width: 20%; padding-left:10px,;float:right;}
.common-newslist li:hover a{font-weight: bold;}
.common-newslist.ph li{padding-left: 37px;}
.common-newslist.ph li b{position: absolute;left:0;top:50%;margin-top:-13px;width:20px;height:26px;line-height: 30px; font-size: 14px;color:#5583db;text-align: center; font-weight: normal;}
.common-newslist.ph .li0 b,
.common-newslist.ph .li1 b,
.common-newslist.ph .li2 b{background-repeat: no-repeat; background-position: center top; font-size: 14px;line-height: 21px; background-size: contain; font-weight: bold;}
.common-newslist.ph .li0 b{background-image: url(/ncszf/xhtml/2021/images/icon_top1.png); color:#734700;}
.common-newslist.ph .li1 b,
.common-newslist.ph .li2 b{background-image: url(/ncszf/xhtml/2021/images/icon_top_bg.png); color:#0069b8;}

.tabSwitch .bd{position: relative; overflow: hidden;}
.tabSwitch .bd .item{position:absolute; z-index:1; top:0; left:0; width:100%; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);-khtml-opacity:0; transition:opacity .3s}
.tabSwitch .bd .item.show{position:relative;z-index:2;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);-khtml-opacity:1}
.js-tab .bd > div + div{display: none;}

/*用户行为*/



.common-box2 .xzgfxwj-chart{position: absolute;top:50%;left:50%;transform: translate(-50%,-45%);width: 100%;}
.sqlx-chart,.sqly-chart{position: absolute;top:50%;left:50%;transform: translate(-50%,-45%);width: 80%;}
#sqly-chart{height: 350px;}
#sqlx-chart{height: 350px;}
#rdjj-chart{height: 320px;}
#rdsq-chart{height: 320px;}



.common-box .common-newslist{margin-top: 5px;}
.table-box table{width: 100%; border-collapse: collapse;}
.table-box tbody tr{border-bottom:  1px solid #5291f6 ;}
.table-box tbody tr:last-child{border-bottom:none;}
.table-box.lh1 tbody td{height: 38px;}
.table-box.lh2 tbody td{height: 44px;}
.table-box th{height: 24px; color: #fff; font-size: 1.125rem; font-weight: normal;}
.table-box th, .table-box td{padding:0 5px; white-space: nowrap; text-align: center;}
.table-box td.tal{text-align: left;}
.table-box thead tr{
  font-weight: bold;
}

.common-scrollbar{overflow-x: auto;}
/* 设置滚动条的样式 */
.common-scrollbar::-webkit-scrollbar{
  height: 8px;
}
/*滚动槽*/
.common-scrollbar::-webkit-scrollbar-track{
  box-shadow: inset 0 0 5px rgba(255,255,255,0.3);
  border-radius: 5px;
  background: #04145b;
}
/* 滚动条滑块 */
.common-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #1a6abc;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}
.common-box2 .table-box{padding-top: 15px;}

.progress-bar{position:relative; display:inline-block; vertical-align:top; width:45px; height:18px; margin-right:2px;}
.progress-bar:before{position:absolute; top:0; left:0; content:""; width:16px; height:16px; background-color:#021a78; border:1px solid #d6d6d6; border-radius:50%;}
.progress-bar:after{position:absolute; top:4px; right:0; left:0; margin-left:16px; content:""; height:8px;  background-color:#021a78; border:1px solid #d6d6d6; border-left:none; border-radius:0 5px 5px 0;}
.progress-bar .progress{position:relative; z-index:9; display:block; width:100%; height:100%;}
.progress-bar .progress:before{position:absolute; top:4px; left:4px; content:""; width:10px; height:10px; border-radius:50%;}
.progress-bar .progress:after{position:absolute; top:50%; right:0; left:0; content:""; height:2px; margin-top:-1px; margin-right:4px; margin-left:14px;}
.progress-bar .progress.warning:before{background-color:#e83c2e;
background: -webkit-linear-gradient(top, #e83c2e, #fb8767);
background: -o-linear-gradient(top, #e83c2e, #fb8767);
background: -moz-linear-gradient(top, #e83c2e, #fb8767);
background: linear-gradient(top, #e83c2e, #fb8767);}
.progress-bar .progress.warning:after{background-color:#e83c2e;
background: -webkit-linear-gradient(top, #e83c2e, #fb8767);
background: -o-linear-gradient(top, #e83c2e, #fb8767);
background: -moz-linear-gradient(top, #e83c2e, #fb8767);
background: linear-gradient(top, #e83c2e, #fb8767);}
.progress-bar .progress.normal:before{background-color:#008cff;
background: -webkit-linear-gradient(top, #008cff, #00ecff);
background: -o-linear-gradient(top, #008cff, #00ecff);
background: -moz-linear-gradient(top, #008cff, #00ecff);
background: linear-gradient(top, #008cff, #00ecff);}
.progress-bar .progress.normal:after{background-color:#008cff;
background: -webkit-linear-gradient(top, #008cff, #00ecff);
background: -o-linear-gradient(top, #008cff, #00ecff);
background: -moz-linear-gradient(top, #008cff, #00ecff);
background: linear-gradient(top, #008cff, #00ecff);}

.yhxw-datalist{
  position: relative; height: 100px; border:1px solid #076aaf; border-radius: 10px;-o-border-radius: 10px;
  background: url(/ncszf/xhtml/2021/images/yhxw_datalist_bg.png) no-repeat;
  background-size: 100% 100%;
}
.yhxw-datalist li{float: left;text-align: center;position: relative; width:16.66%;height: 100px;line-height: 100px;}
.yhxw-datalist li:before{content:"";display: block; width:2px;height: 50%;position: absolute;left:-1px;top:25%;background: url(/ncszf/xhtml/2021/images/line.png) no-repeat center;}
.yhxw-datalist li p{display: inline-block;margin:0 auto;vertical-align: middle;text-align: left;line-height: 1.1;}
.yhxw-datalist li b{color:#4598FF;font-size: 30px;display: block;margin-bottom: 5px;}
.yhxw-datalist li span{color:#B2D4FF;}

.yhxw-map{height: 544px; background: url(/ncszf/xhtml/2021/images/map_bg.png) no-repeat -120px bottom;}
.yhxw-map .hd{margin-bottom: 15px;}
.yhxw-map .hd ul{position: relative; display: inline-block; padding:0 0 10px 15px;}
.yhxw-map .hd ul li{float: left; position: relative; color:#4ec3ff;}
.yhxw-map .hd ul li a{color:#fff; font-size: 20px;}
.yhxw-map .hd ul li.on a, .yhxw-map .hd ul li a:hover{color: #4ec3ff;}
.yhxw-map .hd ul li.on a{font-weight: bold;}
.yhxw-map .hd ul li + li:before{content: ''; width: 1px; height: 16px; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -8px;}
.yhxw-map .hd ul li + li{padding-left: 17px; margin-left: 16px;}
.yhxw-map .hd ul:before{content:"";display: block;position: absolute;left:0;top:10px; width:3px;height: 10px;background: #199feb;border-radius: 1.5px;-o-border-radius: 1.5px;}
.yhxw-map .hd ul:after{
  content:"";display: block;position: absolute;left:0;bottom:0;width:120px;height: 2px;
  background: #1a8ed0;
  background: linear-gradient(to right,#1a8ed0,rgba(26,142,208,.05));
  background: -webkit-linear-gradient(to right,#1a8ed0,rgba(26,142,208,.05));
  background: -moz-linear-gradient(to right,#1a8ed0,rgba(26,142,208,.05));
  background: -o-linear-gradient(to right,#1a8ed0,rgba(26,142,208,.05));
}

.yhxw-map .mapchart{height: 489px;}
.yhxw-map .map{width:68%;height: 100%;}
.yhxw-map .tabBtn{padding-top: 3px; margin-right: 40px; position: relative; z-index: 10;}
.yhxw-map .visits{width:32%;}
.yhxw-map .total{margin-bottom: 20px; color:#4ba4ff; font-size: 16px;}
.visits-list{height: 401px; text-align: center; background: url(/ncszf/xhtml/2021/images/visits_bg.png) no-repeat; background-size: 100% 100%; color: #fff;}
.visits-list .tit{height: 51px; line-height: 49px; padding-top: 10px; color:#00E9FF; font-size: 20px; text-align: center; background: url(/ncszf/xhtml/2021/images/visits_line.png) no-repeat center bottom; background-size: 93% auto;}
.visits-list span{ float: left; white-space: nowrap;}
.visits-list .liHead{ margin-bottom: 10px; background: url(/ncszf/xhtml/2021/images/visits_line.png) no-repeat center bottom; background-size: 93% auto;}
.visits-list .row{height: 32px;line-height: 32px;}
.yhxw-map .visits-list .liHead{height: 49px; line-height: 49px; padding-top: 12px; color:#189EEA;}
.yhxw-map .visits-list .liHead span:first-child{color:#fad65a;}
.yhxw-map .visits-list span{width:33.3333%;}
.mtjg-map .visits-list .liHead{height: 47px; line-height: 45px;}
.mtjg-map .visits-list span{width:18%;}
.mtjg-map .visits-list span:first-child{width: 28%;}
.mtjg-map .visits-list .liHead{ margin-bottom: 5px; font-size: 12px;}
.mtjg-map .visits-list .row{height: 47px; line-height: 47px;}

.yhxw-fwlfx .bd{height: 268px;}

.tagscloud,.tagscloud_gpcc{height:100%; position: relative; font-size:18px; color: #333; text-align: center; background: url(/ncszf/xhtml/2021/images/tagscloud_bg.png) no-repeat center bottom;}
.tagscloud a,.tagscloud_gpcc span  {position: absolute; top: 0; left: 0; color: #333; display: block; white-space: nowrap; text-decoration: none; margin: 0 10px 15px 0; line-height: 18px; text-align: center; padding: 1px 5px; display: inline-block; border-radius: 3px }
.tagscloud a.tagc1,.tagscloud_gpcc span.tagc1  {font-size: 20px; color: #00FF7F;}
.tagscloud a.tagc2,.tagscloud_gpcc span.tagc2  { color:#FFFF00;}
.tagscloud a.tagc3,.tagscloud_gpcc span.tagc3  { color:#00FFFF;}
.tagscloud a.tagc4,.tagscloud_gpcc span.tagc4  {font-size: 20px; color:#FF007F;}
.tagscloud a.tagc5,.tagscloud_gpcc span.tagc5  {color:#FF7F00;}
.tagscloud a.tagc6,.tagscloud_gpcc span.tagc6  {font-size: 24px; color:#7F00FF;}

/* 政务新媒体监管平台 */
.mtjg-wrap{background: url(/ncszf/xhtml/2021/images/mtjg_bg.png) no-repeat center 270px;}
.bdph table .name font{display: flex; align-items: center; }
.bdph table .name font img{margin-right: 5px;}
.mtjg-zfbsl{height: 70px; color: #fff; text-align: center;}
.mtjg-zfbsl dd#totalRes{display: none;}
.mtjg-zfbsl dt{display: inline-block; vertical-align: middle; margin-right: 10px;}
.mtjg-zfbsl dt:before{display: block; content: ''; width: 30px; height: 28px; margin:0 auto 10px; background: url(/ncszf/xhtml/2021/images/mtjg_icon_zfbsl.png) no-repeat;}
.mtjg-zfbsl dt span{display: block; font-size: 20px;}
.mtjg-zfbsl dd{display: inline-block; vertical-align: middle;}
.mtjg-zfbsl .totalShow{height: 70px; line-height: 70px; font-family: Impact; font-style: italic;}
.mtjg-zfbsl .totalShow b{display: inline-block; width: 56px; margin: 0 4px; font-size: 60px; text-align: center;font-weight: normal; background:rgba(255,255,255,.2); border-radius: 5px; text-indent: -12px;}
.mtjg-zfbsl .totalShow i{display: inline-block; margin: 0 8px; font-size:50px; }

.mtjg-map{height: 546px; background: url(/ncszf/xhtml/2021/images/map_bg.png) no-repeat -120px bottom;}
.mtjg-map .mapchart{width:68%; height: 546px;}
.mtjg-map .visits{width:32%; padding-top: 90px;}

.mtjg-map .dataMode{width:220px; line-height:1.8em; overflow:hidden;}
.mtjg-map .dataMode .mapItem{padding:15px 20px;}
.mtjg-map .dataMode p.tName{position:relative; font-weight:bold; font-size:16px; text-align:center; padding-bottom:15px; margin-bottom:10px; border-bottom:1px solid #fff;}
.mtjg-map .dataMode p.tName:before{position:absolute; left:0; bottom:-4px; content:""; width:7px; height:7px; background-color:#fff; border-radius:50%;}
.mtjg-map .dataMode ul li{position:relative; float:left; width:100%; padding-top:4px; padding-bottom:4px; height:30px; line-height:30px;}
.mtjg-map .dataMode ul li strong{font-weight:normal;}
.mtjg-map .dataMode ul li span{position:absolute; top:50%; right:0; margin-top:-15px;}

@media (max-width: 1900px) {
  /* .common-box:nth-child(1){background-size: 100%;}
  .rdsq,.rdjj{background-size: 100%;} */
  .common-box:nth-child(1){background-size: 100% 100%}
  .rdsq,.rdjj{background-size: 100% 100%;}
  .common-box:nth-child(1) .table-thead{top:initial}
}

@media (max-width: 1580px) {
  body{background-position: center;}
  .common-box:nth-child(1) .table-thead{top:35px;font-size: 16px;}
  .common-box{margin-bottom: 0px;}
  .common-col-space{margin:0 -15px;}
  .common-col-space .grid{padding:0 15px;padding-bottom: 40px;}
  .mtjg-zfbsl .totalShow b{font-size: 48px; width: 50px;}
  .mtjg-zfbsl .totalShow i{font-size: 40px;}
}

@media (max-width: 1280px) {
 .common-box{margin: 0px;}
}