﻿/* 以下为网站布局，结构分割代码
----------------------------------------------------------- */

html,body{  /* 想要高度100%自动适应，需单独设置浏览器body高度为100% …… */
width:100%; height:100%;
background-image:url(images/htmlbody_BG.gif);
_background-image:url(images/htmlbody_BG4ie6.gif);
/* 此句单独写给ie6,只有ie6识别"_"下滑线开头的语句，此条用以解决ie6在浏览器窗口宽度为基数时，垂直平铺的背景图片向右偏移1像素的问题  …… */
/* CSS内部hack写法： （IE6能识别下划线“_”和“*”）； （IE7能识别“*”和“*+”和“!important”）； （而firefox仅识别“!important”写法，这个要加在语句结尾处，例如：color:red !important;）  …… */
background-repeat: repeat-y;
background-position: center center;
background-color:#d8d8d8;
margin:0px;
}

#box{  /*  …… */
width:100%; height:100%;
margin:0px;
}

	#head_box{  /* 页头框 …… */
	width:100%; height:220px;
	background-color:#FFFFFF;
	margin:0px;
	}
		#header{  /* 页头900px …… */
		width:900px; height:220px;
		background-color:#db1a2e;
		margin-left:auto;
		margin-right:auto;
		}
		#header_logo{  /* 页头logo …… */
		width:150px; height:220px;
		background-image:url(images/header_logo4.gif);
		float:left;
		}
		#languageBar{  /*  语言选择栏…… */
		width:750px; height:20px;
		float:left;
		}
		#header_pic{  /* 页头图片 …… */
		width:750px; height:190px;
		float:left;
		}
		#index-header_pic{  /* 页头图片 …… */
		width:750px; height:190px;
		float:left;
		background-image:url(images/indexbaaner_amBG2.gif);
		}

	#body{  /*  …… */
	width:900px;
	min-height:448px;
	height:auto !important; /* ie6不支持“min-height”語法，加!important;让ie6读取下面的行高 …… */
	height:448px;
	
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	border:#FFFFFF;
	border-left-style:double;
	border-left-width:1px;
	border-right-style:double;
	border-right-width:1px;
	}
	
		#main_menu{
		width:900px;
		min-height:448px;
		height:auto !important; /* ie6不支持“min-height”語法，加!important;让ie6读取下面的行高 …… */
		height:448px;
		background-image:url(images/body_BG.gif);
		background-color:#db1a2e;
		float:left;
		}
		#menu{
		width:150px; height:198px;
		background-image:url(images/menu_BG-pink.gif);
		float:left;
		}	
			.navGroup li{
			width:150px;
			text-align:center;
			float:left;
			margin:0;
			}
			.navGroup li a{
			width:150px; height:25px;
			display:block;
			margin:0;
			padding-top:8px;
			}
		#left_quickbar{
		width:150px;
		background-color:#db1a2e;
		}
		#donate_botton{
		width:150px;
		float:left;
		margin-top:30px;
		}
		#donate_WX{
		width:150px;
		float:left;
		}
		.click2video{
		width:126px;
		height:81px;
		float:left;
		margin:10px 10px 0 12px;
		}
		.quickbar_title{
		width:135px;
		float:left;
		margin:20px 0 0 12px;
		font-family: "宋体", Arial;
		font-size:12px;
		letter-spacing:0px;
		color:#FFFFFF;
		font-weight:normal;
		}
		#sub_blank{
		width:150px; height:33px;
		background-image:url(images/menu_BG-red.gif);
		float:left;
		}
		#sub_menu{
		width:710px; height:22px;
		background-image:url(images/sub_menu_BGb.gif);
		padding-top:11px;
		padding-left:40px;
		float:left;
		}
			#sub_menu_nav{ 
			width:670px; height:22px;
			float:left;
			}
				.sub_navGroup li{
				width:100px;
				text-align:center;
				float:left;
				margin:0;
				}
				.sub_navGroup li a{
				width:100px; height:15px;
				display:block;
				}

	#content_box{
	width:750px;
	float:right;
	}
		.block_big{
		width:670px;
		float:left;
		}
			.block_title{
			width:530px;
			height:20px;
			float:left;
			}
			.block_title_half{
			width:180px;
			height:20px;
			float:left;
			}
			.block_more{ 
			width:140px; 
			height:20px;
			float:left;
			margin-top:20px;
			display:inline;
			}
			.block_big_content{
			width:670px;
			*padding-top:15px; /* 给ie7 解决标题<h></h>上部没空隙，紧贴上个div的问题 ------------------ */
			float:left;
			display:inline;
			}
				#news_Pic_scroll{
				width:120px;
				height:160px;
				float:left;
				margin-top:12px;
				}
				.video_view1{
				width:210px;
				height:150px;
				float:left;
				margin-top:12px;
				background-image:url(images/2016video-shahua.jpg);
				}
				.video_view2{
				width:210px;
				height:150px;
				float:left;
				margin-top:12px; margin-left:20px;
				background-image:url(images/2016video-5zhounian.jpg);
				}
				.video_view3{
				width:210px;
				height:150px;
				float:left;
				margin-top:12px; margin-left:20px;
				background-image:url(images/2015video-ZSSJK.jpg);
				}
				.video_view4{
				width:210px;
				height:150px;
				float:left;
				margin-top:12px;
				background-image:url(images/2015video-90th.jpg);
				}
				.video_view5{
				width:210px;
				height:150px;
				float:left;
				margin-top:12px; margin-left:20px;
				background-image:url(images/2014video-JSJCHH.jpg);
				}
				.video_view6{
				width:210px;
				height:150px;
				float:left;
				margin-top:12px; margin-left:20px;
				background-image:url(images/2014video-SDBWG.jpg);
				}
				.video_view7{
				width:210px;
				height:150px;
				float:left;
				margin-top:12px;
				background-image:url(images/2013video-HLSYQGJ.jpg);
				}
				.video_view8{
				width:210px;
				height:150px;
				float:left;
				margin-top:12px; margin-left:20px;
				background-image:url(images/2013video-FCZ.jpg);
				}
				.video_view9{
				width:210px;
				height:150px;
				float:left;
				margin-top:12px; margin-left:20px;
				background-image:url(images/2012video-XSE.jpg);
				}
				.news_box{
				width:550px;
				height:15px;
				float:left;
				}
				.news_sub{
				width:300px;
				height:10px;
				float:left;
				}
				.news_date{
				width:97px;
				height:15px;
				margin-left:25px;
				float:left;
				display:inline; 
				font-family: "宋体", Arial;
				font-size:12px;
				letter-spacing:0px;
				color:#AFAFAF;
				}

			.block_big_sub{
			width:670px;
			height:20px;
			}
			.block_big_more{
			width:670px;
			height:30px;
			+padding-top:15px!important; /* 给ie7 解决标题<h></h>上部没空隙，紧贴上个div的问题 ------------------ */
			}
		.block{
		width:320px;

		float:left;
		}

			.block_content{
			width:320px;
			height:225px;
			float:left;
			*padding-top:15px; /* 给ie7 解决标题<h></h>上部没空隙，紧贴上个div的问题 ------------------ */
			_padding-top:15px; /* 给ie7 解决标题<h></h>上部没空隙，紧贴上个div的问题 ------------------ */
			}
			
		.sub_block_shu{
		width:30px;
		height:320px;
		float:left;
		background-image:url(images/sub_line2_red.gif);
		*padding-top:15px; /* 给ie7 解决标题<h></h>上部没空隙，紧贴上个div的问题 ------------------ */
		}
		.sub_block_heng{
		width:670px;
		height:30px;
		float:left;
		background-image:url(images/sub_line1_red.gif);
		+padding-top:15px!important; /* 给ie7 解决标题<h></h>上部没空隙，紧贴上个div的问题 ------------------ */
		_padding-top:0; /* 给ie6 解决标题<h></h>上部没空隙，紧贴上个div的问题 ------------------ */
		}
		.sub_block_heng_bottom{
		width:670px;
		height:30px;
		float:left; 
		}
		#roll_list{
		width:310px;
		height:675px;
		}		
		

		#content{
		width:670px;
		float:left;
		background-image:url(images/content_BG.gif);
		_padding-top:10px; /* 给ie6 解决标题<h></h>上部没空隙，紧贴上个div的问题 ------------------ */
		*padding-top:15px; /* 给ie7 解决标题<h></h>上部没空隙，紧贴上个div的问题 ------------------ */
		}
		.content, #content1{
		width:670px;
		float:left;
		padding-left:40px;
		padding-right:40px;
		}
		#content_video{
		width:670px;
		float:left;
		padding-left:40px;
		padding-right:40px;
		background-image:url(images/sub_line1_red2.gif);
		background-repeat:repeat-x;
		}

		
		#demo{
		width:310px; height:70px; 
		float:left;
		line-height:inherit;
		border-left: #F2F2F2 5px solid; 
		border-right: #F2F2F2 5px solid;
        border-top: #F2F2F2 20px solid; 
		border-bottom: #F2F2F2 5px solid;
		margin-bottom:12px;
		overflow: hidden;
		}
		#new_donate{ width:290px; padding:0 15px 0 15px; margin-bottom:10px; background-color:#fdfeb6; float:left; }
		
			
		.copyright{  /*  …… */
		width:900px; height:50px;
		background-color:#b10a1b;
		float:right;
		margin-left:auto;
		margin-right:auto;
		padding-top:15px;

		}


	/* 以下为所有页面 字体 链接 的样式
----------------------------------------------------------- */

