.main { width:940px;margin:40px auto 10px auto;font-size:14px;display:table;padding-bottom:10px; border-bottom:1px solid #EEEEEE}
.info { width:300px;float:left;margin-right:20px; }
.info h3 { width:300px;height:26px;background:url('../images/ictb.png') no-repeat;font-size:0;margin-bottom:8px; }
.info ul{margin-left:-10px;}
.info ul li{list-style:none;float:left;width:140px;padding-left:0;background:none;margin-left:10px;}
.info ul{margin-left:-10px;}
.b2 h3 { background-position:0 -26px; }
.b3 { margin:0;position:relative; }
.b3 span{position:absolute;right:10px;top:0;background:url('../images/morelink.gif') no-repeat left center;padding-left:12px;}
.b3 span a{color:#8C8C8C;font-weight:600}
.b3 h3 { background-position:0 -52px; }
.info li { padding:3px 0 3px 12px;background:url('../images/dian.png') 2px center no-repeat; }
.info li a { color:#8c8c8c; }
.info p { color:#8c8c8c; }
.info p img { display:table;margin:10px 0; }
.morelink{padding-top:20px;}
.morelink li{float:left;width:180px;}

.box { max-width:970px; width:100%; margin:18px auto 0 auto; }
.left { width:140px;border-bottom:2px solid #DDD;background:#FFF;float:left; }
.left li:hover { border-left:3px solid #0066ff; }
.left li a { height:40px;line-height:40px;display:block;color:#333 }
.left li a:hover,.left li.active a{color:#0066FF}
.left li.active{border-left:3px solid #0066ff;}
.left li {
    border-left:3px solid #fff; 
    border-bottom: 1px solid #EEEEEE;
    font-size: 14px;
    height: 40px;
    margin-bottom: 1px;
    overflow: hidden;
    padding-left: 25px;
}

.event_year { width:120px; text-align:center; float:left; margin-top:10px; }
.event_year li { height:40px;line-height:40px;background:#eeeeee;margin-bottom:1px;font-size:14px;color:#1f4d8a;cursor:pointer; }
.event_year li label{width:120px; height:40px; cursor:pointer; display:inline-block}
.event_year li.current { width:120px;background:#1f4d8a;color:#FFF;text-align:center;}
.event_list { max-width:850px;width:100%; float:right;background:url('../images/dian3.png') 139px 0 repeat-y;margin:10px 0 20px 0; }
.event_list h3 { margin:10px 0 10px 132px;font-size:30px;font-family:Arial, Helvetica, sans-serif; color:#1f4d8a;padding-left:25px;background:url('../images/jian.png') 0 -45px no-repeat;height:38px;line-height:38px; font-weight:800}
.event_list li {position:relative;	margin-left:170px;}
.event_list li .cbp_tmlabel span{line-height:30px; font-size:14px; color:#fff;}
.event_list li .cbp_tmlabel {
	background: #eee;
	color: #666;
	padding: 2em;
	font-weight: 300;
	border-radius: 0px;

}

.event_list li .cbp_tmlabel:after {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #eee;
	border-width: 10px;
	top: 10px;
}



.titlelist{line-height:24px;color: #8C8C8C;padding-bottom:20px;}
.titlelist dt { font-weight: bold;color:#666;white-space: nowrap;margin:10px;}
.titlelist dd {padding-left: 13px;}
h1 {
    font-family: Tahoma,Arial,sans-serif;
    font-size: 14px;
    margin-bottom: 15px;
    padding-bottom: 12px;
}
.hr {
    border-top: 1px solid #CCD5DE;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 15px 0;
}
.red {
    color: #0065CB;
	font-size:15px;
}

@media screen and (max-width:1024px){
.box { max-width:870px; width:100%; margin:18px auto 0 auto; }	
.event_year { width:120px; text-align:center; float:left; margin-top:10px; }
.event_list { max-width:650px;width:100%; float:right;background:url('../images/dian3.png') 109px 0 repeat-y;margin:10px 0 20px 0; }
.event_list h3 { margin:10px 0 10px 102px;font-size:30px;font-family:Arial, Helvetica, sans-serif; color:#1f4d8a;padding-left:25px;background:url('../images/jian.png') 0 -45px no-repeat;height:38px;line-height:38px; font-weight:800}

.event_list li {position:relative;	margin-left:140px;}


}

@media screen and (max-width:861px){
.box { max-width:800px; width:100%; margin:18px auto 0 auto; }	
.event_year { width:98%; text-align:center; float:left; margin-top:10px; margin-left:2%; }
.event_year li { height:40px;line-height:40px;background:#eeeeee;margin-bottom:10px;font-size:14px;color:#1f4d8a;cursor:pointer; width:23%; float:left; margin-right:2%; text-align:center;}
.event_year li label{width:100%; height:40px; cursor:pointer; float:left; text-align:center;}
.event_year li.current { width:23%; background:#1f4d8a;color:#FFF;text-align:center;}
.event_list { max-width:650px;width:100%; float:left;background:url('../images/dian3.png') 19px 0 repeat-y;margin:10px 0 20px 0; }
.event_list h3 { margin:10px 0 10px 12px;font-size:30px;font-family:Arial, Helvetica, sans-serif; color:#1f4d8a;padding-left:25px;background:url('../images/jian.png') 0 -45px no-repeat;height:38px;line-height:38px; font-weight:800}

.event_list li {position:relative;	margin-left:50px;}


}

@media screen and (max-width:321px){
.box { max-width:800px; width:100%; margin:18px auto 0 auto; }	
.event_year { width:98%; text-align:center; float:left; margin-top:10px; margin-left:2%; }
.event_year li { height:40px;line-height:40px;background:#eeeeee;margin-bottom:10px;font-size:14px;color:#1f4d8a;cursor:pointer; width:31%; float:left; margin-right:2%; text-align:center;}
.event_year li label{width:100%; height:40px; cursor:pointer; float:left; text-align:center;}
.event_year li.current { width:31%; background:#1f4d8a;color:#FFF;text-align:center;}
.event_list { max-width:650px;width:100%; float:left;background:url('../images/dian3.png') 19px 0 repeat-y;margin:10px 0 20px 0; }
.event_list h3 { margin:10px 0 10px 12px;font-size:30px;font-family:Arial, Helvetica, sans-serif; color:#1f4d8a;padding-left:25px;background:url('../images/jian.png') 0 -45px no-repeat;height:38px;line-height:38px; font-weight:800}

.event_list li {position:relative;	margin-left:50px;}


}