@charset "gb2312";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"微软雅黑"; font-size:12px; cursor:default;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none;}
a:hover{ text-decoration:none;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}
.dib{display:block !important;}
.din{display:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; height: 0px; line-height: 0px; font-size: 0px;}

.container{ height: auto; width: 1140px; margin: 0 auto;}
/*top*/
.top{ width: 100%; height: 462px; background: url(jczwgk_cp_bg.jpg) center top no-repeat;}

/*导航*/
.nav_box{ height: 63px; padding: 20px 0; width: 100%; border-top: 3px solid #007cd9; background: #346098;}
.nav{ width: 1140px; height: 60px; margin: 0 auto; border-bottom:3px solid #5e8eca ;}
.nav li{ float: left; width: 228px; height: 100%; text-align: center;}
.nav li a{ display: block; height: 100%; width: 125px;line-height: 60px; font-size: 26px; color: #ffffff; margin: 0 auto;}
.nav li a.nav_on,.nav li a:hover{ border-bottom: 4px solid #f4f4f4;}
/*实施方案*/
.ssfa_box{ margin-top: 50px; height: 202px; padding: 29px 0; width: 100%; background: #f9f9f8;}
.ssfa{ height:202px; width: 1140px;  background: url(jczwgk_cp_ssfa_bg.png) center  center no-repeat; margin: 0 auto;}
.ssfa h2{ float: left; width: auto; line-height: 202px; font-size: 32px; color: #4260a0;padding-left: 50px; padding-right: 50px;}
.ssfa p{/* float: left;*/ padding: 40px 40px 0 0; width: auto; color: #555555; font-size: 16px; line-height: 30px;}

/*工作动态*/
.gzdt_tit{ height: 90px; line-height: 90px; background: url(jczwgk_cp_gzdt_titbg.png) 125px 60px no-repeat;}
.gzdt_tit h2{ float: left; color: #4260a0; font-size: 30px; font-weight: bold; line-height: 90px;}
.gzdt_tit .gzdt_more{ float: right; background: url(jczwgk_cp_more.png) left center no-repeat; color: #b9b9b9; font-size: 16px; text-indent: 23px; margin-right: 10px;}

/*slider*/
.slideBox{float: left; width:575px; height:298px; overflow:hidden; position:relative; margin-right: 40px;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:575px; height:298px; display:block;  }
.slideBox .prev,.slideBox .next{ position:absolute; right:37px; bottom:0;display:block; width:37px; height:37px; background:url(jczwgk_cp_slider_prev.png) center center no-repeat; }
.slideBox .next{ right:0; background-image:url(jczwgk_cp_slider_next.png); }
.slideBox .prev:hover{ background-image: url(jczwgk_cp_slider_prev_on.png);}
.slideBox .next:hover{ background-image: url(jczwgk_cp_slider_next_on.png); }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/*工作动态list*/
.gzdt_list{ float: left; height: auto; width: 525px;}
.gzdt_list li{ width: 100%; height: 98px; border-top: 1px solid #e3e3e3;}
.gzdt_list li:first-child{ border-top: none;}
.gzdt_list li h2{ float:left ; line-height: 50px;}
.gzdt_list li h2 a{ color: #333333; font-size: 18px; font-weight: bold;}
.gzdt_list li h2 a:hover{ color: #007CD9;}
.gzdt_list li span{ line-height: 50px; float: right; background: url(jczwgk_cp_clock.png) left center no-repeat; text-indent: 20px; color: #bbbbbb; font-size: 14px;}
.gzdt_list li p{ clear: both; width: 100%; line-height: 22px; color: #555555; font-size: 14px;}

/*底部切换*/
.slideTxtBox{ height: auto; width: 100%; margin-top: 50px;}
.slideTxtBox .hd{ height: 91px; width: 100%; background:url(jczwgk_cp_btnnav_bg_03.jpg) left center repeat-x;}
.slideTxtBox .hd ul li{ float: left; width: 12.4%; height: 100%;line-height: 91px; color: #ffffff; font-size: 23px; cursor: pointer; text-align: center;}
.slideTxtBox .hd ul li:last-child{ width: 13.2%;}
.slideTxtBox .hd ul li.on{ background: url(jczwgk_cp_btnnav_on.png) center 68px no-repeat;}
.child_chnl{ width: 100%; height: 50px !important; background: #f9f9f8; border-bottom: 1px solid #b9b9b9; line-height: 50px; text-align: center; color: #333333; font-size: 16px;}
.child_chnl a{color: #333333; font-size: 16px; padding: 0 15px;}
.child_chnl a:hover{ color: #007CD9;}
.slideTxtBox .bd{ height: 659px;}
.slideTxtBox .bd ul li{ height: 146px;}
.left_info{float: left; width: 234px;}
.left_info .time{ display: block; height: 78px; width: 100%; line-height: 78px; color: #999; font-size: 24px; background: url(jczwgk_cp_left_info_timebg.png) right center no-repeat;}
.left_info a{ display: block; width: 32px; height: 32px; background: url(jczwgk_cp_list.png) center center no-repeat; margin-top: 14px; margin-left: 47px;}
.left_info a:hover{ background-image: url(jczwgk_cp_list_on.png);}
.right_info{ float: right; width: 869px; margin-left: 37px;}
.right_info h2{  line-height: 35px; padding-top: 17px; font-weight: normal;}
.right_info h2 a{color: #333333; font-size: 18px;}
.right_info h2 a:hover{ color: #007CD9;}
.right_info p{ line-height: 30px; color: #888; font-size: 16px;}

/*footer*/
.footer{ height: 128px; padding-top: 20px; width: 100%; background: #4260a0; text-align: center;}
.footer p{ line-height: 24px; font-size: 16px; color: #f9f9f8;}


@media screen and (max-width:1140px){
	
	.nav_box,.nav{ width: 100%;}
	.nav li{ width: 20%;}
}
@media screen and (max-width:768px){
	.top{ background-size:150%; height: 280px;}
	.nav_box,.nav{ width: 100%; height: 60px; padding: 0;}
	.nav li{ width: 20%;}
	.nav li a{ width: 100%;}
	.ssfa_box{ width: 100%; padding: 0; margin-top: 20px;height: auto;}
	.ssfa{width: 96%; padding:10px 2%; height: auto;}
	.ssfa h2{ width: 100%; padding: 0; line-height: 50px; float: none; text-align: center;}
	.ssfa p{ padding: 0; text-indent: 30px;}
}

@media screen and (max-width:640px){
	.top{ background-size:160%; height: 150px;}
	.nav_box, .nav{ height: 40px;}
	.nav li{ height: 40px;}
	.nav li a{ font-size: 16px; line-height: 40px;}
	.ssfa h2{ font-size: 20px; line-height: 30px;}
	.container{ width: 96%; margin: 0 2%;}
	
	.gzdt_tit{ width: 100%; height: 50px; line-height: 50px; background: none;}
	.gzdt_tit h2{ line-height: 50px; font-size: 20px;}
	.slideBox{ width: 100%; height: auto; float: none; margin-right: 0;}
	.slideBox .bd img{ width: 100%; height: auto;}
	.gzdt_list{ width: 100%; float: none; margin-top: 15px;}
	.gzdt_list li{ height: auto;}
	.gzdt_list li h2{ width: 100%; overflow: hidden; line-height: 24px;}
	.gzdt_list li span{ line-height: 20px;}
	
	.slideTxtBox{ margin-top: 15px;}
	.slideTxtBox .hd{ background: #346098; height: auto;}
	.slideTxtBox .hd ul li{ width: 24.5%; line-height: 30px; font-size: 16px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; overflow: hidden; white-space: nowrap;}
	.slideTxtBox .hd ul li:nth-child(4),.slideTxtBox .hd ul li:nth-child(8){border-right: none;}
	.slideTxtBox .hd ul li.on{ background: #062348;}
	.slideTxtBox .bd{ height: auto;}
	.child_chnl{ height: auto !important; line-height: 26px; white-space: normal; width: 100%;}
	.child_chnl a{ padding: 0 2px;}
	.slideTxtBox .bd ul li{ height: auto !important; border-bottom: 1px solid #666; padding: 5px 0 10px 0; }
	.slideTxtBox .bd ul li:first-child{ border-bottom: none;}
	.left_info{ float: none; height: auto; width: 100%;}
	.left_info a{ display: none;}
	.left_info .time{ background:url(jczwgk_cp_clock.png) left center no-repeat; height: 30px; line-height: 30px; font-size: 14px; text-indent: 20px;}
	.right_info{ width: 100%; margin: 0; float: none;}
	.right_info h2{ padding-top: 0; line-height: 24px; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.right_info p{ line-height: 20px;}
	
	.footer{ height: auto; padding: 10px 0;}
	
}

@media screen and (max-width:400px){
	html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
	body {font-size: 1.2rem;/*1.4 × 10px = 14px */}

	.top{ height: 130px; background-size: 170%;}
	.nav li a{ font-size: 1.2em;}
	.ssfa h2{ font-size: 1.6em;}
	.ssfa p{ font-size: 1.2em; line-height: 24px;}
	.gzdt_tit h2{ font-size: 1.6em;}
	.gzdt_tit .gzdt_more{ font-size: 1.2em;}
	.gzdt_list li h2 a{ font-size: 1.2em;}
	.gzdt_list li p{ font-size: 1em;}
	.slideTxtBox .hd ul li{ font-size: 1em;}
	.child_chnl a{ font-size: 10px;}
	.left_info .time,.right_info p{ font-size: 1em;}
	.right_info h2 a{ font-size: 1.2em;}
	.footer p{ font-size: 1.2em;}
}