/***************首页***************/
.header{
	height: 150px;
	background: url("../images/header-bg.jpg") no-repeat right top;
}

.header-wrap{
	width: 1200px;
	margin:0 auto;
	overflow:hidden;
}

.header-wrap p{
	float: left;
	line-height: 150px;
	font-size: 30px;
	color: #ab0008;
	font-weight: bold;
}

.header-wrap .input-wrap{

	margin-top: 86px;
}

.header-wrap .input-wrap input{
	width: 154px;
	height: 21px;
	line-height: 21px;
	border:none;
	margin: 5px 5px;
	color:#a8a8a8;
	padding-left: 10px;
	padding-right: 10px;
	font-family: "Microsoft Yahei";
}

.nav{
	background: url("../images/nav-bg.gif") repeat-x;
	height: 107px;
}

.nav ul{
	background: url("../images/nav.gif") no-repeat;
	height:107px;
	width: 1200px;
	margin:0 auto;
}

.nav ul li{
	width: 100px;
	float: left;
	text-align: center;
	background: url("../images/nav-icon1.gif") no-repeat right 5px;
}

.nav ul li.last{
	background: none;
}

.nav ul li a{
	font-size: 15px;
	color: #fff;
	line-height: 107px;
	display: block;
}

/*.nav ul li a:hover{
	background: #3a0100;
}*/

.nav ul li a.long{
	line-height: 28px;
	padding-top: 22px;
	height: 85px;
}

.banner{
	/*为了让IE8兼容css3的新属性background-size,使用滤镜filter,url和src的属性值必须是全路径,相对路径无效*/
	background: url("file:///F:/XCL2016/甘肃地方史志网/images/banner.jpg") no-repeat;
    max-width: 100%;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='file:///F:/XCL2016/甘肃地方史志网/images/banner.jpg',sizingMethod='scale')
}

.banner-wrap{
	width: 1200px;
	margin:0 auto;
	overflow: hidden;
	position: relative;
}

.banner-wrap .carousel{
	background: url("../images/banner-icon1.png") no-repeat;
	float: left;
	width: 360px;
	height: 360px;
	margin:40px;
	overflow: hidden;
	position: relative;
}

.banner-wrap .carousel a{
	display: block;
	float: left;
	position: absolute;
	opacity: 0;
	z-index: 1;
}

.banner-wrap .carousel a.checked{
	opacity: 1;
    z-index: 2;
}

.banner-wrap .carousel a img{
	border-radius: 50%;
    width: 330px;
    height: 330px;
    margin: 19px 10px;
    display: block;
}

.banner-wrap .circle{
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -50px;
}

.banner-wrap .circle span{
	display: block;
	float: left;
	background: url("../images/banner-icon2.png") no-repeat;
	width: 15px;
	height: 15px;
	margin-right: 10px;
	cursor: pointer;
}

.banner-wrap .circle span:hover,
.banner-wrap .circle span.checked{
	background: url("../images/banner-icon3.png") no-repeat;
}

.banner-wrap .map{
	float: right;
	width: 584px;
	height: 360px;
	margin: 40px;
}

.banner-wrap .gansu{
	background: url("../images/gansu.png") no-repeat;
    width: 240px;
    height: 284px;
    position: absolute;
    left: 460px;
    top: 100px;
}

.body{
	width: 1200px;
	margin:0 auto;
}

.content-wrap{
	overflow:hidden;
}

.content-wrap .content{
	width: 575px;
	float: left;
}

.content-wrap .w100{
	width: 100%;
}
.content-wrap .content .title{
	height:80px;
	background: url("../images/content-icon1.gif") repeat-x left bottom;
}
.content-wrap .mr50{
	margin-right:50px;
}

.content-wrap .content .title p{
	width: 440px;
	height: 44px;
	margin-top: 22px;
	float: left;
}
.content-wrap .content .title .p1{
	background: url("../images/font1.png") no-repeat;
	
}

.content-wrap .content .title .p2{
	background: url("../images/font2.png") no-repeat;
}

.content-wrap .content .title .p3{
	background: url("../images/font3.png") no-repeat;
	
}

.content-wrap .content .title .p4{
	background: url("../images/font4.png") no-repeat;
}

.content-wrap .content .title .p5{
	background: url("../images/font5.png") no-repeat;
	
}

.content-wrap .content .title .p6{
	background: url("../images/font6.png") no-repeat;
}

.content-wrap .content .title .p7{
	background: url("../images/font7.png") no-repeat;
	
}

.content-wrap .content .title .p8{
	background: url("../images/font8.png") no-repeat;
}

.content-wrap .content .title .p9{
	background: url("../images/font9.png") no-repeat;
}

.content-wrap .content .title .p10{
	background: url("../images/font10.png") no-repeat;
}

.content-wrap .content .title .p11{
	background: url("../images/font11.png") no-repeat;
}

.content-wrap .content .title .p12{
	background: url("../images/font12.png") no-repeat;
}


