@charset "utf-8";
body{ background-color: #fafcfd; position: relative;}

.hd{ padding: 0 0 0.23rem 0; border-bottom: 1px solid #d3e2f5; position: relative;}
.hd i{ width:0.3rem; height: 0.3rem; margin-right: 0.1rem; float: left; font-size: 0; border-radius: 0.03rem; background-color: #3978cc; display: block;}
.hd i img{ border-radius: 0.03rem;}
.hd ul{ width: calc(100% - 0.4rem); float: left;}
.hd ul li{ margin-right: 0.5rem; float: left;}
.hd ul li a{ font-size: 0.22rem; color: #333333; font-weight: bold; line-height: 0.3rem;}
.hd ul li:hover a, .hd ul li.active a{ color: #3978cc; font-weight: bold;}
.hd .span{ font-size: 0.22rem; color: #3978cc; font-weight: bold; line-height: 0.3rem; display: inline-block;}

.info li{ line-height: 0.56rem;}

.swiper-container { width: 100%; height: 100%; position: relative;}
.swiper-container .swiper-pagination { width: 100%;}

/****数据图表****/
.sjtb{ padding-bottom: 0.5rem;}
.sjtb .tab-hd{}
.sjtb .tab-hd ul{ margin-right: -0.2rem;}
.sjtb .tab-hd ul li{ width: calc(100% / 6); float: left;}
.sjtb .tab-hd ul li a{ height: 1.25rem; margin: 0.2rem 0.2rem 0 0; text-align: center; border: 1px solid #c5d7f1; background-color: #edf3fb; position: relative; display: block;}
.sjtb .tab-hd ul li a .box{ width:100%; padding: 0 0.1rem; position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
.sjtb .tab-hd ul li a .box i{ width:0.4rem; height: 0.4rem; margin: 0 auto 0.15rem auto; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; display: block;}
.sjtb .tab-hd ul li a .box i.img01{ background-image: url(../images/bg_sjfb_tb_01.png);}
.sjtb .tab-hd ul li a .box i.img02{ background-image: url(../images/bg_sjfb_tb_02.png);}
.sjtb .tab-hd ul li a .box i.img03{ background-image: url(../images/bg_sjfb_tb_03.png);}
.sjtb .tab-hd ul li a .box i.img04{ background-image: url(../images/bg_sjfb_tb_04.png);}
.sjtb .tab-hd ul li a .box i.img05{ background-image: url(../images/bg_sjfb_tb_05.png);}
.sjtb .tab-hd ul li a .box i.img06{ background-image: url(../images/bg_sjfb_tb_06.png);}
.sjtb .tab-hd ul li a .box span{ font-size: 0.17rem; display: block;}
.sjtb .tab-hd ul li:hover a, .sjtb .tab-hd ul li.active a{ background: url(../images/bg_sjfb_tb_active.png) no-repeat center center; background-color: transparent; background-size: cover;}
.sjtb .tab-hd ul li:hover a .box i,.sjtb .tab-hd ul li.active a .box i{ background-position: 0 -0.4rem;}
.sjtb .tab-hd ul li:hover a .box span,.sjtb .tab-hd ul li.active a .box span{ color: #fff;}

.sjtb .tab-bd{ height: 4.5rem; overflow-x: auto; overflow-y: hidden;}
.sjtb .tab-bd .bd{ min-width:1100px; height: 100%;}
.sjtb .tab-bd::-webkit-scrollbar { height:0.05rem;}
.sjtb .tab-bd::-webkit-scrollbar-thumb { border-radius: 0.3rem; background: #3978cc;}
.sjtb .tab-bd::-webkit-scrollbar-track { border-radius: 0.3rem; background: #bbd1ee;}

/****统计年鉴、统计公报****/
.njgb{ padding: 0.4rem 0; background: url(../images/bg_sjfb_tj.png) no-repeat center bottom; background-size: 100% 100%;}
.njgb .sj-L{ width: calc(100% - 6.02rem);}
.njgb .sj-L .pcsj{}
.njgb .sj-L .jdsj{ margin-top: 0.2rem;}
.njgb .sj-L .pcsj .bd, .njgb .sj-L .jdsj .bd{ margin-top: 0.1rem;}
.njgb .sj-R{ width:6.02rem;}

.njgb .sj-R ul li{ width: calc(100% / 2); height: 3.51rem; float: left; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear;}
.njgb .sj-R ul li .box{ height: 100%; margin-left: 0.3rem; border-radius: 0.08rem; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; position: relative; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; -ms-transition: all .2s linear;}
.njgb .sj-R ul li .box.tjnj{ background-image: url(../images/bg_sjfb_tjnj.png)}
.njgb .sj-R ul li .box.tjgb{ background-image: url(../images/bg_sjfb_tjgb.png);}
.njgb .sj-R ul li .box a{ width:100%; position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}
.njgb .sj-R ul li .box a img{ width:0.5rem; height: 0.5rem; margin: 0 auto 0.15rem auto; display: block;}
.njgb .sj-R ul li .box a span{ font-size: 0.23rem; color: #fff; font-weight: bold; text-align: center; letter-spacing: 0.05rem; text-shadow: 0 0 0.1rem rgba(57, 120, 204, 0.6); display: block;}
.njgb .sj-R ul li .box:hover{ border-radius: 0.2rem; box-shadow: 0.01rem 0.01rem 0.05rem rgba(160, 198, 248, 1); background-size: 110% 110%;}
.njgb .sj-R ul li .box:hover a img{ animation: shakeY1 6s linear infinite; -webkit-animation: shakeY1 6s linear infinite;}

/****大气环境管理****/
.sjmk{ margin-top: -0.2rem; padding: 0.4rem 0;}
.sjmk .mk{ width: calc(50% - 0.175rem); margin-top: 0.2rem;}
.sjmk .mk .bd{ margin-top: 0.1rem;}

@keyframes shakeY1 {
	0%,to { -webkit-transform: translateZ(0); transform: translateZ(0);}
	10%,30%,50%,70%,90% { -webkit-transform: translate3d(0, -0.03rem, 0); transform: translate3d(0, -0.03rem, 0);}
	20%,40%,60%,80% { -webkit-transform: translate3d(0, 0.03rem, 0); transform: translate3d(0, 0.03rem, 0);}
}