h6{font-size:12px;}
.classh5{font-size:15px; font-family:"微软雅黑","宋体", Arial; font-weight:bold; letter-spacing:4px; margin-top:20px; }
h4{font-size:16px; font-family:"微软雅黑","宋体", Arial;}
h3{font-size:18px;}
h2{font-size:22px;}
h1{font-size:25px;}

.content{
font-family: "宋体", Arial;
font-size:12px;
color:#666666;
letter-spacing:1px;
line-height:24px;
}
.content a:link{
font-weight:bold;
text-decoration:none;
color: #B10A1B;
}
.content a:visited{
font-weight:bold;
text-decoration: none;
color: #B10A1B;
}
.content a:hover{
font-weight:bold;
text-decoration:underline;
color: #B10A1B;
}
.content a:active{
font-weight:bold;
text-decoration: none;
}

#content1{
font-family: "宋体", Arial;
font-size:12px;
color:#666666;
}
#content1 a:link{
text-decoration:none;
color: #666666;
}
#content1 a:visited{
text-decoration: none;
color: #666666;
}
#content1 a:hover{
text-decoration:underline;
color: #B10A1B;
}
#content1 a:active{
text-decoration: none;
}

.text_annex{
font-family: "宋体", Arial;
font-size:12px;
color:#999999;
letter-spacing:1px;
line-height:24px;
}

