@charset "UTF-8";
/* CSS Document */
html{ height:100%;}
body{ font-family:"microsoft yahei"; background:#FFF; font-size:16px; background:#fcfcf4; overflow-x:hidden;}
#wrap{ width:100%; }
*{ padding:0; margin:0; border:0; list-style:none; }

input, input:focus, button, button:focus { outline: none !important;}
input[required]:invalid, input:focus:invalid, textarea[required]:invalid, textarea:focus:invalid{box-shadow: none;}

a,a:hover{ text-decoration:none; cursor:pointer;}


/*头部*/
.supervision_header{ width:100%; height:243px; background:#FFF;}
.header_top{ width:1190px; height:194px; margin:0 auto; position:relative;}
.header_function{ width:100%; height:44px;}
.function_left{ float:left; height:44px;}
.function_left li{ float:left; line-height:44px; padding-left:10px;}
.function_left li a{ color:#000;}
.function_left li a:hover{ color:#1a5388;}
.function_left li span{ padding-left:10px;}
.function_left li span img{ vertical-align:-2px;}
.function_right{ float:right; height:44px;}
.function_right li{ float:left; line-height:44px; padding:0px 10px; cursor:pointer;}
.function_right li a{ color:#000;}
.function_right li a:hover{ color:#1a5388;}
.function_right li img{ vertical-align:-4px; padding-right:5px;}

#mydiv1{ width:87px; height:114px; position:absolute; top:40px !important; right:100px; left:inherit !important; background:white; display: none;}
#mydiv2{ width:87px; height:114px; position:absolute; top:40px !important; right:0; left:inherit !important; background:white; display: none;}


/*logo*/
.header_logo{ width:100%; margin-top: 15px;}
.header_logo div img{ width:100%;}
.logo1{ width:690px; float:left;}
.logo2{ width:490px; float:right;}

/*导航*/
.header_bottom{ width:100%; height:49px; background:url(header_navbg.gif) repeat-x top;}
.header_nav{ width:1190px; height:49px; margin:0 auto;}
.header_nav ul{ height:49px; float:left;}
.header_nav li{ line-height:49px; float:left; padding:0px 20px; border-right:4px #FFF solid;}
.header_nav li a{ color:#FFF; font-weight:bolder; font-size:22px;}

.header_input{ width:187px; height:25px; float:left; margin:12px 0px 0px 17px; position:relative;}
.header_text{ width:150px; height:21px; line-height:21px; border-radius:12px; padding-left:10px; padding-right:21px; background:#d9e6f0; border:2px #c4c4c4 solid; font-size:14px;}
.header_button{ width:20px; height:20px; position:absolute; top:3px; right:5px; border-radius:50%; background:url(header_buttonbg.png) no-repeat; cursor:pointer;}


/*内容*/
.supervision_contents{ width:1180px; margin:0 auto; clear:both; overflow:hidden;}
.cont_news{ width:100%; height:130px; margin:15px 0px;}
.cont_row{ width:100%; clear:both; overflow:hidden; margin-bottom:20px;}
.left_focus{ width:463px; float:left;}
.right_focus{ width:700px; float:right;}

/*焦点图1*/
#fsD1{ position:relative; width:100%; height:130px; background:url(ttxwbg.jpg) repeat-x;} 
#fsD1 .ttxw{ width:102px; height:99px; position:absolute; top:11px; left:10px; z-index:999;} 
#fsD1 .ttxw img{ width:100%; height:auto;}

#fsD1 .fPic{ position:absolute; left:130px; top:0px;}
#fsD1 .fcon{ position:relative;width:1030px;float:left; display:none;}
#fsD1 .fcon img{ display:block;}
#fsD1 .fcon_tit{ margin-top:10px;}
#fsD1 .shadow{ width:100%; height:46px; line-height:23px; z-index:10; text-align:left; text-indent:2em; margin-top:10px;word-break: break-all;overflow: hidden !important; text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: inline-block;}  
#fsD1 .shadow a{text-decoration:none; color:#333333; font-size:16px; font-weight:bolder; overflow:hidden;}  
#fsD1 .fbg div{ display:none;}    

/*通用标题*/
.supervision_title{ width:100%; height:38px; background:#ececec;}
.supervision_title .title_col{ width:10px; height:38px; background:#a60505; float:left;}
.supervision_title h2{ line-height:38px; padding-left:15px; color:#a60505; float:left; font-size:26px;}
.supervision_title .title_more{ width:13px; height:22px; float:right; margin:7px 13px 0px 0px;}

.supervision_title2{ width:100%; height:30px; background:#ececec; border-bottom:2px #a60505 solid;}
.supervision_title2 h2{ line-height:30px; padding-left:15px; color:#a60505; float:left; font-size:20px;}
.supervision_title2 .title_more{ width:11px; height:19px; float:right; margin:3px 7px 0px 0px;}


/*要闻*/
.focus_news{ width:100%; height:680px;}
.focus_news ul{ height:660px; padding:20px 20px 0px 20px;}
.focus_news ul li{ width:97%; line-height:36px; padding-left:3%; font-size:18px; background:url(libg.gif) no-repeat left 12px;}
.focus_news ul li a{ width:100%; color:#000;}
.focus_news ul li a:hover{ color:#1a5388;}
.focus_news ul .li_special{ width:100%; height:auto; line-height:36px; padding-left:0px; background:none; font-size:24px; font-weight:bolder; margin-bottom:17px; overflow: inherit; text-overflow: inherit; white-space: inherit;}
.focus_news ul .li_special a{ color:#16528a;}

/*焦点图2*/
#fsD2{ position:relative; width:100%; height:390px; background-color:#FFF; margin-bottom:20px;}  
#fsD2 .slider { width:100%; height:390px; position:relative; overflow:hidden;}
#fsD2 .sliderbox{ _position:absolute; height:380px !important;}
#fsD2 .slider .tit{ width:90%; padding:0px 5%; text-align:center; color:#FFF; position:absolute; bottom:4px; left:0px; z-index:10; height:70px;line-height:70px; background:rgba(0,0,0,0.6); font-size:18px; 
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9; display:block;}
#fsD2 *+html .slider .tit{ background:#000;}
#fsD2 .slider .num{ width:100%; bottom:2px; left:0px; position:absolute; text-align:center; z-index:200;}
#fsD2 .slider .num li { position:relative;display:inline;width:19%; height:5px; margin:0 0.5%;color:#B0B0B0;font-size:0px ;text-decoration:none;text-align:center;outline:0;float:left;background:#ede5d6;}
#fsD2 *+html .slider .num{ margin-left:-50px;}
#fsD2 *+html .slider .num li{ float:left;}

#fsD2 .slider .num li.on { background: #fc114a; }
#fsD2 .slider .prev,.slider .next { display:block !important; position:absolute; top: 85px; width:40px; height:74px; background: url(focus_btn.png) no-repeat;}
#fsD2 .slider .prev { top:50%; margin-top:-37px; left:0; background-position:0 -74px; cursor:pointer;}
#fsD2 .slider .next { top:50%; margin-top:-37px; right:0; background-position:-40px -74px; cursor:pointer;}
#fsD2 .slider .prev:hover { background-position:0 0;}
#fsD2 .slider .next:hover { background-position:-40px 0;}


/*专题*/
.focus_special{ width:100%; margin-top:20px;}
.special_lef{ width:49%; height:116px; float:left;}
.special_rig{ width:49%; height:116px; float:right;}
.special_lef img,.special_rig img{ width:100%;}
.special_cen{ width:100%; height:115px; margin-top:20px; float:left;}

/*焦点图3*/
#fsD3{position:relative;width:100%;height:114px;background-color:#000;}  
.special_cen2 .slider { width:100%; height:114px; position:relative; overflow:hidden;}
.special_cen2 .slider .num{ overflow:hidden; width:90px; position: absolute; z-index:3; bottom:0px; left:50%; margin-left:-45px; _margin-left:-50px; zoom:1;}
.special_cen2 .slider .num li { width:8px; height:8px; line-height: 10px; text-align: center; color: #FFFFFF; background:#B0B0B0; margin:0 5px; border-radius:50%; cursor:pointer; display:inline-block; text-indent:-999em; _float:left;}
.special_cen2 *+html .slider .num{ margin-left:-50px;}
.special_cen2 *+html .slider .num li{ float:left;}
.special_cen2 .sliderbox{ _position:absolute;}
.special_cen2 .slider .num li.on { background: #fc114a;}













.guide{ width:66%; height:118px; background:#f3f3fc url(guide_bg.jpg) no-repeat top right; border:1px #fdca98 solid; position:relative; float:left;}
.guide_bg2{ width:125px; height:118px; position:absolute; top:0px; left:0px;}
.guide_ul{ border-right:1px #c7dddb solid; z-index:999; margin-top:27px; margin-left:140px; margin-right:50px; float:left;}
.guide_ul li , .guide_ul2 li{ padding-left:15px; line-height:25px; margin-bottom:15px; background:url(libg.gif) no-repeat left 10px; padding-right:50px; font-size:18px;}
.guide_ul li a , .guide_ul2 li a{ color:#000;}
.guide_ul li a:hover , .guide_ul2 li a:hover{ color:#1a5388;}
.mb0{ margin-bottom:0px !important;}
.guide_ul2{ z-index:999; margin-top:27px; float:left;}

.record{ width:33.6%; height:118px; background:#e9f5f9 url(record_bg.jpg) no-repeat top right; border:1px #fdca98 solid; border-left:0px; float:left;}
.guide_ul3{ margin-left:100px; margin-right:0px; border-right:0px;}


.month{ width:24.9%; height:72px; float:left; border:1px #fdca98 solid; background:#f6e9ea url(month_bg.jpg) no-repeat top left;}
.message{ width:24.9%; height:72px; float:left; border:1px #fdca98 solid; border-left:0px; background:#ecdfd6 url(message_bg.jpg) no-repeat top left;}
.online{ width:24.8%; height:72px; float:left; border:1px #fdca98 solid; border-left:0px; background:#fbf7f0 url(online_bg.jpg) no-repeat top right;}
.media{ width:24.8%; height:72px; float:left; border:1px #fdca98 solid; border-left:0px; background:#f2f9fb url(media_bg.jpg) no-repeat top right;}
.special_tit{ line-height:72px; text-align:center; display:block; font-size:18px;}
.special_tit a{ padding:0px 15px; color:#000; background:url(libg.gif) no-repeat left 10px; text-align:center;}
.special_tit a:hover{ color:#1a5388;}

/*工作动态*/
.work_dynamics{ width:100%; clear:both; overflow:hidden;}
.col3{ width:32.6666%; float:left; margin-top:10px; margin-right:1%;}
.mr0{ margin-right:0px !important;}

.supervision_picture{ width:100%; height:195px; background:#5d5d5d; position:relative; overflow:hidden;}
.supervision_picture a img{ display:block; margin:0 auto;}
.supervision_picture span{ width:100%; height:24px; line-height:24px; color:#FFF; font-size:16px; text-align:center; position:absolute; bottom:0px; background:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9; z-index:999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.picture_news{ width:90%; margin:0 auto; margin-top:10px;}
.picture_news li{ width:97%; height:26px; line-height:26px; margin-bottom:7px; padding-left:3%; font-size:18px; background:url(libg.gif) no-repeat left 12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.picture_news li a{ color:#000;}
.picture_news li a:hover{ color:#1a5388;}

.mb10{ margin-bottom:10px;}


.supervision_dl{ margin:10px;}
.supervision_dl:hover dd{ color:#1a5388;}
.supervision_dl dt{ width:100%; overflow:hidden;}
.supervision_dl dt img{ display:block; margin:0 auto;}
.supervision_dl dd{ width:100%; text-align:center; margin-top:5px; font-size:18px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.supervision_ul{ margin:10px;}
.supervision_ul li{ width:49%; float:left; overflow:hidden; margin-right:2%;}
.supervision_ul li:hover p{ color:#1a5388;}
.supervision_ul li span img{ display:block; margin:0 auto;}
.supervision_ul li p{ text-align:center; color:#000; margin-top:5px; font-size:18px;}


.supervision_ico{ width:920px; margin:20px auto;}
.supervision_ico li{ margin:0px 13px; float:left;}


.supervision_title3{ width:100%; height:28px; background:#e5e5e5;}
/*TAB*/
.wcy-tab{ width:50%; float:left;}
.currency_tab{ width:55%; height:28px; float:left; clear:both; overflow:hidden;}
.currency_tab li{ width:33.3%; height:28px; line-height:28px; float:left; text-align:center; font-size:18px;}
.currency_tab li a{ color:#000;}
.tab-active{ background:#a60505;}
.tab-active a{ color:#FFF !important;}
.wcy-contentx{ width:100%; margin:0 auto; margin-top:10px;}
.wcy-contentx ul li{ width:14.28%; line-height:26px; float:left; font-size:18px;}
.wcy-contentx ul li a{ color:#000;}
.wcy-contentx ul li a:hover{ color:#1a5388;}
.wcy-contentx ul li span{ float:right; color:#888888;}


/*底部*/
.supervision_footer{ width:100%; height:103px; margin-top:20px; background:#423f3f;}
.supervision_footer dl{ width:500px; margin:0 auto; padding-top:15px;}
.supervision_footer dl dt{ width:69px; height:78px; float:left;}
.supervision_footer dl dd{ width:410px; float:left; margin-left:10px; margin-top:10px; text-align:center; color:#FFF;}


@media screen and (max-width:1366px) {
	#mydiv1{ right:95px !important; top:40px !important; left:inherit !important;}
	#mydiv2{ right:0px !important; top:40px !important; left:inherit !important;}
	}

@media screen and (max-width:1024px) {
	.header_top{ width:960px;}
	.logo1{ width:560px;}
	.logo2{ width:390px;}
	
	.header_nav{ width:960px;}
	.header_nav li{ padding:0px 10px;}
	.header_nav li a{ font-size:20px;}
	
	.supervision_contents{ width:960px;}
	#fsD1 .fcon{ width:810px;}
	#fsD1 .fcon img{ width:80%; margin:0 auto;}
	#fsD1 .fcon_tit{ margin-top:20px;}
	
	.left_focus{ width:350px;}
	.right_focus{ width:600px;}
	/*.disappear{ display:none;}*/
	
	/*.guide{ width:666px;}
	.record{ width:290px;}*/
	.guide_ul{ margin-left:110px; margin-right:40px;}
	.guide_ul li, .guide_ul2 li{ padding-right:40px;}
	.guide_ul3{ margin-left:70px; margin-right:0px;}
	
	/*.month{ width:239px;}
	.message{ width:239px;}
	.online{ width:238px;}
	.media{ width:238px;}*/
	
	}