@charset "utf-8";
/* CSS Document */
/* 通用样式 */
body {
	background-color:#fafafa;
}
ul, li, p, em {
	margin: 0;
	padding: 0;
}
ul, li {
	list-style: none;
}
em {
	display: block;
	text-align: center;
	padding-top: 5px;
	 padding-bottom:15px;
}
.tplb01list{width: 586px;}

.tplb01list_top{font-size: 36px;color: #ffffff;}
.tplb01list{position: absolute;top: 152px;}
.tplb01list_next{color: #ffffff;font-size: 14px;font-family: 'Verdana';text-transform:uppercase;margin-top: 9px;}

.tplb01list_more{font-size: 20px;width: 200px;height: 50px;line-height: 50px;text-align: center;border: 1px solid #ffffff;margin-left: 34px;margin-top: 77px;}

.tplb01list_more a{color: #ffffff;}
.fwycz_banner{width: 1200px;margin: auto;}

.tplb01list_zy{font-size: 15px;line-height: 30px;color: #ffffff;margin-top: 30px;}
img {
	
}
.clear {
	clear: both;
}
.font-list-02{font-size:15px; color:#7a7a7a}
.col-list-05{ padding-left:4.5%; padding-right:7.5%}
.text-sty{font-size:15px;line-height:200%;color: #666666;}
.text-sty img{width: 100%;margin: 20px 0;}
.text-sty p{ text-indent:2em;line-break: 34px;}
.text-sty02{margin-bottom: 10px;margin-top: 2%;}
/* 页面banner及二级导航 */
.zw_list>span{width: 76%;vertical-align: top;}
	.zw_list>a{float: right;}
	@media only screen and (max-width: 710px) {
		.zp_but{width:150px;float:right;margin-bottom:10px;}
		.zw_list>span{width: 50%;}
		}

.banner {
	width: 100%;
	background: url(banner-bg.jpg) center bottom no-repeat;
}
.banner-list {
	width: 1000px;
	margin: 0 auto;
	position: absolute;
	bottom: 0;
}
.banner-list li {
	float: left;
	width: 193px;
	text-align: center;
	line-height: 47px;
	height: 47px;
	border: solid 1px #dddddd;
	border-left: none;
	border-top: none;
	background-color: #fbfaf8;
}
.banner-list a {
	display: block;
	color: #797979;
	border-top: solid 1px #dddddd;
}
.banner-list a:hover {
	background: url(nav-bg-01.gif) repeat-x;
	color: #000;
	border-top: none;
}
.main-nav {
	max-width: 1000px;
	margin: 0 auto;
}
.header_nav {
	height: 48px;
	z-index: 1000000;
	bottom: 0px;
	margin-left: 13%;
	margin-right: 13%;
}
.mainNav {
	margin: 0px auto;
	position: relative;
}
.mainNav li {
	width: 33%;
	
	border-left: none;
	border-top: none;
	float: left;
	height: 48px;
	position: relative;
	font-weight: bold;
	background-color: #fbfaf8;
}
.mainNav li a {
	display: block;
	color: #797979;
	border-top: solid 1px #dddddd;
	line-height: 48px;
	text-align: center;
	font-size:15px;
}
.mainNav li a:hover {
	background: url(nav-bg-01.gif) repeat-x;
	color: #000;
	border-top: none;
}
.fixNav {
	background: #f5f5f6;
	height: 48px;
	line-height: 48px;
	width: 100%;
	text-align: center;
	position: fixed;
	z-index: 110;
	left: 0;
	top: 0;
}
#col-1-1 {
	border-left: solid 1px #dddddd;
}
.lfooter {
    width: 100%;
    background: #191f31;
    
    display: none;
}
@media screen and (min-width: 710px) and (max-width:980px) {
.mainNav {
	max-width: 800px;
	margin: 0px auto;
	position: relative;
}

}
@media screen and (min-width: 980px) and (max-width:1200px) {
.mainNav {
	max-width: 1000px;
	margin: 0px auto;
	position: relative;
}

}
@media only screen and (max-width: 710px) {
	.list-col02>li{float: none;}
.lfooter{display: block;}
.footer{display: none;}
.header_nav {
	width: 100%;
	margin: 0 auto;
}
.fixNav {
	width: 100%;
	margin: 0 auto;
}
.mainNav {
	width: 100%;
	margin: 0px auto;
	position: relative;
}
.mainNav li a {
	font-size: 9pt;
}
.mainNav li {
	width: 49.5%;
}
.header_nav {
	margin-left: 0;
	margin-right: 0px;
}
}
/* 五个大部分样式 */
.row {
	width: 100%;
	margin: 0 auto;
	padding-top: 25px;
	background-color:#fafafa;
/*    max-width: 1000px;*/
}
.row-list {
	max-width: 1000px;
	margin: 0 auto;
}
.pd_cp1 {
	text-align: left;
	font-size: 35px;
}
.pd_cp2 {
	height: 3px;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: -2px;
}

.pd_cp31,.pd_cp32,.pd_cp33 {
	text-align: center;
	font-size: 13px;
	width: 220px;
	color:#acacac;
	line-height: 26px;
	margin-bottom: 15px;
}
.pd_cp31{background: url(cp_bgt_071.jpg) top center no-repeat;}
.pd_cp32{background: url(cp_bgt_072.jpg) top center no-repeat;}
.pd_cp33{background: url(cp_bgt_073.jpg) top center no-repeat;}
.pd_cp34 {
	background:url(cp_bgt_074.jpg) top center no-repeat;
	text-align: center;
	font-size: 13px;
	width: 194px;
	line-height: 26px;
	margin-bottom: 30px;
}
.zt_center {
	margin-left: auto;
	margin-right: auto;
}
.box {
	margin: 0 auto;
	padding-top: 15px;
	/* padding-left: 30px; */
	max-width: 1000px;
}
.lxwm_nav{display: inline-block;width: 45%;}
#map{width: 50%;display: inline-block;}
.box31{
	width:100%;
	background-color: #fafafa;
	margin: 0 auto;
	padding-top: 15px;

}
.box2 {
	width: 100%;
	margin: 0 auto;
	background-color: #fafafa;
}

.col-4 {
line-height: 40px;
padding-left: 8.5%;
padding-right: 5%;
}
.col-5 {
line-height: 30px;
padding-left: 9%;
padding-right: 5%;
}
/* 关于我们 */
.col-bt {
	height: 30px;
	border-left: solid 2px #e5151f;
	padding-left: 15px;
	font-size: 24px;
}
.dajj {
	max-width: 960px;
	margin: 0 auto;
	padding-top: 15px;
	padding-left: 40px;
}
.row02, .row03, .row04, .row05,.row06 {
	width: 100%;
	margin: 0 auto;
	padding-top: 25px;
}
.row02 {
	background-color: #fafafa;
	min-height: 553px;
	height: auto;
	overflow: auto;
	padding-bottom:10px;
}
.row03 {
	background-color: #fafafa;
	margin-bottom: 20px;

}
.zxbd-more {
	position: absolute;
	right: 75px;
	font-size: 13px;
	bottom: 5px;
}
.zxbd-more a{ font-size: 13px;
color: #f19716;
text-decoration: underline;}
@media only screen and (max-width: 768px) {
	.lxwm_nav{display: inline-block;width: 100%;}
	#map{width: 100%;}
.row-list {
	width: 100%;
	margin: 0 auto;
	
}
.text-sty02{margin-top:5%}
.box2 {
	width: 100%;
	padding: 0 3%;
}
.box31{display:none;}
.box {
	width: 100%;
	padding: 0 3%;
	margin-top: 2%;
}
.dajj {
	width: 100%;
	padding-left: 0px;
	padding-bottom: 10px;
}
.zxbd-more {
	right: 20px;
}
.pd_cp1 {
	text-align: left;
	font-size: 24px;
	padding-left: 2%;
}
.row02 {
	padding-bottom: 10px;
	padding-top: 5%!important;
}
.row03 {
	padding-bottom: 10px;
}
.row04{ min-height:865px;}
}
.row04 {
	background-color: #fafafa;
	max-height: 945px;
	height: auto;
}
.row05 {
	background-color: #f2f7f8;
	min-height: 225px;
	position: relative;
	overflow:auto;
	padding-bottom: 20px;
}
.row06{background-color: #fafafa;
min-height:200px;
height:auto;}
/*底部footer部分开始*/
.footer_p {
	width: auto;
	height: 122px;
	background-color: #161616;
}
/*电子期刊切换*/
.tab-div {
	height: 32px;
	overflow: hidden;

}
.tab-div ul {
	height: 32px;
	overflow: hidden;
	float: left;
}
.tab-div ul li {
	overflow: hidden;
	text-align: center;
	float: left;
}
.tab-list {
	height: auto;
	overflow: hidden;
	padding-top: 15px;
	padding-left: 8.5%;
}
.tab-list ul {
	height: auto;


}
.tab-list ul li {
	text-align: left;
	overflow: hidden;
}
.ta-on, .ta-off {
	height: 32px;
	line-height: 32px;
	padding-left: 25px;
	padding-right: 25px;
	text-align: center;
	cursor: pointer;
	font-size: 24px;
}
.ta-on {
	color: #f1a333;
}
.ta-off {
	color: #666666;
}
.sk-list {
	
}
.sk-list li {
	float: left;
}
.col-4-1 {

}
 @media only screen and (max-width: 710px) {
	 .tab-list ul li{ text-align:center;}
.sk-list{ background:none; width:300px; overflow:hidden;}
.sk-list li {
	padding-left: 20px;
	padding-right: 20px;
	overflow:hidden;
	text-align:center;
}
.sk-list img {
	width: 100px;
	height: auto;
}
.tab-list ul {
	height: 480px;
}
.col-4-1{ display:none;}
}


/*大汉历程*/

#timeline {width: 845px;min-height: 250px;overflow: hidden;position: relative;background: url('dot.gif') left 43px repeat-x; margin-left:4.5%}
#dates {height: 60px;overflow: hidden;}
#dates li {list-style: none;float: left;width: 100px;height: 50px;font-size: 24px;text-align: center;background: url('biggerdot.png') center bottom no-repeat;}
#dates a {line-height: 38px;padding-bottom: 10px; text-decoration:none; font-size:16px; color:#666666;}
#dates .selected {font-size: 16px; color:#f19716;}
#issues {width: 760px;min-height: 100px;overflow: hidden;}	
#issues li {width: 845px;min-height: 100px;list-style: none;float: left;}
#issues li p {font-size: 14px;margin-right: 70px; margin:10px; font-weight: normal;line-height: 22px;}
#issues li p span{ line-height:200%;color: #666666; font-size:15px;word-break:break-all}
 @media only screen and (min-width: 710px) and (max-width:980px) {
	 #timeline{ width:660px;}
	 #issues{ width:660px;}
	 #issues li{ width:660px;}
	 }
	 @media only screen and (min-width: 980px) and (max-width:1150px) {
	 #timeline{ width:760px;}
	 #issues{ width:760px;}
	 #issues li{ width:760px;}
	 }
 @media only screen and (max-width: 710px) {
	 #timeline{ width:320px;}
	 #issues{ width:320px;}
	 #issues li{ width:320px;}
	 }