.copyright{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFFFFF;
text-align:center;
line-height:8px;
}

ul{ margin:0; padding:0; list-style:none outside none;} /* 解決多个<li>标签同时float时，标题前被隐藏的圆点还是占空白位的问题 …… */

#menu{
font-family: "微软雅黑", Arial;
font-size:15px;
font-weight:bold;
color:#FFFFFF;
letter-spacing:2px;
}
.menu_sel{ 
text-decoration: none;
color: #565656;
background-image:url(images/menu_BG-grey.gif);
}
.menu_home{ 
color: FFFFFF;
background-image:url(images/menu_BG-red.gif);
}
.menu_home_BG{
background-image:url(images/home_BG-red.gif);
}
.menu_home_BG a:link{
text-decoration: none;
color: #FFFFFF;
}
.menu_home_BG a:visited{
text-decoration: none;
color: #FFFFFF;
}
.menu_home_BG a:hover{
background-image:url(images/menu_BG-red.gif);
text-decoration: none;
color: #b10a1b;
}
.menu_home_BG a:active{
text-decoration: none;
}

#menu li a:link{
text-decoration: none;
color: #FFFFFF;
}
#menu li a:visited{
text-decoration: none;
color: #FFFFFF;
}
#menu li a:hover{
background-image:url(images/menu_BG-grey.gif);
text-decoration: none;
color: #b10a1b;
}
#menu li a:active{
text-decoration: none;
}

.block_more{
font-family: "宋体", Arial;
font-size:12px;
color:#666666;
}
.block_more a:link{
text-decoration: none;
color: #666666;
}
.block_more a:visited{
text-decoration: none;
color: #666666;
}
.block_more a:hover{
text-decoration:underline;
color: #B10A1B;
}
.block_more a:active{
text-decoration: none;
color: #666666;
}

#sub_menu{
font-family: "宋体", Arial;
font-size:12px;
color:#565656;
letter-spacing:2px;
}
.sub_menu_sel{ 
text-decoration: none;
color: #b10a1b;
}
.sub_navGroup a:link{
text-decoration: none;
color: #565656;
}
.sub_navGroup a:visited{
text-decoration: none;
color: #565656;
}
.sub_navGroup a:hover{
text-decoration:underline;
color: #b10a1b;
}
.sub_navGroup a:active{
text-decoration: none;
}
.sub_navGroup_sel{ color: #B10A1B; }
.sub_navGroup_sub{ color: #565656; }

	/* 以下为给shadowbox-3.0.3 用的样式
----------------------------------------------------------- */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}

#sb-nav-close{display:block;float:right;height:20px;width:20px;margin-left:10px;cursor:pointer;background-repeat:no-repeat;background-image:url(close.png);}
#sb-nav-next{display:block;float:right;height:20px;width:50px;margin-left:10px;cursor:pointer;background-repeat:no-repeat;background-image:url(next.png);}
#sb-nav-previous{display:block;float:right;height:20px;width:50px;margin-left:10px;cursor:pointer;background-repeat:no-repeat;background-image:url(previous.png);}
#sb-nav-play{background-image:url(play.png);}
#sb-nav-pause{background-image:url(pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

