@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, div, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
	list-style:none;

}
html {
	color: #333;
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;
}
body, button, input, select, textarea {
	font-size: 16px;
	font-family: '微软雅黑', '宋体';
}
a { color:#333;
	text-decoration: none;
	}
body{
	 max-width:768px;
    	margin: 0 auto;}
html,body{ height:100%;background-color:#FFFFFF;}
.clear{ clear:both} 
img{ border:none;}
.main{ width:96%; margin:0 2% 2% 2%;}
.main1{ width:96%; padding:0 2% 2% 2%; background:url(catalog_bg.png) top center no-repeat; background-size:100%;}
.mart10{ margin-top:20px;}
/*列表头部*/
.header_bg{ width:100%; text-align:center;  position:relative; background:url(header_bg.png) top center no-repeat; background-size:100% 100px;}
.head { height:100px; font-size:40px; line-height:100px;}
.head .back{position: absolute;left: 20px; line-height:95px;}
.head .back a{color:#fff;font-weight:bold; font-family: '宋体'; font-size:50px;  display:block; width:50px;}
.head .back img{ vertical-align:middle}
.head .site_title {color:#fff;font-weight: normal; font-size:40px; letter-spacing:1px; height:auto;}

.catalog{width:94%; padding:3% 3% 0% 3% ;position:relative;  background:url(catalog_bg.png) top center no-repeat; background-size:100%; height:auto;}
.catalog img { width:100%; height:auto; position:relative;}
.catalog .catalog_title {color:#ec0404;font-weight: normal; font-size:40px; letter-spacing:2px; font-weight:bold;  position: absolute;left: 8%; top:35%;text-shadow: 0 0 10px #ffffff, 0 0 10px #ffffff;}
/*首页*/
.ind_banner{width:100%; margin:0 auto;}
.ind_banner img{ width:100%}
.ind_banner1{ padding-top:2%;}
.ind_banner1 img{ width:100%}
.ind_title em{ display:inline-block; width:6px; height:24px; background-color:#f35b5d; margin-right:10px; border-radius:3px; vertical-align:middle;}
.ind_title .title{ color:#333333; font-weight:bold; font-size:22px;vertical-align:middle;}
.ind_title .more{ color:#999; vertical-align:middle;font-size:16px; float:right;}

.ind_list{ width:100%; margin:0 auto;}
.ind_list ul a{ display:block; line-height:22px;}
.ind_list ul li{height:70px; display:table; width:100%;}
.ind_list ul li.border{border-bottom:1px #e6e6e6 solid;}
.ind_list ul li .img{ display:table-cell; vertical-align:middle; width:45px; padding-left:5px;}
.ind_list ul li .img img { display:table-cell; vertical-align:middle; }
.ind_list ul li .title{ display:table-cell; vertical-align:middle;text-align:left; padding-top:8px; font-size:16px;}
.ind_list ul li .date{ font-size:14px; color:#999999; padding-bottom:3px;}

.ind_dqh { margin:0 auto;}
.ind_dqh ul { font-size:0px;}
.ind_dqh ul li{width:33%; display:inline-table; text-align:center; vertical-align:top;padding-top:45px;}
.ind_dqh ul li p{height:60px; font-size:20px; line-height:28px;}

/*首页*/

.tz_list{ width:100%; margin:0 auto;}
.slide{ margin:0 auto;margin-top:18px;margin-bottom:18px; text-align:center; width:94%;}
.article_list li{ padding-top:15px;padding-bottom:15px; border-bottom:1px #bfbfbf solid; padding-left:18px; padding-right:18px;}
.article_list li a{ font-size:16px; color:#333333; text-decoration:none; line-height:22px;}
.tz_list .date{ color:#a1a1a1; display:block; white-space:nowrap; font-size:14px;}
.date1{ color:#999999; white-space:nowrap; font-size:12px;}

.footer span{ text-decoration:none;}
.slide_title{ width:100%; height:30px; position:absolute; background:#1a56a8; z-index:1000; bottom:0px; left:0px; line-height:30px; color:#FFFFFF; font-size:15px; text-indent:8px;}
.three{ width:100%;background:white; margin-bottom:10px;color:#1a56a8;color:#e4e4e4; }
.three ul{ width:96%; margin:0 auto;}
.three ul a{ display:block; line-height:22px;}
.three ul li{height:70px; display:table; width:100%; padding-top:3px;}
.three ul li.border{border-bottom:1px #e6e6e6 solid;}
.three ul li .img{ display:table-cell; vertical-align:middle; width:45px;}
.three ul li .img img {display:table-cell; vertical-align:middle; }
.three ul li .title{ display:table-cell; vertical-align:middle; padding-left:8px; padding-right:8px; text-align:left;}
.three ul li .title1{ display:table-cell; vertical-align:middle; text-align:left; line-height:61px; width:50%;}
.three ul li .title1 .txt{width:80%; height:30px; color:#ff6600; line-height:30px;text-align:center; border:1px #ff6600 solid;font-size:15px;cursor:pointer;}
.three ul li .title1 .active{ background:#ff6600;color:#FFFFFF;}
.article_list1 a{ font-size:16px; color:#333333; text-decoration:none; line-height:22px;}
/*人才库*/
.article_rck ul li{border:solid 1px #ec5d4e; margin-top:15px; border-left:0px;border-right:0px; background-color:#f8f8f8; padding:2%; font-size:16px; line-height:24px;}
.article_rck .span50 { display:inline-block; width:49%; padding-bottom:5px;}
.article_rck .span100 { display:block; width:100%; padding-bottom:5px;}
.page{width:80%; height:50px; margin:0 auto; line-height:50px; text-align:center;}
.border_b{ border-bottom:1px #bfbfbf solid;}
.border_t{ border-top:1px #FFF solid;}
.detail{ width:100%; background-color:#f5f5f5; padding-bottom:20px;}
.detail_bg{ width:100%; background:url(xmtdc_wx_detail_bg.jpg) top center repeat-x;}
.detail_content{width:94%; margin:0 auto;}
.d_title{font-size:20px;color:#333333;line-height:30px;text-align:left;padding-top:10px;font-weight: bold;}
.d_date{ font-size:14px; color:#999999; line-height:22px; text-align:left; }
.d_date span{ font-size:14px; color:#0066FF; line-height:22px; float:left; padding-right:15px; }
.line { border-bottom:1px solid #cccccc}
.d_txt{ font-size:18px; color:#333333; line-height:30px;}
.d_txt img{width: 100% !important;height: auto !important;}
.d_txt div{ margin-bottom:10px;}
.d_txt p{ margin-bottom:10px;}
.d_txt {border-collapse: collapse;margin: 0 auto;width:100%;}
.d_txt table td{border:1px solid #9f9f9f;padding:5px;}
.borderb3{border-top:1px #c4c4c4 solid;border-bottom:1px #c4c4c4 solid; height:10px;}
/* 办事指南 */
/*图片列表*/
.list_pic ul { font-size:0px;}
.list_pic ul li{position: relative; display:inline-block; width:50%; text-align:center; height:300px; overflow:hidden; vertical-align:middle}
.list_pic ul li .pic{ position:absolute; top:0; right:0; bottom:0; left:0; height:300px; border:double 3px #cccccc; width:90%; overflow:hidden;}
.list_pic ul li img{position: relative; width:100%;vertical-align:middle;}
/*栏目列表*/
.channel_list ul li{ display:block; float: left; position:relative;width:30%; background-color:#f5f5f5;  text-align:center; margin:1%; line-height:80px;}

.footer_wrap{
    position: fixed;
    bottom: 0;
	width:100%;
    max-width: 768px;
	height:58px;
	background-color:#ffffff;
	-moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
	box-shadow: 0px 0px 3px #005aa0;
}
.footer_tabbar {position: absolute; width:100%;}
.footer_tabbar_item{display:inline-block; position:relative; width:32%; text-align:center; padding:5px 0;}
.footer_tabbar_item i {position: relative; display:block; height:27px; width:27px;  margin:0 auto; }
.footer_tabbar_item .ico_gk { background:url(ico_gk.png) center center no-repeat; background-size:100%}
.footer_tabbar_item .on .ico_gk { background:url(ico_gk_on.png) center center no-repeat; background-size:100%}
.footer_tabbar_item .on {color:#009bfb}
.footer_tabbar_item .ico_dj { background:url(ico_dj.png) center center no-repeat; background-size:100%}
.footer_tabbar_item .on .ico_dj { background:url(ico_dj_on.png) center center no-repeat; background-size:100%}
.footer_tabbar_item .ico_hy { background:url(ico_hy.png) center center no-repeat; background-size:100%}
.footer_tabbar_item .on .ico_hy { background:url(ico_hy_on.png) center center no-repeat; background-size:100%}

/* CSS Document */

@media screen and (max-width: 550px) {
.header_bg{background-size:100% 80px;}
.head { height:80px; line-height:75px;}
.head .back{line-height:75px;}
.head .back a{ font-size:36px; }
.head .back img { width:80%}
.head .site_title {font-size:32px;}
.catalog .catalog_title {font-size:32px; }
.ind_dqh ul li{padding-top:35px;}
.ind_dqh ul li img{ width:100px;}
.ind_dqh ul li p{height:50px; font-size:18px; line-height:24px;}
}
@media screen and (max-width: 450px) {
.header_bg{background-size:100% 50px;}
.head { height:50px; line-height:45px;}
.head .back{line-height:45px;}
.head .back a{ font-size:28px; }
.head .back img { width:36px}
.head .site_title {font-size:24px;}
.catalog .catalog_title {font-size:28px; }
.ind_dqh ul li{padding-top:25px;}
.ind_dqh ul li img{ width:65px;}
.ind_dqh ul li p{height:50px; font-size:16px; line-height:24px;}
}
@media screen and (max-width: 350px) {
.header_bg{background-size:100% 50px;}
.head { height:50px; line-height:45px;}
.head .back{line-height:45px;}
.head .back a{ font-size:24px; }
.head .site_title {font-size:20px;}
.catalog .catalog_title {font-size:24px; }
.ind_dqh ul li{padding-top:20px;}
.ind_dqh ul li img{ width:50px;}
.ind_dqh ul li p{height:42px; font-size:14px; line-height:20px;}
}






















