body,ul,li,ol,dl,dd,dt,tr,td,div,span,a,img,p,h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}
html{font-size: 16px;}
body{
	font-family:"Microsoft YaHei",Arial;
	color:#333;
	font-size:16px;
}
ul,li{
	list-style:none;
}
a{
	text-decoration:none;
}
a:link,a:visited{color: #000;}
a:hover{color: #124fcc;}
.clear:after,.clearfix:after{
	display:block;clear:both;content:"";visibility:hidden;height:0
}
.clear,.clearfix{
	zoom:1
}
.mgt_20{margin-top: 20px;}

body{background:#d5e6fe url(../images/bodybg1.jpg) repeat-x left top;}
div.body{background:url(../images/bodybg2.jpg) no-repeat top center;}
.top{width:1300px;margin:0 auto;height: 536px;}
.top h1{font-size: 0;}
.top h2{padding:30px 0 0 20px}
.top h2 a{ display: block;width:420px;height: 80px;/* background: url(../images/logo.png) no-repeat center center;*/ background: url(/static_common/images/guohui/xs_guohui_zwxmt.png) no-repeat center center;font-size: 0;background-size: contain;}

.container{margin:0 auto 30px;width:1200px;padding:50px;background: #fff;}
.block .title{ margin-bottom: 30px; background:url(../images/tbg01.png) repeat-x center bottom;text-align: center;}
.block .title h3{display:inline-block;padding:0 20px;background-color: #fff;}
.block .title strong{position:relative;display:inline-block; font-size: 2.25rem;font-weight: bold;color: #124fcc;}
.block .title strong i{position:relative;z-index: 10;font-style: normal;}
.block .title strong::after{content: '';display: block;position: absolute;left: 0;bottom:0;width:100%;height: 7px;background-color: #a1f3fe;}

.list1{margin-left: -26px;}
.list1 li{float: left;margin-left:26px;margin-bottom:18px;width: calc(50% - 26px);box-sizing: border-box;padding:10px 15px; background: #edf2ff;}
.list1 li .date{float: left;padding:10px 0;margin-right:15px;width:calc(20% - 15px);text-align:center;background: #89a8f1;border-radius: 10px;color:#fff}
.list1 li .date em{font-size:1.75rem;font-style:normal}
.list1 li .date span{display: block;word-break: break-all;}
.list1 li a{float: right;margin-top:10px;width: 80%;font-size:1.125rem;}

.list2{margin-left: -26px;}
.list2 li{float: left;margin-left:26px;margin-bottom:18px;width: calc(50% - 26px);box-sizing: border-box;padding:25px 15px; background: #edf2ff;}
.list2 li a{font-size:1.125rem;width: 100%;overflow: hidden;display: inline-block;white-space: nowrap;text-overflow: ellipsis;}
.list2 li p{margin-top:10px}
.list2 li p span{padding-left: 20px;}
.list2 li p span:last-child{margin-left: 15px;}
.list2 li p .icon_date{ background: url(../images/icon01.png) no-repeat left center; background-size: auto 70%;}
.list2 li p .icon_source{ background: url(../images/icon02.png) no-repeat left center; background-size: auto 70%;}

.list3{margin-left: -26px;}
.list3 li{position:relative;float: left;margin-left:26px;margin-bottom:18px;box-sizing: border-box;width: calc(33.3% - 26px);border:1px solid #efefef;padding:25px;height: 310px; background: #f8f8f8; border-radius: 15px; box-shadow: 0 5px 5px rgba(0,0,0,0.1);}
.list3 dt{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #e7e7e7;font-size: 1.5rem;color: #2a5abd;line-height: 1.5;}
.list3 dd:nth-child(2){font-size: 1.125rem;color: #666;}
.list3 dd:last-child{position: absolute;right: 25px;bottom: 25px;display: flex;justify-content: space-around;align-items: center;}
.list3 dd:last-child span{display: block;margin-right: 15px;padding:0 10px 10px 0;background: url(../images/icon_arrow.png) no-repeat right bottom;font-size: 1.125rem;color: #1964e9;}
.list3 dd:last-child img{width:110px;height:110px}

.tab_title{ text-align: center;margin-bottom: 30px;font-size: 1.5rem;}
.tab_title h4{display: inline-block;border-radius: 62px; background: #f5f5f5; border: 1px solid #e3e3e3; overflow: hidden;}
.tab_title h4 span{display: inline-block;width: 150px;height: 52px; line-height: 50px;cursor: pointer;}
.tab_title h4 span.cur{ background: #3e74d4;color:#fff;font-weight: bold;}
.list4 li{float: left;width:20%;height: 200px; text-align: center;}
.list4 li img{border-radius: 20px;width:130px;height: 130px;object-fit: none;}
.list4 li p{margin-top: 10px;}



@media screen and (max-width:640px) {
	html{font-size: 16px;}
	.top{width:100%;height: 50vw;}
	.top h2{padding:10px}
	.top h2 a{width: 70%;height: 60px; background-size: 100% auto;}
	div.body{ background-size: 200%;}
	.container{width:100%;padding:10px;box-sizing: border-box;}
	
	.block .title{margin-bottom: 15px;}
	.block .title strong,.block .title strong i{font-size: 1.375rem;}
	
	.list1{margin-left: 0;}
	.list1 li{width:100%;margin-left: 0;margin-bottom: 10px;}
	.list1 li .date{width: calc(30% - 15px);}
	.list1 li a{width: 70%;font-size: 1rem;line-height:1.5}
	.list1 li .date em{font-size: 1.25rem;}
	.list1 li .date span{font-size: 1rem;}
	
	.list2{margin-left: 0;}
	.list2 li{width:100%;margin-left: 0;padding: 15px;margin-bottom: 10px}
	.list2 li a{font-size: 1rem;line-height:1.5}
	.list2 li p span{display: block;}
	.list2 li p span:last-child{margin-left: 0;}
	
	.list3{margin-left: 0;}
	.list3 li{width:100%;margin-left: 0;margin-bottom: 10px;min-height: 260px; height: auto;}
	.list3 dt{font-size: 1.125rem;padding-bottom: 10px;margin-bottom: 10px}
	.list3 dd:nth-child(2){font-size: 1rem;}
	.list3 dd:last-child{position: static;margin-top: 15px;}
	
	.tab_title {font-size: 1.25rem;}
	.tab_title h4 span{height: 42px;line-height: 40px}
	.list4 li{width:33.3%;height:auto;margin-bottom:15px}
	.list4 li img{width: 80%;height: auto;object-fit: initial;}
	.list4 li:nth-child(3n+1){clear: both;}
	.list4 li p{line-height: 1.5;}
}


/*web older mode*/
@media screen and (min-width:640px) {
	/*政府网站与政务新媒体融合发布专栏*/
	.web_older.special_zwrh .block .title strong,.web_older.special_zwrh .block .title strong i{font-size: 1.75rem;}
	
	.web_older.special_zwrh .list1{margin-left: 0;}
	.web_older.special_zwrh .list1 li{width:100%;margin-left: 0;margin-bottom: 10px;}
	.web_older.special_zwrh .list1 li .date{width: calc(20% - 15px);}
	.web_older.special_zwrh .list1 li a{width: 80%;font-size: 1.125rem;line-height:1.5}
	.web_older.special_zwrh .list1 li .date em{font-size: 1.25rem;}
	.web_older.special_zwrh .list1 li .date span{font-size: 1rem;}
	
	.web_older.special_zwrh .list2{margin-left: 0;}
	.web_older.special_zwrh .list2 li{width:100%;margin-left: 0;padding: 15px;margin-bottom: 10px}
	.web_older.special_zwrh .list2 li a{font-size: 1.125rem;}
	.web_older.special_zwrh .list2 li p span{display: block;padding-left: 30px;}
	.web_older.special_zwrh .list2 li p span:last-child{margin-left: 0;}
	
	.web_older.special_zwrh .list3{margin-left: 0;}
	.web_older.special_zwrh .list3 li{width:100%;margin-left: 0;margin-bottom: 10px;min-height: 300px; height: auto;}
	.web_older.special_zwrh .list3 dt{font-size: 1.125rem;padding-bottom: 10px;margin-bottom: 10px}
	.web_older.special_zwrh .list3 dd:nth-child(2){font-size: 1rem;}
	
	.web_older.special_zwrh .tab_title {font-size: 1.25rem;}
	.web_older.special_zwrh .tab_title h4 span{width:200px}
	.web_older.special_zwrh .list4 li{height: 240px;}
}