﻿body {
	font-family: SimSun;
	font-size: 14px;
}


/*.body-color {
	width: 100%;
	height: 100%;
	background: url(../img/conbg.png)  no-repeat;
	background-size: cover;
	background: none\9;
	/*下一行为关键设置*/


/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/conbg.png', sizingMethod='scale');*/


/*}*/

.index {
	min-height: 982px;
	background: url(../img/conbg_jczx.png) no-repeat;
	background-size: cover;
	/*overflow: hidden;*/
	background: none\9;
	/*下一行为关键设置*/
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/conbg_jczx.png', sizingMethod='scale');
}

.container {
	width: 1200px;
	margin: 0 auto;
}

.header {
	height: 114px;
	background-color: rgba(249, 248, 248, 0.8);
	box-shadow: 0px 0px 10px 0px #999999;
}

.header .container {
	padding-top: 24px;
}

.header-nav {
	margin-top: 6px;
}

.header-nav li {
	float: left;
	width: 100px;
	height: 58px;
	margin-left: 1px;
	line-height: 24px;
	text-align: center;
	background: url(../img/nav-2_jczx.png) 0 0 repeat;
	box-sizing: border-box;
}

.header-nav .first {
	padding-top: 0;
	padding-bottom: 0;
	line-height: 58px;
	color: #ffffff;
	background: url(../img/nav_1_jczx.png) 0 0 repeat;
}

.header-nav li a {
	display: block;
	color: #333333;
	padding: 7px 22px;
	font-weight: bold;
	font-family: MicrosoftYaHei-Bold;
}

.header-nav .first a {
	color: white;
	padding: 0 22px;
}

.main {
	margin-top: 39px;
	min-height: 807px;
	padding-bottom: 22px;
}

.main-left {
	width: 300px;
}

.air-state {
	min-height: 457px;
	padding: 10px 10px 18px;
	margin-bottom: 20px;
	background-color: #8ec31f;
	background-color: rgb(147, 208, 28, .8);
	filter: alpha(opacity=80);
	box-sizing: border-box;
}

.air-state .title {
	color: #ffffff;
	font-weight: 700;
}

.air-state .val {
	height: 132px;
	line-height: 138px;
	font-family: MicrosoftYaHei-Bold;
	font-size: 100px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: center;
}

.air-state .val-state {
	font-size: 30px;
}

.main-right {
	width: 880px;
	font-size: 12px;
}

.air-state .val.good {
	color: #ffff00;
}

.air-state .val.mild {
	color: #ffa500;
}

.air-state .val.crn {
	color: #ff0000;
}

.air-state .val.severe {
	color: #b21db2;
}

.air-state .val.serious {
	color: #951313;
}

.air-state .con {
	min-height: 280px;
	padding: 30px 7px 0px 22px;
	margin: 0 auto;
	line-height: 26px;
	background: white;
	box-sizing: border-box;
	color: #000000;
	font-weight: 700;
}

.air-state .con-state {
	color: #666666;
	font-weight: normal;
}

.air-report {
	min-height: 330px;
	background-color: #8ec31f;
	background-color: rgb(147, 208, 28, .8);
	filter: alpha(opacity=80);
	overflow: hidden;
}

.air-report .title {
	height: 32px;
	margin-bottom: 10px;
	line-height: 32px;
	color: #fefefe;
}

.air-report .air-item {
	padding-left: 10px;
	width: 50%;
	box-sizing: border-box;
	font-weight: 600;
}

.air-report .air-item.active {
	/*background: url(../img/air-reportbg.png);*/
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	background: url(../img/air-reportbg_jczx.png) no-repeat;
}

.air-report table {
	width: 280px;
	height: 200px;
	margin: 0 auto;
	background-color: #ffffff;
	text-align: center;
}

.air-report th {
	line-height: 48px;
}

.air-report td {
	line-height: 38px;
}

.air-report .odd {
	background-color: #f4f5f7;
}

.air-report .tip {
	padding: 0 10px;
	margin: 22px 0 10px;
	line-height: 26px;
	letter-spacing: 0px;
	color: #fefefe;
	text-align: center;
}

.work {
	height: 278px;
	margin-bottom: 20px;
	background-color: rgba(249, 248, 248, 0.8);
}

.work .work-news {
	margin: 12px 20px 0 10px;
	width: 531px;
}

.main-right .tip {
	padding-bottom: 6px;
	border-bottom: 1px solid #d0d5d9;
}

.main-right .tip-icon {
	display: inline-block;
	float: left;
	margin-left: 2px;
	margin-right: 16px;
	width: 3px;
	height: 14px;
	background-color: #5a6d8e;
}

.main-right .tip-line {
	position: relative;
	bottom: -7px;
	width: 108px;
	height: 1px;
	background-color: #5a6d8e;
}

.work .article {
	margin-top: 24px;
	margin-left: 6px;
	font-weight: bold;
}

