@charset "utf-8";
/* CSS Document */
@import url(//www.guizhou.gov.cn/images/animate.min.css);
@import url(//www.guizhou.gov.cn/material/2023/css/reset.css);
@import url(//www.guizhou.gov.cn/material/2023/css/footer.css);

a{ color: inherit; }
a:hover{ color: #5c9c34; }
a img:hover{ transform: none; }

.warp{ width:100%; min-width:1220px; max-width:1920px; position:relative; overflow:hidden; margin:0 auto; background:url(../images/zfsj_ico_1.png) no-repeat center top #FFF;}

.w1400{ width: 1400px; }

.topMain{ height: 253px; }
.szfBtn{ position:absolute; left:0px; top:10px; }
.szfBtn img{ width: auto; }

.LOGO{ position: relative; margin:0 auto; top: 95px; text-align: center; }


.MT10{ margin-top:10px;}
.MT15{ margin-top:15px;}
.MT25{ margin-top:25px;}
.MT30{ margin-top:30px;}
.MT35{ margin-top:35px;}
.MT40{ margin-top:40px;}
.MT45{ margin-top:45px;}
.MT50{ margin-top:50px;}


/*公共图片动画*/
.AnimPic{ transition: all 0.5s; }
.AnimPic img{ display: block; width: 100%; height: auto; min-height: 100%; object-fit: cover; }
.AnimPic:hover{ transform: translateY(-5px); box-shadow:0px 10px 10px -5px #766f6f; }



.PageWarpSlide{ display: flex; justify-content: space-between; }
.PageWarpSlide .PWhd{ width: 180px; position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: space-between;}
.PageWarpSlide .PWhd li{ position: relative; overflow: hidden; height: 150px; background: linear-gradient(to bottom, #fff3d9, #ffd8b3); transition: all 0.3s;}
.PageWarpSlide .PWhd li::before{ content: ''; position: absolute; display: block; pointer-events: none; border-right: 0px solid #FFF; border-top: 12px solid transparent; border-bottom: 12px solid transparent; right: 0; top: calc(50% - 12px); transition: all 0.3s;}
.PageWarpSlide .PWhd li a{ display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center; user-select: none;}
.PageWarpSlide .PWhd li img{ pointer-events: none; }
.PageWarpSlide .PWhd li p{ font-size: 24px; font-weight: bold; color: #cb2026; margin-top: 10px;}

.PageWarpSlide .PWhd li.on,
.PageWarpSlide .PWhd li:hover{ background:#cb2026;}
.PageWarpSlide .PWhd li.on::before,
.PageWarpSlide .PWhd li:hover::before{ border-right-width: 15px;}
.PageWarpSlide .PWhd li.on img,
.PageWarpSlide .PWhd li:hover img{ filter: brightness(100); }
.PageWarpSlide .PWhd li.on p,
.PageWarpSlide .PWhd li:hover p{ color: #FFF; }

.PageWarpSlide .PWbd{ position: relative; z-index: 0; width: calc(100% - 180px); height: 650px; background-color: #FFF; box-shadow: 0px 5px 20px 0px rgba(153,153,153,0.15);}
.PageWarpSlide .PWbd>*{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; display: block !important; z-index: 0; background-color: #FFF; opacity: 0;}
.PageWarpSlide .PWbd>*.on{ z-index: 1; opacity: 1;}


.Mobile_Title{ display: none; }

/* 数据发布 */
.SjfbPart{ margin: 20px 20px 0; }
.SjfbPart .hd{ height: 56px; position: relative; display: flex; justify-content: center; }
.SjfbPart .hd::before{ content: ''; display: block; position: absolute; width: 100%; border-top: 2px solid #ebebeb; left: 0; top: 22px; z-index: 0; }
.SjfbPart .hd li{ position: relative; width: 180px; height: 46px; border-radius: 23px; }
.SjfbPart .hd li + li{ margin-left: 120px; }
.SjfbPart .hd li::after{ content: ''; position: absolute; display: block; pointer-events: none; border-top: 0px solid #cb2026; border-left: 7px solid transparent; border-right: 7px solid transparent; top: 100%; left: calc(50% - 7px);}
.SjfbPart .hd li a{ cursor: pointer;  display: flex; align-items: center; justify-content: center; height: 100%; position: relative; z-index: 1;}
.SjfbPart .hd li em{ display: flex; position: relative; overflow: hidden; width: 46px; height: 46px; border-radius: 23px; align-items: center; justify-content: center; background: linear-gradient(to bottom, #ffc283, #cb2026); }
.SjfbPart .hd li span{ font-size: 20px; font-weight: bold; color: #cb2026; padding-left: 10px; background-color: #FFF; transition: padding 0.3s;}

.SjfbPart .hd li.on{ background: linear-gradient(to bottom, #ffc283, #cb2026); }
.SjfbPart .hd li.on::after{ transition: border-top-width 0.3s; border-top-width: 10px; }
.SjfbPart .hd li.on span{ background-color: transparent; color: #FFF; padding-left: 0;}
.SjfbPart .bd{ position: relative; }
.SjfbPart .bd>*{position: absolute;left: 0;top: 0;width: 100%;height: 560px;height: 616px;box-sizing: border-box;display: block !important;z-index: 0;opacity: 0;/* padding: 28px 0; */}
.SjfbPart .bd>*.on{ z-index: 1; opacity: 1;}

/* 按钮切换条 */
.TypeSlide{position: absolute;width: 180px;top: 20px;left: 20px;z-index: 2;}
.TypeSlide .inbd{ width: calc(100% + 250px); pointer-events: none;}
.TypeSlide .inbd ul{ width: 180px; }
.TypeSlide .inbd li{position: relative;height: 85px;height: 95px;user-select: none;background-color: #f2f2f2;pointer-events: initial;box-sizing: border-box;}
.TypeSlide .inbd li + li{ border-top: 1px solid #e0e0e0;}
.TypeSlide .inbd li>a{ display: flex; position: relative; height: 100%; flex-direction: column; justify-content: center; align-items: center; cursor: pointer;}
.TypeSlide .inbd li>a img{ pointer-events: none; filter: contrast(0) brightness(0); }
.TypeSlide .inbd li>a p{ font-size: 18px; color: #333; margin-top: 5px;}
.TypeSlide .inbd li>dl{ position: absolute; overflow: hidden; left: 100%; top: 0; height: 0;}
.TypeSlide .inbd li>dl dd{ position: relative; overflow: hidden; background-color: #e3e3e3; }
.TypeSlide .inbd li>dl dd + dd{ border-top: 1px solid #e0e0e0; }
.TypeSlide .inbd li>dl dd a{ display: block; font-size: 18px; text-align: center; white-space: nowrap; line-height: 1.5; padding: 7.5px 10px; }

.TypeSlide .inbd li.on{ background-color: #cb2026;}
.TypeSlide .inbd li>dl dd.on,
.TypeSlide .inbd li>dl dd:hover{ background-color: #b12429;}
.TypeSlide .inbd li.on img{ filter: none;}
.TypeSlide .inbd li.on p,
.TypeSlide .inbd li>dl dd.on a,
.TypeSlide .inbd li>dl dd:hover a{ color: #FFF; }
.TypeSlide>a{ position: absolute; width: 180px; height: 35px; cursor: pointer; left: 0; }
.TypeSlide>a.prev{ background: url(../images/zfsj_ico_12.png) no-repeat center; bottom: 100%; }
.TypeSlide>a.next{ background: url(../images/zfsj_ico_13.png) no-repeat center; top: 100%; }
.TypeSlide>a.prevStop,
.TypeSlide>a.nextStop{ opacity: 0.1; cursor: default; }

/* 功能条 */
.TableBarPart{position: relative;width: calc(100% - 220px);margin-top: 30px;margin-top: 20px;float: right;display: flex;justify-content: space-between;z-index: 1;user-select: none;}
.TjzqPart{ display: flex; height: 30px; align-items: center; margin-left: 30px;}
.TableBarPart label{ font-size: 16px; color: #000; user-select: none;}
.TjzqPart ul{ display: flex; position: relative; }
.TjzqPart li{ position: relative; overflow: hidden; width: 100px; height: 30px; background-color: #f2f2f2; font-size: 16px; color: #333; cursor: pointer; margin: 0 10px; text-align: center; line-height: 30px; }
.TjzqPart li.on{ background-color: #cb2026; color: #fff; }

.TimeSearch{ display: flex; height: 30px; align-items: center; margin-right: 120px;}
.TimeSearch .input{ position: relative; width: 100px; height: 30px; }
.TimeSearch .input input{ width: 100%; position: relative; height: 100%; box-sizing: border-box; background: none; border: 1px solid #ccc; padding: 0 10px; font-size: 16px; line-height: 30px;}
.TimeSearch .input dl{ position: absolute; left: 0; top: 100%; width: 100%; display: none; }
.TimeSearch .input dd{ position: relative; white-space: nowrap; font-size: 16px; padding: 0 15px; line-height: 30px; cursor: pointer; background-color: #EEEEEE;}
.TimeSearch .input dd + dd{ border-top: 1px solid #dedede; }
.TimeSearch .TimeSeSend{ display: block; width: 100px; height: 30px; font-size: 16px; background-color: #cb2026; color: #fff; text-align: center; line-height: 30px; margin-left: 20px;}

.Mobile_TypeDrop{ display: none;}


.EchartPart{position: relative;width: calc(100% - 220px);height: 480px;height: 536px;float: right;margin-top: 20px;background-color: rgba(0,0,0,0.01);z-index: 0;}

.loadding{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1; }
.loadding i{ font-size: 36px; }





/* 数据统计 */
.SjtjPart{ margin: 30px 30px 0; }

.TjgbPic{ display: flex; justify-content: space-between; }
.TjgbPic li{ position: relative; overflow: hidden; height: 120px; transition: all 0.3s;}
.TjgbPic li img{ height: 100%; }
.TjgbPic li:hover{ filter: drop-shadow(0px 5px 0px rgb(239 102 102 / 30%)); transform: translateY(-3px);}


.SjtjSwiper{ height: 430px; margin-top: 35px; }
.SjtjSwiper ul{ display: flex;}
.SjtjSwiper li{ position: relative; overflow: hidden; width: 464px; width: calc((100% - 464px) / 3 - 2px); height: 430px; perspective: 1500px; }
.SjtjSwiper li + li{ margin-left: 2px;}
.SjtjSwiper li a{ display: block; position: relative; height: 100%; transition: transform 0.4s;}
.SjtjSwiper li img{ position: relative; z-index: 0; width: 100%; height: 100%; object-fit: cover;}
.SjtjSwiper li h1{ position: absolute; left: 0; bottom: 0; z-index: 1; font-size: 18px; color: #fff; padding:20px 15px 10px; line-height: 40px; width: 100%; box-sizing: border-box; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; overflow: hidden; text-align: center; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9)); transition: background 0.4s;}

.SjtjSwiper li.on a{ width: 100%; transform: rotateY(0deg); transform-origin: center; }
.SjtjSwiper li.r0 a{ width: 122%; transform: rotateY(-30deg); transform-origin: right; float: right;}
.SjtjSwiper li.r0 h1{ font-size: 0; height: 100%; background: linear-gradient(to left, transparent, rgba(0,0,0,0.6)); }
.SjtjSwiper li.r1 a{ width: 122%; transform: rotateY(30deg); transform-origin: left; float: left;}
.SjtjSwiper li.r1 h1{ font-size: 0; height: 100%; background: linear-gradient(to right, transparent, rgba(0,0,0,0.6)); }



/* 数据开放 */
.SjkfPart{ margin: 30px 20px 0; }

.LeftDateBox{ width: 550px; }
.LeftDateBox .hd{ position: relative; height: 55px; border-bottom: 1px solid #cccccc; }
.LeftDateBox .hd li{ position: relative; overflow: hidden; height: 54px; float: left; }
.LeftDateBox .hd li + li{ margin-left: 15px;}
.LeftDateBox .hd li a{ display: block; text-align: center; line-height: 54px; padding: 0 20px; font-size: 18px; color: #333; cursor: pointer;}
.LeftDateBox .hd li.on{ border-bottom: 2px solid #d61618;}
.LeftDateBox .hd li.on a{color: #d61618; font-weight: bold;}

.LeftDateBox .bd{ min-height: 417px;}
.LeftDateBox .bd li{ position: relative; overflow: hidden; border: 1px solid #f5f5f5; margin: 15px 0 0; padding: 6px 20px; background-color: #f5f5f5;}
.LeftDateBox .bd li.on{ height: auto; border-color: #FFF; background-color: #FFF; box-shadow: 0px 0px 10px 0px rgba(153,153,153,0.15);}

.LeftDateBox .bd li .T{ padding:0 15px; position: relative;overflow: hidden; line-height: 36px;}
.LeftDateBox .bd li .T a{font-size: 16px;color: #333;position: relative;overflow: hidden;display: block;width: 390px;float: left;white-space: nowrap;text-overflow:ellipsis;word-wrap:normal;}
.LeftDateBox .bd li .T span{ color: #929292; float: right;}
.LeftDateBox .bd li .T span em{ display: none;}
.LeftDateBox .bd li>*:not(.T){ display: none;}

.LeftDateBox .bd li.on .T{ border-bottom: 1px solid #e4ebfd;}
.LeftDateBox .bd li.on .T a{ font-weight: bold; color: #4c4c4c;}
.LeftDateBox .bd li.on .T span{font-size: 0;}
.LeftDateBox .bd li.on .T span em{font-size: 12px; display: inline-block; padding-left: 18px; background: url(//www.guizhou.gov.cn/images/20210129_sjkfpt_ico_2.png) no-repeat left center;}

.LeftDateBox .bd li.on .C{ display: block; font-size: 14px; padding: 10px 15px; border-bottom: 1px solid #e4ebfd;}
.LeftDateBox .bd li.on .C .comp{color: #ccc; font-size: 12px; padding-bottom: 10px; position: relative; overflow: hidden;}
.LeftDateBox .bd li.on .C >p{ display: block; margin-bottom: 10px; position: relative; overflow: hidden; text-overflow: ellipsis; min-height: 42px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.LeftDateBox .bd li.on .C .N{ height: 42px; line-height: 42px; overflow: hidden;}
.LeftDateBox .bd li.on .C .N i{ display: inline-block; padding-left: 20px; font-size: 12px; margin: 0 5px; font-style: normal;}
.LeftDateBox .bd li.on .C .N i.a{ background: url(//www.guizhou.gov.cn/images/20210129_sjkfpt_ico_3.png) no-repeat left center;}
.LeftDateBox .bd li.on .C .N i.b{ background: url(//www.guizhou.gov.cn/images/20210129_sjkfpt_ico_4.png) no-repeat left center;}
.LeftDateBox .bd li.on .C .N .score{ float: right; font-size: 32px; color: #fc504d; font-weight: 700; }

.LeftDateBox .bd li.on .I{ display: block; padding: 10px 0px; overflow: hidden;}
.LeftDateBox .bd li.on .I i{ display: inline-block; padding:0 5px; font-size: 12px; border-radius: 2px; display: inline-table; margin-left: 10px; cursor: pointer; border: 1px solid #00c2a0; color: #00c2a0; background-color: #edfaf7; height: 18px; line-height: 18px; font-style: normal;}

.RightTjxxDate{ width: 600px; }
.GeneralStatistics{ height: 200px; background-color: #FFF; margin-top: 15px; box-shadow: 0px 0px 10px 0px rgba(153,153,153,0.15); display: flex; align-items: center; justify-content: space-between;}
.GeneralStatistics .card{ float: left; position: relative; overflow: hidden; width: 130px; text-align: center; margin:8px 10px 0;}
.GeneralStatistics .card>img{ display: block; margin:10px auto 3px;}
.GeneralStatistics .card span{ font-size: 16px; line-height: 2;}
.GeneralStatistics .card p{font-size: 18px;line-height:1.5;color: #cb2026;}
.GeneralStatistics ul.f_r{ width: calc(100% - 150px);}

.EchartsBox{}
.EchartsBox .tit{ margin: 25px 0 12px;}
.EchartsBox .tit a{ display: inline-block; font-size: 18px; color: #333333; line-height: 2;}
.EchartsBox .Echarts{ border: 1px solid #FFF; height: 284px; background-color: #FFF; box-shadow: 0px 0px 10px 0px rgba(153,153,153,0.15); }



/* 数据公开 */
.SjgkPart{ margin: 20px 30px 0; }
.SjgkPart .hd{ position: relative; border-bottom: 1px solid #d61618; display: flex; justify-content: center; }
.SjgkPart .hd li{ position: relative; height: 40px; line-height: 50px; font-size: 18px; width: 200px; }
.SjgkPart .hd li::after{ content: ''; position: absolute; left: calc(50% - 8px); top: calc(100% + 1px); border-top: 0px solid #cb2026; border-left: 8px solid transparent; border-right: 8px solid transparent; transition: all 0.3s;}
.SjgkPart .hd li + li{ margin-left: 70px;}
.SjgkPart .hd li a{ display: block; line-height: 40px; text-align: center; user-select: none; font-size: 20px; font-weight: bold; color: #4c4c4c; }

.SjgkPart .hd li.on{ background: url(../images/zfsj_ico_15.png) no-repeat center bottom; }
.SjgkPart .hd li.on::after{ border-top-width: 12px;}
.SjgkPart .hd li.on a{ color: #cb2026; }


@media screen and (min-width:751px ) {
    .SjgkPart .bd{ position: relative; margin-top: 22px; }
    .SjgkPart .bd>*{ position: absolute; left: 0; top: 0; width: 100%; height: 550px; box-sizing: border-box; display: block !important; z-index: 0; opacity: 0;}
    .SjgkPart .bd>*.on{ z-index: 1; opacity: 1;}
}

/* 数据展示 */
.BmsjSlide{ padding-top: 8px;}
.BmsjSlide .inhd{ display: flex; justify-content: center; align-items: center; height: 51px; }
.BmsjSlide .inhd li{ position: relative; width: 188px; height: 51px; background: url(../images/zfsj_ico_17.png) no-repeat center; user-select: none;}
.BmsjSlide .inhd li + li{ margin-left: 60px; }
.BmsjSlide .inhd li a{ display: block; box-sizing: border-box; padding-right: 15px; text-align: center; line-height: 51px; font-size: 20px; color: #333; cursor: pointer; }
.BmsjSlide .inhd li.on{ background: url(../images/zfsj_ico_16.png) no-repeat center; }
.BmsjSlide .inhd li.on a{ color: #FFF; }

.BmlistSlide{ position: relative; width: 120px; margin-top: 20px; z-index: 2;}
.BmlistSlide .ininbd{}
.BmlistSlide .ininbd li{position: relative;height: 55px;user-select: none;background-color: #f2f2f2;box-sizing: border-box;}
.BmlistSlide .ininbd li + li{ border-top: 1px solid #e0e0e0;}
.BmlistSlide .ininbd li>a{ display: flex; position: relative; height: 100%; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; font-size: 18px; color: #333;}

.BmlistSlide .ininbd li.on{ background-color: #cb2026;}
.BmlistSlide .ininbd li.on a{ color: #FFF; }
.BmlistSlide>a{ position: absolute; width: 100%; height: 35px; cursor: pointer; left: 0; }
.BmlistSlide>a.prev{ background: url(../images/zfsj_ico_12.png) no-repeat center; bottom: 100%; }
.BmlistSlide>a.next{ background: url(../images/zfsj_ico_13.png) no-repeat center; top: 100%; }
.BmlistSlide>a.prevStop,
.BmlistSlide>a.nextStop{ opacity: 0.1; cursor: default; }

.BmIframePart{ width: calc(100% - 140px); height: 460px; margin-top: 20px; background-color: rgba(0,0,0,0.1);}
.BmIframePart iframe{ width: 100%; height: 100%; border: none; }

/* 数据信息 */
.SjxxSlide .ininbd ul{ display: flex; flex-wrap: wrap; min-height: 465px;}
.SjxxSlide .ininbd li{ position: relative; width: 160px; height: 135px; background-color: #fff2d8; border-radius: 5px; margin-top: 20px; margin-right: calc((100% - 160px * 6) / 5); cursor: pointer; }
.SjxxSlide .ininbd li:nth-of-type(6n){ margin-right: 0; }
.SjxxSlide .ininbd li::before{ content: ""; position: absolute; top: 53%; width: 100%; height: 40px; z-index: 0; border-radius: 50%; background: linear-gradient(180deg, rgb(179 172 172 / 20%) 10%, transparent 60%); }
.SjxxSlide .ininbd li a{ display: flex; position: relative; height: 100%; flex-direction: column; align-items: center; justify-content: center; user-select: none; z-index: 1;}
.SjxxSlide .ininbd li img{ pointer-events: none; -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(rgba(250, 250, 250, 0.2))); }
.SjxxSlide .ininbd li h1{ font-size: 18px; color: #cb2026; margin-top: 15px; white-space: nowrap;}

.SjxxSlide .ininbd li:hover{ background-color: #cb2026;}
.SjxxSlide .ininbd li:hover::before{ background: linear-gradient(180deg, rgb(179 172 172 / 50%) 10%, transparent 60%); }
.SjxxSlide .ininbd li:hover img{ filter: brightness(100); -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent), to(rgba(250, 250, 250, 1))); }
.SjxxSlide .ininbd li:hover h1{ color: #fff; }

.SjxxSlide .ininhd{ position: relative; display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 10px;}
.SjxxSlide .ininhd li{ position: relative; display: flex; justify-content: center; align-items: center; width: 8px; height: 8px; font-size: 0; border-radius: 4px; background-color: #d9d9d9; cursor: pointer; transition: width 0.3s ease-in-out;}
.SjxxSlide .ininhd li + li{ margin-left: 10px;}
.SjxxSlide .ininhd li.on{ width: 34px; background-color: #cb2026;}




/* 市州数据 */
.SzsjPart{ position: relative; height: 100%; background-color: #FFF; box-shadow: 0px 0px 10px 0px rgba(153,153,153,0.15); padding: 15px 15px 0; box-sizing: border-box;}
.SzsjList{ position: relative; border-bottom: 1px solid #E5E5E5; height: 44px; }
.SzsjList ul{ display: flex; }
.SzsjList li{ position: relative; height: 43px; line-height: 43px; cursor: pointer; }
.SzsjList li + li{ margin-left: 10px;}
.SzsjList li a{ font-size: 17px; font-weight: bold; color: #333;  padding: 0 10px; display: block;}
.SzsjList li.on{ border-bottom: 2px solid #cb2026; }
.SzsjList li.on a{ color: #cb2026;}

.SzIframePart{ position: relative; height: calc(100% - 65px); margin-top: 10px; box-sizing: border-box; background-color: rgba(0,0,0,0.1);}
.SzIframePart iframe{ width: 100%; height: 100%; border: none; }