.content-wrap .content .title a{
	font-size: 16px;
	float: right;
	margin-top: 44px;
}

.content-wrap .content .pics{
	background: #f9e6d2;
	margin-top: 15px;
	overflow: hidden;
}

/*.content-wrap .content .h286{
	height: 286px;
}*/

.content-wrap .content .pics .pic-wrap{
	width: 46%;
	margin:2%;
	display: block;
}

.content-wrap .content .pics .w31{
	width: 31%;
	margin:2% 1%;
}

.content-wrap .content .pics .single-pic{
	border:2px solid #953430;
}

.content-wrap .content .pics .single-pic img{
	width: 93%;
	margin:4%;
	display: block;
}

.content-wrap .content .pics .pic-wrap p{
	text-align: center;
	font-size: 16px;
	color: #000;
	line-height: 30px;
}

.content-wrap .content .pics .pic-wrap p.border{
	border:2px solid #953430;
	border-top:none;
}

.content-wrap .content ul.area{
	overflow: hidden;
	margin-top: 20px;
	margin-left: 8px;
}

.content-wrap .content ul.area a{
	display: block;
	width: 160px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	background: url("../images/content-icon2.gif") no-repeat;
	float: left;
	margin-right: 10px;
	font-size: 16px;
	margin-bottom: 10px;
}

.content-wrap .content ul.link{
	overflow: hidden;
	margin-top: 20px;
	margin-left: 8px;
}

.content-wrap .content ul.link a{
	display: block;
	width: 220px;
	height: 84px;
	text-align: center;
	line-height: 84px;
	background: url("../images/content-icon3.gif") no-repeat;
	float: left;
	margin-right: 18px;
	font-size: 16px;
}

.footer{
	background: #f0ddca;
	margin-top: 30px;
}
.footer-wrap{
	padding-top: 20px;
	height: 80px;
	width: 1200px;
	text-align: center;
	margin: 0 auto;
	position: relative;
}
.footer .footer-wrap p{
	line-height: 30px;
	font-size: 14px;
}
.footer .footer-wrap img{
	position: absolute;
	right: 18px;
	top: -20px;
}

/***************首页***************/

/***************概览***************/
.breadcrumbs-wrap{
	height: 44px;
	background: #ecddc8;
}
.breadcrumbs{
	overflow: hidden;
	width: 1200px;
	margin:0 auto;
	line-height: 44px;
}

.breadcrumbs a{
	font-size: 16px;
}

.breadcrumbs b{
	font-weight: normal;
}

.gl-content{
	width: 1200px;
	overflow: hidden;
	margin:20px auto 0;
}

.gl-content .gl-left{
	width: 280px;
	height: 500px;
	float: left;
	margin-right: 20px;
	background: #f4ecdc;
}

.gl-content .gl-left .tit{
	height: 34px;
	line-height: 34px;
	background: url("../images/gl-tit.gif") no-repeat;
}

.gl-content .gl-left .tit p{
	background:  url("../images/gl-icon1.png") no-repeat 3% center;
	text-align: center;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	padding-left: 22%;
}

.gl-content .gl-left .gl-ul{
	overflow: hidden;
}

.gl-content .gl-left .gl-ul a{
	display: block;
	width: 90%;
	background: #f3e2c2;
	margin:20px auto 0;
	height: 40px;
	line-height: 40px;
	border:1px solid #ccc;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	border-radius: 4px;
	text-align: center;
}

.gl-content .gl-left .gl-ul a:hover{
	background: #e6c283;
}

.gl-content .gl-right{
	float: right;
	width: 900px;
}

.gl-content .gl-right .pics{
	overflow: hidden;
}

.gl-content .gl-right .pics .pic-wrap{
	width: 23%;
	margin-right:16px;
	border:1px solid #ccc;
	display: block;
	margin-bottom: 16px;
	float: left;
}

.gl-content .gl-right .pics .pic-wrap img{
	width: 92%;
	display: block;
	margin:10px auto;
}

.gl-content .gl-right .pics .pic-wrap p{
	font-size: 14px;
	text-align: center;
	margin-bottom: 10px;
}
/***************概览***************/

/***************细览***************/
.xl-tit-wrap{
	height: 50px;
	line-height: 50px;
}

.xl-tit-wrap .xl-tit{
	width: 1200px;
	margin: 0 auto;
}

.xl-tit-wrap .xl-tit p{
	text-align: center;
	background: url("../images/xl-icon1.png") no-repeat 46% center;
	font-size: 16px;
}

.xl-content-wrap{
	background: #efefef url("../images/bg.png") no-repeat left bottom;
}

.xl-content-wrap .xl-content{
	width: 1200px;
	margin:0 auto;
	overflow: hidden;
}

.xl-content-wrap .xl-content .xl-content-left{
	width: 280px;
	float: left;
	margin-bottom: -9999px;
	padding-bottom: 9999px;
}