.work .title {
	width: 402px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

.work .article .zx {
	padding-top: 2px;
}

.work .article-title {
	font-size: 14px;
}

.work .article a {
	color: #000000;
}

.work .article-con {
	width: 460px;
	height: 48px;
	margin-top: 8px;
	line-height: 24px;
	font-weight: normal;
	text-indent: 2em;
	overflow: hidden;
}

.work .article-data {
	text-align: right;
	letter-spacing: 4px;
}

.work .article-data span {
	letter-spacing: 1px;
}

.work-list {
	height: 89px;
	padding: 5px 16px 0 10px;
	margin-left: 6px;
	margin-top: 8px;
	background-color: rgba(204, 202, 202, 0.6);
	overflow: hidden;
	box-sizing: border-box;
}

.work-list a {
	color: #000000;
}

.work-list .con {
	width: 338px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

.work-list .data {
	height: 20px;
	line-height: 20px;
}

.work .more {
	line-height: 20px;
	text-align: right;
	font-weight: bold;
}

.work .more a {
	color: #739e1a;
}

.work-slider {
	width: 308px;
	height: 258px;
	margin-top: 10px;
	background-color: #8cc020;
}

.work-slider {
	position: relative;
}

.work-slider .bd {
	width: 300px;
	margin: 4px auto;
}

.work-slider .hd {
	position: absolute;
	z-index: 1;
	top: 215px;
	right: 4px;
}

.work-slider .hd li {
	/*display: block;*/
	float: left;
	width: 24px;
	height: 13px;
	line-height: 13px;
	text-align: center;
	color: white;
	border: solid 1px #ffffff;
	/*border-right: 0;*/
	cursor: pointer;
	background-color: rgba(46, 57, 5, 0.6);
}

.work-slider .hd li.on {
	background-color: #91ce06;
}

.work-slider .bd .title {
	width: 300px;
	height: 20px;
	font-weight: bold;
	line-height: 26px;
	color: #ffffff;
	text-align: center;
	overflow: hidden;
}

.work-slider img {
	width: 100%;
	height: 100%;
}

.work-slider .pic {
	width: 300px;
	height: 226px;
	border: 1px solid white;
	box-sizing: border-box;
}

.organ {
	height: 171px;
	padding: 12px 10px 0;
	margin-bottom: 13px;
	background-color: rgba(249, 248, 248, 0.8);
	box-sizing: border-box;
}

.organ-tab {
	overflow: hidden;
}

.organ-tab li {
	float: left;
	height: 30px;
	padding: 0 24px;
	min-width: 102px;
	text-align: center;
	margin-right: 1px;
	border: 1px solid #dddddd;
	line-height: 30px;
	font-weight: bold;
	cursor: pointer;
	background: url(../img/organ_jczx.png) 0 0 repeat-x;
	box-sizing: border-box;
}

.organ-tab li.active {
	background: url(../img/organs_jczx.png) 0 0 repeat-x;
	border: 1px solid #818181;
	border-bottom: 0;
}

.organ-line {
	height: 1px;
	background-color: #818181;
	margin-top: -1px;
	position: relative;
	z-index: 1;
	left: 97px;
}

.organ-con {
	height: 113px;
	margin-top: 4px;
	background-color: rgba(249, 248, 248, 0.3);
}

.organ-item {
	display: none;
}

.organ-item.active {
	display: block;
}

.organ-article {
	position: relative;
	width: 660px;
	height: 94px;
	margin: 12px 18px 0;
	line-height: 24px;
	color: #1a1a1a;
	text-indent: 2em;
	overflow: hidden;
}

.organ-article a {
	color: #1a1a1a;
}

.organ-article .more {
	position: absolute;
	bottom: -8px;
	right: 12px;
	z-index: 1;
	line-height: 27px;
	/* text-align: right; */
	font-weight: bold;
	color: #739e1a;
}

.organ-pic {
	margin-top: 6px;
	margin-right: -14px;
}

.organ-pic img {
	margin-right: 14px;
}

.brochure {
	height: 100px;
	margin-right: -20px;
	margin-bottom: 15px;
	font-size: 0;
}

.brochure img {
	width: 280px;
	height: 100px;
	margin-right: 20px;
}

.rims {
	height: 210px;
	padding: 10px 10px 0;
	box-sizing: border-box;
	background-color: rgba(249, 248, 248, 0.8);
}

.rims-list {
	margin-left: 6px;
	margin-top: 8px;
	margin-right: -12px;
}

.rims-list li {
	float: left;
	width: 161px;
	height: 37px;
	margin-right: 10px;
	margin-bottom: 4px;
	line-height: 37px;
	background-color: #ffffff;
	border: solid 1px #b2abad;
	box-sizing: border-box;
}

.rims-list .color {
	float: left;
	width: 40px;
	height: 100%;
	margin-right: 6px;
}

.yellow {
	background: #e7d16c;
}

.blue {
	background: #8accee;
}

.cyan {
	background: #62ccc0;
}

.pink {
	background: #f2a071;
}

.green {
	background: #a3e079;
}

.grey {
	background: #9fbbe0;
}

.rims-list .address {
	display: none;
	position: relative;
	top: -1px;
	left: -1px;
	z-index: 1;
	width: 200px;
	min-height: 60px;
	border: solid 1px #090204;
	background-color: #feffdc;
}

.rims-list .address-left {
	font-weight: bold;
}

.rims-list .address-item {
	padding-left: 6px;
	line-height: 20px;
}

.rims-list li {
	cursor: pointer;
}

.rims-list li:hover .address {
	display: block;
}

.office {
	height: 108px;
	font-family: MicrosoftYaHei;
	font-size: 12px;
	color: #638090;
	overflow: hidden;
}

.office-list {
	width: 1182px;
	margin: 16px auto;
}

.office-list li {
	float: left;
	width: 25.33%;
	padding: 31px 18px 10px;
}

.office-list .title {
	position: absolute;
	top: -3px;
	left: 50%;
	margin-left: -44%;
	font-size: 16px;
	color: #57a8e7;
}

.office-list .tell {
	margin-left: 10px;
	font-size: 14px;
}

.office-list .one {
	position: relative;
	width: 27%
}

.office-list .two {
	position: relative;
	width: 34%;
	border-left: 1px solid #dbdbe2;
	border-right: 1px solid #dbdbe2;
}

.office-list .three {
	width: 29%
}

.footer {
	height: 112px;
	padding: 40px 0;
	background-color: #333333;
	font-family: MicrosoftYaHei;
	color: #999999;
	line-height: 16px;
	box-sizing: border-box;
}

.footer .js {
	margin-left: 15px;
	margin-right: 178px;
}

.footer .zf {
	margin-right: 27px;
}

.footer img {
	display: inline-block;
	margin-right: 10px;
}

.footer .gw {
	margin-right: 27px;
}

.footer .icp {
	margin-right: 27px;
}

.footer img.foot4-pic {
	margin-right: 34px;
}

/*工作动态页面*/
.works-con{
	overflow: hidden;
}
.work-state{
	width: 1016px;
	min-height: 837px;
	padding:0 32px;
	margin:14px auto 20px;
	border-radius: 6px;
	    background-color: rgba(249, 248, 248, 0.8);
	    box-sizing: border-box;
	    overflow: hidden;
}
.work-state .ws-tip{
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	border-bottom: 2px solid #dddddd;
}
.work-state .ws-tip a{
	  font-size: 20px;
	color: #000000;
}
.work-state .ws-tip img{
	vertical-align: middle;
}
.work-state .ws-link{
	    display: inline-block;
    width: auto;
  
    padding-bottom: 7px;
    margin-bottom: -2px;
    margin-top: 18px;
        font-size: 0;
    border-bottom: 2px solid #8ec31f;
}
.work-state .ws-article{
	    margin-top: 28px;
    border-bottom: 1px solid #dddddd;
}
	
.work-state .wsa-title{
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	
	color: #000000;
}
.work-state .wsa-title a{
	  
	color: #000000;
}
.work-state a.ws-more{
	font-family: PingFang-SC-Medium;
	font-size: 14px;	
	line-height: 24px;
	color: #0000ff;
	text-decoration: underline;
}
.work-state .wsa-title a.title{
	display: inline-block;
	width:90%;
	height: 24px;
    overflow: hidden;
}
.work-state .wsa-article{
	
	line-height: 24px;
	text-indent: 2em;
}
.work-state .wsa-tip{
	margin-bottom: 14px;
	font-family: PingFang-SC-Medium;
	text-align: right;
	color: #333333;
}
.work-state .wsa-num{
	color: #ff0000;
}
.work-state .wsa-pic{
	
    margin-right: 14px;
}
.page{
	margin-top: 21px;
}
.pagination {
	display: table;
	margin: 0 auto 40px;
	color: #ffffff;
	font-size: 12px;
}

.pagination>li {
	    display: inline-block;
    margin-right: 4px;
    line-height: 26px;
    background: #f9b000;
    border: solid 1px #ff9000;
}

.pagination>li>a,
.pagination>li>span {
	display: block;
	position: relative;
	padding: 0 12px;
	color: #ffffff;
	
}

/*detail页面*/
.detail-article{
	margin-top: 26px;
}
.detail-article .detaila-title{
	font-family: PingFang-SC-Heavy;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;	
	color: #000000;
	text-align: center;
}
.detail-article .detaila-con{
	line-height: 24px;
	text-indent: 2em;
}
.detail-article .detaila-tip{
	margin-top: 32px;
	font-family: SimHei;
	
	color: #333333;
}
.pagination.detail-option>li>a{
	padding:0;
	width:63px;
	text-align: center;
}
