@import "reset.css";
@import "basics.css";
@import "icons.css";

.header, .content, .nav-tabs{width:1002px; margin:0 auto;}
.header{height:100px; line-height: 100px;}
.header .logo{ margin-top:30px;}
.login li{float:right; margin-right:10px; font-size:12px;}
.nav{background-color:#498BF4; background-image: -webkit-linear-gradient(top, rgb(77, 144, 254), rgb(71, 135, 237)); height:40px; border-top:1px solid #3079ED; border-bottom:1px solid #3079ED;}
.nav-tabs li{float:left;}
.nav-tabs li a{color:#fff; font-weight:600; line-height:40px; padding: 0 20px; margin:0 10px; display:block;}
.nav-tabs li a:hover{background-color:#397FF1;}
.content #focus-news{ width:490px; border:1px solid #ccc; background:#f0f0f0; border-radius:3px;float:left; margin:20px 18px 0 0;}
#focus-news .slides_container div.slide{width:490px; height:310px; display:block; position:relative;}
#focus-news .slides_container div.caption {text-align:center; line-height:12px; position:absolute; bottom:0; width:490px; height:30px; line-height:30px; text-align:center; background:rgba(0,0,0,0.5) none repeat scroll 0 0 !important;filter: alpha(opacity=50)}
#focus-news .slides_container div.caption a{color:#fff; height:30px; font-size: 14px;}
#focus-news .pagination {width:490px; padding-left:2px; overflow:hidden;}
#focus-news ul{margin:0px; padding:0px; list-style:none; overflow:hidden;}
#focus-news .pagination li {float:left;}
#focus-news .pagination li a {display:block; width:110px; height:80px; padding:11px 7px 8px 5px;margin:0px; float:left;}
#focus-news .pagination li.current a{background-image:url(../img/bg.gif); background-repeat: no-repeat; background-position: left top;}

.content .news{margin-top:20px; float:left; width:492px;}
.sectionOne{width:700px; margin-top:20px; _margin-top:0px; margin-right:20px; float:left;}
.sectionTwo{width:282px; margin-top:20px; _margin-top:0px; float:right;}
.trainhead{width:670px}
.head{background-color:#498BF4;  background-image: -webkit-linear-gradient(top, rgb(77, 144, 254), rgb(71, 135, 237)); border:1px solid #3079ED; border-radius:2px 2px 0 0; color:#fff; line-height:30px; padding:0 10px;}
.head a{font-size:12px; color:#fff;margin:0 5px;}.head a:hover{color:#ddd;}
.head span{float:right;}
.body li{line-height: 41px; border-bottom: 1px solid #ddd; padding-left:10px;}
.body li:nth-child(even){background-color:#F9F9F9;}
.body li:hover{background-color:#F5F5F5;}
.body li a{background:url(../img/project_icon.gif) left center no-repeat; padding-left:15px; line-height: 41px; display:block; *display:inherit; _display:inherit;}
.body li span{float: right; margin-right: 5px;}
.notice{margin-top:20px;}
.notice_news ul{border:1px solid #d9d9d9; overflow:hidden; border-radius:2px 2px 0 0; border-top:none; border-bottom:none; font-size:12px;}

.train-table{border:1px solid #d9d9d9; border-top:none; overflow:auto;border-radius:2px; width:698px;}
.train-table .tr1{height:75px;background-image:-webkit-linear-gradient(top, rgb(255, 255, 255), rgb(240, 240, 240));background-image:-moz-linear-gradient(top, rgb(255, 255, 255), rgb(240, 240, 240));border-bottom:1px solid #d9d9d9; }
.train-table .tr1:hover{background:#fff;}
.sectionOne .time{font-size:14px; text-align:center; width:120px; float:left; padding:15px 0;}
.sectionOne .time b{display:block; font-size:18px;}
.sectionOne .theme{font-size:16px; width:460px; float:left; padding:15px 0;}
.sectionOne .theme a{color:#000;font-weight:bold;}
.sectionOne .theme span{display:block;color:#666; font-size:12px; line-height:25px; margin-left:10px;}
.sectionOne .place{float:left; line-height:60px;color:#666;}
.sectionOne .video{overflow:hidden;}
.sectionOne .title_1{border-bottom:1px solid #d9d9d9; display: block; margin:10px 0; height:30px;}
.sectionOne .title_1 span{float:right; font-size:12px; line-height:30px; margin-right:10px;}
.sectionOne .title_1 h3, .body_filter .type h3{border-bottom:1px solid #498BF4; font-size:16px; font-family:"微软雅黑"; font-weight:100; height:30px; float:left; color:#7d7d7d; line-height:30px;}
.sectionOne .video_list li{width: 175px; float:left; margin:10px 0;}
.sectionOne .video_list span{display:block; font-size:12px; margin-top:10px; width:126px;}
.sectionTwo .body_filter{border:1px solid #d9d9d9; border-top:none; border-radius:0 0 2px 2px; padding-bottom:10px; overflow:hidden;}
.body_filter .type{border-bottom:1px solid #d9d9d9; margin:10px; display:block; height:30px;}
.body_filter .type ul{float:right;}
.body_filter .type .active{border:1px solid #d9d9d9; border-bottom:none; border-radius:3px 3px 0 0;background-image:-webkit-linear-gradient(top, rgb(255, 255, 255), rgb(240, 240, 240));}
.body_filter .type ul li{float:left; font-size:12px; width:50px; text-align:center; line-height:30px;}
.body_filter .type_more{margin:0 10px; display:none;}
.body_filter .active{display:block;}
.body_filter .type_more li{float:left; line-height:28px; font-size:12px;margin-left:5px;}
.body_filter .type_more li a{background:url(../img/project_icon.gif) left center no-repeat; display:block; width:65px; padding-left:15px;}
.body_filter .search{margin:20px 10px;}
.body_filter .search input{border:1px solid #d9d9d9; border-radius:15px; width:150px; height:24px; padding:0 10px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); color:#666;}
.body_filter .search a{background-image:-webkit-linear-gradient(top, rgb(255, 255, 255), rgb(240, 240, 240)); border:1px solid #d9d9d9; border-radius:3px; line-height:24px; font-size:12px; margin-left:10px; padding:5px;}
.body_filter .search a:hover{background-image:-webkit-linear-gradient(top, rgb(230, 230, 230), rgb(250, 250, 250));}
.body_filter .rank{margin:0 10px; display:none;}
.body_filter .rank li a{background:url(../img/project_icon.gif) left center no-repeat; line-height: 30px; display:block; padding-left:15px;}
.body_filter .active{display:block;}
.footer{background:#EBECED; border-top:1px solid #ddd; text-align:center; padding-top:20px; height:50px; margin-top:40px; font-size:12px; color:#999;}
.sectionOne .title_2 {border-bottom:1px solid #d9d9d9; display: block; height:30px;line-height:30px;font-size:16px; font-family:"微软雅黑"; }
.sectionOne .title_2 h3{border-bottom:1px solid #498BF4; font-size:16px; font-family:"微软雅黑"; font-weight:100; height:30px; float:left; color:#7d7d7d; line-height:30px;}
.sectionOne .title_2 a{line-height:30px;font-size:16px; font-family:"微软雅黑"; }

.info{margin:20px;}
.sectionOne .info .info_title h4{text-align:center;margin-bottom:20px; font-size:18px; font-family:"微软雅黑"; font-weight:100;}
.sectionOne .info .info_time{border-top:1px solid #eaeaea; font-size:12px; color:#888; text-align:center; padding:10px 0 15px;}
.sectionOne .info .info_time span{margin-right:10px;}
.sectionOne .info .info_description {border:1px solid #eaeaea; background-color:#F6FAFD; text-indent:20px; color:#888; font-size:12px; line-height:1.8; padding:10px; margin-bottom:15px;}
.sectionOne .info .info_content{line-height:1.5;}.about_right .info .info_content p{text-indent:25px; margin-bottom:10px;}
.sectionOne .info .info_content img{max-width:650px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<650?"650px":"");overflow:hidden;}


#scrollbar1 .viewport { width: 690px; _width:680px; height:382px; overflow: hidden; position:relative;}
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background:#fff; width:10px; position: relative; background-position: 0 0; float: right;}
#scrollbar1 .track { background:#fff; height: 100%; width:9px; border-left:1px solid #fff; position: relative; }
#scrollbar1 .track:hover{border-left:1px solid #e5e5e5;background-color:#f6f6f6; width:8px;}
#scrollbar1 .thumb { background:#cbcbcb; height: 20px; width:8px; border:1px solid #b6b6b6; border-right:none; overflow: hidden; position: absolute; top: 0;}
#scrollbar1 .thumb:hover{border:1px solid #aeaeae; border-right:none; background:#898989; margin-left:-1px; width:9px;}
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
/***Scrollbar End***/
#calendar{border:1px solid #d9d9d9; border-top:none; overflow:hidden; border-radius:2px 2px 0 0; padding-bottom:20px; _height:300px;}
#mydate{margin-left:73px;}
#mydate li{height:30px; line-height:30px; text-align:center;  margin-left:10px; font-weight:normal; float:left;}
#mydate #title{font-size:14px;}
#mymonth{width:280px; height:245px; }
#mymonth li{border:1px solid #ccc; background-color:#f7f7f7; margin:7px 0 0 4px; float:left; font-size:14px; cursor:pointer; cursor:hand; position:relative; font-family: "Arial"; color:#888; width:33px; height:33px; text-align:center; line-height:33px;}
#mymonth li:hover{background-color:#ddd;}
.pre, .next{font:18px "宋体B8B\4F53";color:#888;width:9px;display:inline-block;overflow:hidden;cursor:pointer; cursor:hand;}
#mymonth .active{background-color:#ddd !important;}
.next{text-indent:-9px;}
/***Calendar End***/
.legend ul li{background:url("../img/legend_bg.jpg") no-repeat; height:12px; font-size:12px; float:right; padding-left:18px; margin:15px 5px 0 10px; line-height:12px;}
.legend .legend_blue{background-position:0px -26px;}
.legend .legend_yellow{background-position:0px -13px;}
.legend .legend_red{background-position:0px 0px;}
.tips{background-color:#ddd; border:0px solid #ccc; display:inline; width:10px; height:3px; margin-bottom:2px; position:absolute; top:29px; }
.type1{background-color:#f00;  left:1px; }
.type2{background-color:#df8900;left:11px }
.type3{background-color:#0133ff; left:21px; }

/*modal star*/
.modal {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1050;
  width: 700px;
  margin-left: -340px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
}
.modal.fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
          transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.fade.in {
  top: 30%;
}
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.hide{display:none;}
.modal-header .close {
  margin-top: 2px;
}

.modal-header h3 {
  margin: 0;
  line-height: 26px;
}

.modal-body {
  position: relative;
  max-height: 400px;
  padding: 15px;
  overflow-y: auto;
}
.modal-body li{border-bottom:1px solid #ddd; font-size:12px; padding:10px 0;}
.modal-body li h2{font-size:18px;line-height:22px;}

.modal-body li p{line-height:22px; text-indent:24px;}
.modal-body li:last-child{border-bottom:none;}
.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
/*modal end*/

/*train banner*/

.train-banner{

}

.train-banner ul{
	list-style:none;
	margin:20px 0 10px 0;
}

.train-banner ul li{
	
	background-color:#70A3F8;
	background-image: -webkit-linear-gradient(top, rgb(f8, 90, 26), rgb(e6, 80, 15));
border:1px solid #eee;
	border-radius:4px;

	line-height:60px;
	padding:0 10px;
	margin:0 0 10px 0;
}
.train-banner ul li a{
	font-size:18px;
	color:#ffffff;
}