.xl-content-wrap .xl-content .xl-content-left .tit{
	height: 34px;
	line-height: 34px;
	background: url("../images/gl-tit.gif") no-repeat;
	margin: 20px auto;
	width: 90%;
}

.xl-content-wrap .xl-content .xl-content-left .tit p{
	background:  url("../images/gl-icon1.png") no-repeat 30% center;
	text-align: center;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	padding-left: 22%;
}

.xl-content-wrap .xl-content  .xl-content-mid{
	width: 20px;
	background: #e5c4a6;
	float: left;
	margin-bottom: -9999px;
	padding-bottom: 9999px;
}

.xl-content-wrap .xl-content  .xl-content-mid i{
	display: block;
	width: 15px;
	height: 22px;
	background:  url("../images/xl-icon2.gif") no-repeat;
	margin-top: 300px;
	margin-left: 3px;
}

.xl-content-wrap .xl-content .xl-content-right{
	width: 900px;
	float: right;
	background: #efefef;
	margin-bottom: -9999px;
	padding-bottom: 9999px;
}

.xl-content-wrap .xl-content .xl-content-right .tit{
	height: 53px;
	line-height: 53px;
	text-align: center;
	border-bottom: 1px solid #e7ccb4;
	font-size: 14px;
}


.xl-content-wrap .xl-content .xl-content-right .con-wrap{
	padding: 20px 30px;
}
.xl-content-wrap .xl-content .xl-content-right .con-wrap .con{
	font-size: 13px;
	line-height: 30px;
	text-indent: 2em;
}


/***************细览***************/


/***************细览2***************/
.xl-content-wrap .xl-content .xl-content-center{
	width: 900px;
	margin:0 auto;
}

.xl-content-wrap .xl-content .xl-content-center .tit{
	height: 53px;
	line-height: 53px;
	text-align: center;
	border-bottom: 1px solid #e7ccb4;
	font-size: 14px;
}


.xl-content-wrap .xl-content .xl-content-center .con-wrap{
	padding: 20px 30px;
}
.xl-content-wrap .xl-content .xl-content-center .con-wrap .con{
	font-size: 13px;
	line-height: 30px;
	text-indent: 2em;
}
/***************细览2***************/

/***************列表***************/
.list-search-wrap{
	height: 56px;
	border-bottom: 1px solid #ccc;
	background: #fff;
}
.list-search{
	overflow: hidden;
	width: 1200px;
	margin:0 auto;
	line-height: 56px;
}

.list-search-left{
	float: left;
}

.list-search-left p{
	font-size: 13px;
	background: url("../images/list-home.gif") no-repeat left center;
	padding-left: 30px;
	margin-left: 20px;
}

.list-search-left p span{
	color: orange;
	margin: 0 6px;
}


.list-search-right{
	float: right;
}

.list-search-right .input-wrap{
	overflow: hidden;
}

.list-search-right .input-wrap input{
	height: 30px;
	line-height: 30px;
	border:1px solid #ccc;
	border-right: none;
	width: 400px;
	font-family: "Microsoft Yahei";
	padding:0 10px;
	border-radius: 4px 0 0 4px;
	float: left;
	margin-top: 13px;
	color: #999;
}	

.list-search-right .input-wrap .search-submit{
	width: 34px;
	height: 32px;
	background: url("../images/list-search.jpg") no-repeat left center;
	border:none;
	outline: none;
	cursor: pointer;
	margin-top:13px;
	float: left;
}

.list-content-wrap{
	width: 1198px;
	border:1px solid #ccc;
	background: #fff;
	margin:20px auto;
}

.list-content-wrap ul{
	width: 1100px;
	margin:30px auto;
}

.list-content-wrap ul li{
	border-bottom: 1px dashed #ccc;
	margin-bottom: 20px;
}

.list-content-wrap ul li a.title{
	font-size: 18px;
	line-height: 30px;
	color: #020101;
}

.list-content-wrap ul li p.content{
	font-size: 16px;
	line-height: 30px;	
	color: #666;
}
.list-content-wrap ul li p.content span{
	color: orange;
}
.list-content-wrap ul li p.other{
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 10px;
}

.list-content-wrap ul li p.other a{
	color: #4785c4;
}

.list-content-wrap ul li p.other span{
	margin-left: 20px;
	color: #999;
}


/***************列表***************/


.side_bar{
	position: fixed;
	right: 11px;
	top: 270px;
	border: 1px solid #ededed;
	width: 98px;
	background: #fff;
}
.side_bar a{
	display: block;
	text-align: center;
	width: 77px;
	margin: auto;
	font-size: 12px;
	color: #666;
	padding: 10px 0;
}
.side_bar a img{
	margin-bottom: 5px;
}
.side_bar_qhswt p{
	width: 70px;
	margin: auto;
}
.side_bar a:hover{
	color: #0d578f;
}
.side_bar_gwy{
	border-bottom: 1px solid #ededed;
}
.side_bar_tzxx{
	border-top: 1px solid #ededed;
}

.side_bar{
	top: 50%;
	margin-top: -165px;
}