@charset "utf-8";
/*****
*怀化市政府集约化建设子站公共样式文件
*@crtime:2021年01月18日10:00
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:李健平
*@modifyLog: what when who
**/

/* 市政府页面 */
.fy_content { width: 100%; height: auto;background: #f7f7f7;}
.ld_content { width: 100%;max-width: 1000px;margin:0 auto;box-sizing: border-box;}
.ld_box {min-height:424px; padding:0 20px 25px 20px;}

.ld_title { position: relative; z-index: 99;}
.ld_title .title { height:74px; box-sizing: border-box;line-height: 74px;}
.ld_title .title a {color:#006eab; font-size:20px;font-weight: bold;height:74px; display: inline-block;}

.ld_article {width:370px; box-sizing: border-box;padding-right: 40px;float: left;}
.ld_article .ld_img {display: block;margin:0 auto; width:150px;}
.ld_article .ld_img img {width:150px;height:180px; display: block;padding: 10px;box-sizing: border-box;border: 1px solid #d1d0d0;}
.ld_img_article { float: right; width:100%;text-align: center;}
.ld_img_article h2 {font-size: 20px; color: #1f1f1f; line-height: 20px; padding-top: 20px;font-weight: bold;}
.ld_img_article .ld_jl { font-size: 16px; line-height: 28px; padding-top:10px; color: #333333;}
.ld_fg { padding-top:30px; width: 100%; float: left;}
.ld_fg span {background: #006eab;padding:7px 18px 7px 18px;color: #FFFFFF;border-radius:5px; font-size: 15px; display: inline-block;}
.ld_fg  p { font-size: 16px; line-height:24px;text-indent: 24px; padding: 15px 0; color: #333;}

.ld_list {float: right;width:630px}
.ld_list li {float: left;margin-bottom:44px;margin-right:10px;}
.ld_list li:nth-child(5n) { margin-right: 0;}
.ld_list li a {width:118px;display: block;}
.ld_list li a img { width: 118px;height:150px;border: 1px solid #d1d0d0; display: block;padding: 7px; box-sizing: border-box;}
.ld_list li a span { font-size: 16px; line-height:16px; color: #333; padding-top:15px; display: block; text-align: center; border-radius: 4px; overflow: hidden;}
.ld_list li a:hover span { color:#10568a;}

.xzf_box {padding: 30px 0 0;}

.szf_zfbg { width: 382px; float: right;}
.zfgzbg_box {width:100%;position: relative;overflow: hidden;height: 170px;}
.zfgzbg_box .title a {font-size: 20px; color: #1a69ad; font-weight: bold;}
.zfgzbg_list .hd  {position: absolute; right:0; bottom:0px; height: 6px;}
.zfgzbg_list .hd ul {display:inline-block;font-size:0; vertical-align:top;}
.zfgzbg_list .hd ul li { display:inline-block; width:30px; height:6px;background:#cfcfcf; margin-left:10px;vertical-align:top; overflow:hidden; border-radius:10px;}
.zfgzbg_list .hd ul li.on { background: #1a69ad;}
.zfgzbg_list .bd li { width: 120px; height: 150px; margin-left: 11px; background: #1A69AC; text-align: center;box-sizing: border-box;position: relative;}
.zfgzbg_list .bd li a {display: block; height: 150px;}
.zfgzbg_list .bd li a:hover {opacity: 0.8;}
.zfgzbg_list .bd li a p {font-size: 15px;font-weight: bold; color: #fff; line-height: 22px;padding-top:18px;}
.zfgzbg_list .bd li a span { width:86%; height: 40px; background: #fff; display: block; text-align: center;line-height: 40px; color: #5188b8;font-size: 24px;position: absolute;bottom:10px;left:7%;}

.zfjg_box {width:100%;margin-top:25px;}
.zfjg_box a {display: inline-block;width: 49%;}
.zfjg_box a img { width: 100%; height: auto; display: block;max-width: 380px; margin: 0 auto;}
.zfjg_box a:hover { opacity: 0.8;}

.xzf_list { float: left; width:588px; }
.tab_list .hd { height: 40px; line-height: 40px; position: relative; z-index: 99;background: #eee;overflow: hidden;}
.tab_list .hd ul li { float: left; text-align: center; }
.tab_list .hd ul li:last-child {margin-right: 0;}
.tab_list .hd ul li a { color: #565656; font-size:18px; text-align: center; display: inline-block;padding: 0 15px;}
.tab_list .hd ul .on a {color:#fff;background: #006eab;}
.tab_list .bd ul { padding:16px 0 16px 0; box-sizing: border-box; float: left; position: relative; width: 100%;}
.tab_list .bd ul li { line-height:32px;}
.tab_list .bd ul li a { float: left; width:80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-size: 15px;padding-left: 15px;background: url(../images/point_20.jpg) left center no-repeat; box-sizing: border-box;}
.tab_list .bd ul li span { float: right; font-size: 15px; color: #666;}
.tab_list .bd ul li a:hover { color:#10568a;}


@media screen and (max-width:959px){	
	/* 市政府页面 */
	.ld_content { padding:0; margin:0 10px;width: auto;}
	.zfgzbg_box,.zfjg_box,.ld_article { width: 100%; ;}
	.xzf_list { width: 100%;box-sizing: border-box;}
	.tab_list .bd ul li a {font-size: 14px;background: none;padding-left: 0;}
	.tab_list .bd ul {display: table-cell !important;}
	.ld_title { padding-top: 0;}
	.ld_title .title {height: 48px;line-height: 48px;}
	.ld_title .title a {font-size: 18px;}
	.ld_box { padding-bottom: 20px;}
	.ld_list { width: 100%; margin-left: 0;}
	.ld_list li { width: 50%; margin-right: 0; margin-bottom:25px;}
	.ld_list li a { margin: 0 auto;}
	.ld_list li a span {font-size: 16px;}
	
	.szf_zfbg {padding:10px;width: 100%; box-sizing: border-box;}
	.zfgzbg_box .zfgzbg_list { width: 100%; margin:0;}
	.zfgzbg_list .bd {overflow: hidden;}
	.zfgzbg_list .bd li {width: 30%; margin-left: 0;margin-right:14px;}
	.zfgzbg_list .bd li:last-child {margin-right: 0;}
	
}