﻿
#banner {
	height: 350px;
	z-index: 10px;
	background: url(../images/pic_1.jpg) top center no-repeat;}


#banner .banner_content {
	position: relative;
	margin: 0px auto;
	width: 1000px;
	height: 445px;
	overflow: hidden;
	background: url(../images/pic_1.jpg) top center no-repeat;}


#banner .pic_box {
	position: absolute;
	width: 1000px;}

#banner #pic_box1 {
	left: 0px;
	top: 26px;}

#banner #pic_box2 {
	left: 1300px;
	top: 26px;
	opacity: 0;}

#banner #pic_box3 {
	left: -1300px;
	top: 26px;
	opacity: 0;}

#banner .pic_box a:hover {
	color: #1d50a2;
	text-decoration: underline;}


#banner .pic_box .pic_box_bg {
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*ie8*/  
    filter:alpha(opacity=80);  /*ie5, ie5.5, ie6, ie7*/  
	position: absolute;}

#banner .pic_box .pic {
	position: absolute;
	left: 8px;
	top: 10px;}

#banner .pic_box .title {
	font-size: 16px;
	position: absolute;
	left: 9px;
	top: 165px;
	font-weight: bold;}

#banner .pic_box .content {
	width:297px;
	font-size: 14px;
	position: absolute;
	left: 9px;
	top: 200px;
	color: #666666;}

#banner .pic_box .pic1 {
	width: 315px;
	height: 225px;
	position: absolute;
	left: 0px;
	top: 40px;}

#banner .pic_box .pic2 {
	width: 315px;
	height: 225px;
	position: absolute;
	left: 345px;
	top: 20px;}

#banner .pic_box .pic3 {
	width: 315px;
	height: 225px;
	position: absolute;
	left: 685px;
	top: 40px;}



#banner .slide_bar_box {
	width: 250px;
	height: 8px;
	position: relative;
	top: 320px;
	margin:0px auto;}

#banner .slide_bar {
	width: 74px;
	height: 8px;
	background-color: #b4b4b4;}

#banner #slide_bar1 {
	position: absolute;
	left: 0px;
	background-color: #ae0c2a;}

#banner #slide_bar2 {
	position: absolute;
	left: 88px;}

#banner #slide_bar3 {
	position: absolute;
	left: 176px;}



#main {
	background-color: #f0f0f0;}

#main .main_box {
	width: 1000px;
	margin: 0px auto;
	position: relative;
	padding-top: 20px;
	background-color: #f0f0f0;}

#main a:hover {
	color: #1d50a2;
	text-decoration: underline;}

.hover{
	color: #1d50a2;
	font-weight: bold;
	text-decoration: none;}

#main .info {
	position: relative;
	width: 316px;
	height: 420px;}

#main .main_top {
	border-bottom:1px solid #1d50a2;
	position: relative;}

#main .info .main_top .links {
	position: absolute;
	right: 0px;
	top: 10px;}

#main .info .main_top .links a {
	text-decoration: none;
	margin: 0px 3px;}



#main .top_news {
	width:100%;
	height: 117px;
	border-bottom: 1px dotted #959595;}

#main .top_news .title {
	font-size: 14px;
	padding-top: 10px;}

#main .top_news .date {
	position: relative;
	top: 3px;
	right: -248px;}

#main .top_news .date .day {
	font-size: 14px;}

#main .top_news .content {
	width:100%;
	color: #959595;
	padding:11px 0px;}



#main .news_list ul {
	list-style:square inside url(../images/main_dot.jpg);}

#main .news_list li {
	line-height: 25px;
	font-size: 13px;}

#main .news_list ul .date {
	/*float: right;*/
	position: absolute;
	right: 0px;
	color: #959595;}


#main .main_bottom {
	position: absolute;
	bottom: 30px;}


#main .news {
	position: absolute;
	left: 345px;
	top: 20px;
	width: 316px;
	height: 420px;}

#main .main_top .more {
	position: absolute;
	right: 0px;
	top: 13px;}


#main .pic_news {
	width:100%;
	height: 117px;
	position: relative;
	border-bottom: 1px dotted #959595;}

#main .pic_news .news_pic {
	padding-top: 10px;}

#main .pic_news .title {
	position: absolute;
	left: 105px;
	top: 10px;
	font-size: 14px;}

#main .pic_news .content {
	width:212px;
	position: absolute;
	left: 105px;
	top: 37px;
	color: #959595;}

#main .people {
	position: absolute;
	left: 684px;
	top: 20px;
	width: 316px;
	height: 420px;}

#main .people .main_bottom {
	margin-top: 6px;}

#main .people #pic_news_last {
	border-bottom: none;}


#main .video {
	position: relative;
	width: 316px;
	height: 300px;}
#main .video .block {
	margin-top:14px;
	position: relative;
	width: 316px;
	height: 180px;
	float: left;
	background-color: #f5f5f5;}

#main .video .block .cover img {
	height: 180px;
	width: 316px;}

#main .video .block .mask {
	position: absolute;
	top: 0px;
	left: 0px;}

#main .video .block .mask img{
	height: 180px;
	width: 316px;}
#main .video .video_name {
	font-size: 14px;
	margin-top: 15px;
	text-align: center;}


#main .enroll {
	width: 316px;
	height: 300px;
	position: absolute;
	top: 440px;
	left:345px;}


#main .journal {
	width: 316px;
	height: 300px;
	position: absolute;
	top: 440px;
	left: 684px;}

#main .journal .journal_box {
	overflow: hidden;
	position: relative;
	width: 316px;
	height: 186px;
	margin-top: 10px;}

#main .journal #journal_list {
	position: absolute;
	height: 186px;
	width: 1050px;}

#main .journal .journal_box .journal_pic {
	margin-right: 32px;
	width:140px;
	height:186px;}

#main .journal .journal_slide_bar_box {
	width: 162px;
	height: 8px;
	position: relative;
	top: 10px;
	margin:0px auto;}

#main .journal .journal_slide_bar {
	width: 74px;
	height: 8px;
	background-color: #b4b4b4;}

#main .journal #journal_slide_bar1 {
	position: absolute;
	left: 0px;
	background-color: #ae0c2a;}

#main .journal #journal_slide_bar2 {
	position: absolute;
	left: 88px;}





#footer .links {
	background-color: #1d50a2;}

#footer .links_box {
	width: 1000px;
	height: 40px;
	margin: 0px auto;
	position: relative;
	background-color: #1d50a2;}
#footer .links .quick_link {
	position: absolute;
	font-size: 16px;
	color: #ffffff;
	top: 10px;}

#footer .links .separator {
	position: absolute;
	left: 85px;}

#footer .links .left_icon {
	position: absolute;
	left: 100px;
	top: 13px;
	cursor: pointer;}

#footer .links .right_icon {
	position: absolute;
	right: 0px;
	top: 13px;
	cursor: pointer;}

#footer .links .link_list {
	position: absolute;
	left: 125px;
	top: 12px;
	width: 840px;
	overflow: hidden;}

#footer .links .link_list ul {
	overflow: hidden;
	position: relative;
	list-style: none;}

#footer .links .link_list ul li {
	float: left;
	padding: 0px 5px;}

#footer .links .link_list ul li a {
	color: #ffffff;}


