@charset "utf-8";
/* CSS Document */

/* 头条 */
.m-hot{padding:0 120px;background: url(../images/index/toutiao.png) 10px center no-repeat;}
.m-hot h1 a{display:block;text-align:center;line-height:36px;color:#cc3433}
.m-hot p {overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

/* 轮播 */
.m-flash{position: relative;width:760px}
.g-flash,.g-flash img{height: 428px;object-fit: cover;}
.g-flash img{ display: block; width: 100%; transition: all linear .3s ; -webkit-transition: all linear .3s ; -moz-transition: all linear .3s ; -ms-transition: all linear .3s ; -o-transition: all linear .3s ; }
.g-flash img:hover{transform: scale(1.1);}
.g-flash li,.g-flash li a{position: relative;}
.g-flash li a{display: block;}
.g-flash li p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 108px 0 18px; line-height: 45px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; color: #fff;background: url(../images/index/bg-op50.png) repeat;}
.m-flash .hd{position: absolute; right: 20px; bottom: 17px;}
.m-flash .hd ul li{float: left; margin-left: 10px; width: 10px; height: 10px;  background: #b9bbbd;border-radius:10px}
.m-flash .hd ul li.on{background: #fff;}

/* 右侧列表 */
.m-news{width:570px;margin-top:-18px;}
.g-reprint{padding:7px 0 7px 70px;}
.u-zzbtn{top:10px;left:0;}
.u-zzbtn a{display:block;width:48px;line-height: 1.4;background:#156ec9;color:#fff;padding: 33px 14px;}
.u-zzbtn .dzy{margin-bottom:15px;}
.u-nrtj{margin-top:15px;}
.u-nrtj a{float:left;width: 49%;height: 56px;line-height: 56px;background:#f7f7f7;text-align: center;}
.u-nrtj a:last-child {float:right;}

/* tab列表 */
.m-tabstyle3{text-align: center;width:100%;}
.m-tabstyle3 li{position: relative;display:inline-block;text-align: center;margin: 0 30px;background: url(../images/index/tabbg.png) center no-repeat;}
.m-tabstyle3 li a{display: block;padding:0 82px;color:#fff;height: 82px;line-height: 82px;font-weight:bold;}
.m-tabstyle3 li i{display:inline-block;width:35px;height: 40px;vertical-align: middle;margin-right:5px;}
.m-tabstyle3 li .icon-gk{background: url(../images/index/icon-zwgk.png) center no-repeat;}
.m-tabstyle3 li .icon-fw{background: url(../images/index/icon-bsfw.png) center no-repeat;}
.m-tabstyle3 li .icon-hd{background: url(../images/index/icon-hdjl.png) center no-repeat;margin-right:10px}
.m-tabstyle3 li.u-active{background: url(../images/index/tabbgblue.png) center no-repeat;}
.bgf-cont{padding:0 30px 30px 30px;background: #fff;border-radius: 12px;box-shadow: 0px 0px 7px 0px rgba(38, 116, 218, 0.12);}

.zfxxgk-links li{margin-top:10px;}
.zfxxgk-links li a{ display: block;height: 58px;line-height: 58px;position: relative;background: #f5f5f5;overflow: hidden;padding-left:25%}
.zfxxgk-links li img{margin: -4px 10px 0 0px;vertical-align: middle;}
.zfxxgk-links li span{display: inline-block;vertical-align: middle;line-height: 1.3;}
.zfxxgk-links li b{display: block;}
.zfxxgk-links li a:hover .icon:before{top:-100%;}

.is-col-1{width:68%}
.is-col-2{width:30%}
.is-col-3{width:48.5%}

/* 办事服务 */
.wstb-cont{width:29.5%}
.m-wstb{height: 137px;background: url(../images/index/wstbg.png) center no-repeat;text-align: center;padding-top:20px;}
.m-wstb img{display: block;margin:auto}
.m-wstb span{display:inline-block;line-height:24px;color: #3487de;padding-left:25px;background: url(../images/index/location.png) left center no-repeat;}
.m-letternum li{float:left;width: 50%;padding-left:65px;position: relative;line-height: 34px;}
.m-timebg{display: block;padding:8px 11px;background: url(../images/index/numbg.png) left center no-repeat; color:#fff;position: absolute;left:0;top:5px}

.bjsx-cont{width:68.5%}
.m-liststyle2 ul{padding: 0;overflow: hidden;}
.m-liststyle2 li{line-height: 46px;position: relative}
.m-liststyle2 p.gl-li-lb{float: right;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.m-liststyle2 a.gl-li-bt{display: block;max-width:85%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background: url(../images/public/icon-li1.png) left center no-repeat;padding-left:14px}
.m-liststyle2 p span{margin-left:30px}
.m-liststyle2 p.gl-li-lb a{margin-left:20px}

/* 互动交流 */
.m-wyxx{display:block;position: absolute;top:25px;color:#156ec9;font-weight: bold;background: url(../images/index/edit.png) left center no-repeat;padding-left:30px;right:0}
.m-liststyle-gl li .j-li-bt span{float:none;margin-left:0;}
.zjdc-cont .m-liststyle-gl .j-libox{width:100%}

/* 专题专栏 */

.g-ztland .bd{height: 156px;width: 100%;}
.g-ztland li{margin-right:24px;width:332px;height:156px;}
.g-ztland li img{height:156px;object-fit: cover;}

.m-land{height:98px;overflow:hidden;}
.m-land img,.m-land li{height:110px;}

/* 环境监测 */
.m-hjjc{position: relative;}
.m-tabhj{position: absolute;right:0;top:14px;} 
.m-tabhj ul{overflow: hidden;}
.m-tabhj li{float:left;border:2px solid #156ec9;background:#fff;border-bottom:none;margin-right:20px;line-height: 44px;padding:0 20px;}
.m-tabhj li a{color:#156ec9;font-weight:bold;}
.m-tabhj li.u-active{background: #156ec9}
.m-tabhj li.u-active a{color:#fff}
.itablist{border:1px solid #ddd;border-top:0;padding:20px;}
.list-height{height:300px;}
.itablist table {width: 100%;border-left: 1px solid #ddd;border-top: 1px solid #ddd;}
.itablist td {border-right: 1px solid #ddd;line-height: 37px;height: 37px;padding: 4px 3px;text-align: center;border-bottom: 1px solid #ddd;}
.itablist th {border-right: 1px solid #ddd;line-height: 37px;padding: 1px 3px;text-align: center;border-bottom: 1px solid #ddd;background: #F4F4F4;}
.itablist tr:hover {background: #F0F0F0;}


/* 友情链接 */
.el-footer{margin-top:0}
.is-link{background: #f0f5fa;}
.m-link{padding:17px 0 17px 155px;position: relative;}
.link-icon{background: url(../images/index/link.png) left center no-repeat;color: #156ec9;position: absolute;left:0;padding-left:40px;font-weight:bold}
.m-link ul li{width:25%;float: left;}
.m-link ul li:last-child{margin-right: 0}
.is-link-one{padding-right:25px;position: relative;}
.blackrow{position:absolute;display:block;width:13px;height:8px;background: url(../images/index/linkrow.png) left center no-repeat;right:0;top:8px;-webkit-transition: all linear 0.2s;transition: all linear 0.2s;-moz-transition: all linear 0.2s;}
.rowactive .blackrow{transform: rotateX(180deg)}
.m-link dl{position: absolute;width: 100%;border:1px solid #eef3f4;background: #fff;left:0;z-index: 99;overflow: hidden;padding:15px 0 15px 45px;bottom:55px;display: none}
.m-link dl dd{float: left;line-height: 36px;width: 16.666%;text-align: left;overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;padding-right:20px}



/* 适配小屏 */
@media screen and (max-width: 1400px) {
	.m-flash{width:56%}
	.m-news{width:42%}
	.m-tabstyle1 li{margin-right:9px;}
	.wstb-cont{width:34%}
	.bjsx-cont{width:63%}

}

/* 适配pad */
@media screen and (max-width: 1200px) {
    
    .m-flash,.g-flash,.m-news{width:100%}
    .m-news{margin-top:5px}
    .m-tabstyle3 li a{padding:0 65px;}
    .wstb-cont{width:40%}
	.bjsx-cont{width:58%}
}



@media (max-width:991px) {
	/* 标题 */
	.m-hot{line-height: 32px;background: none;padding:0;}
	
    .m-flash,.m-news,.is-col-6,.is-col-1,.is-col-2,
	.is-col-3,.wstb-cont,.bjsx-cont{width:100%}
	/* 轮播 */ 
	.g-flash, .g-flash img{height: 275px}

	.m-tabstyle1 li{margin-right:0}
	.m-tabstyle3 li{margin:0 1%;width:31.33%;float:left}
	.m-tabstyle3 li a{padding:0;height:70px;line-height:70px}
	.m-tabstyle3 li i{display: none}
	.u-zzbtn a{padding:18px 14px}

    .bgf-cont{padding:0 10px 10px 10px}
    .m-wyxx{top:16px;}
    
		#leftad,#rightad{display:none}
		.m-tabhj{top:6px;}
		.itablist{width:100%;overflow-x: auto;}
		.itablist table{width:1000px;}
		.m-tabhj li{padding:0 10px;margin-right:10px}
		

    /* 友链 */ 
    .link-icon{position: static;margin-bottom:10px}
    .m-link{padding:10px}
	.m-link ul li{width: 100%;margin-bottom:15px;display:flex;justify-content: center;}
	.m-link dl dd{width:50%}
	.m-link dl{bottom:165px}

}

@media (max-width:767px) {
		.m-tabhj{top:58px;width:100%}
    .itablist table{width:1000px;}
		.m-tabhj li{padding:0 5px;margin-right:5px}
		.m-hjjc .m-tabstyle1{margin-bottom:48px;}
		.m-tabhj li a{font-size:14px}

}