@charset "utf-8";
body {
  background: url(../img/bg2.jpg) no-repeat center 200px #fff;
  font: normal 12px/24px "Microsoft YaHei","微软雅黑","Microsoft JhengHei","华文细黑","STHeiti","黑体","宋体";
  color: #000000;}
a:link,
a:visited {
  color: #4a4a4a;}
a:hover,
a:active {
  color: #106470;}
h2,
dt,
dd {
  padding: 0;
  margin: 0;}
/***************
  header
****************/

.v_news_content table{ margin:0 auto; width:100%;}

#headerwrap {
  width: 100%; height: 201px; background: url(../img/header_bg.jpg) repeat-x #fff;}
.header {
	width: 980px; height: 35px; line-height: 35px; margin: 0 auto;background: url(../img/top_bg.jpg) no-repeat left top;}
.header .left {
	float: left; display: inline; padding-left: 20px; color: #8B898A; background: url(../img/icon_timer.jpg) no-repeat left center
;}
.header .right {
	float: right; display: inline; color: #ced7ce;}
.header .right a {
	color: #FFFFFF; margin: 0px 5px;}
#headerwrap .logoarea {
	height: 124px; width: 980px; margin: 0px auto; overflow: hidden;}
#headerwrap .logoarea .logo {
	float: left; display: inline; margin:20px 0px 0px 10px;}
#headerwrap .logoarea .searcharea {
	float: right; display: inline; margin-top: 30px; margin-right: 22px; position: relative;}
#headerwrap .logoarea .searchdiv {
	height: 30px; float: right; display: inline;}
#headerwrap .logoarea .searchinput {
	width: 120px; padding-left: 10px; height: 26px; border: 1px solid #fff; background: #fff; outline: none; font-size: 12px; line-height: 26px;}
#headerwrap .logoarea .searchbtn {
	display: block; width: 28px; position: absolute; height: 28px; background: url(../img/indexbg.jpg) no-repeat; background-position: 4px -43px; top: 0px; right: 0px; border: none;}
#headerwrap .navarea {
	height: 43px; width: 980px; margin: 0px auto;}
/***************
  body
****************/
#mainwrap {
  width: 980px; margin: 0px auto; margin-top:15px; overflow:hidden; background: #fff;}
#mainwrap2 {
  width: 980px; margin: 0px auto; overflow:hidden; background: #fff;}
.index_l {
	float:left; width: 725px;}
.index_r {
	float:right; width: 240px;}

.indexarea {
	border: 1px solid #CDD8D4; border-bottom: none; background: #fff;}
.indexarea_bottom {
	height: 3px; background: url(../img/index_area_bottom.jpg) repeat-x left top #fff;}
.indexarea H2 {
	font-size: 16px; font-weight: normal; color: #f19935; height: 35px; line-height: 35px; padding-left: 15px; border-top: 5px solid #f19935; border-bottom: 1px solid #CDD8D4;}
.indexarea H2 SPAN A {
	float: right; margin-right:15px; padding-right: 10px; font-size:14px; color: #A4AFAB; background: url(../img/icon_more.jpg) no-repeat right center;}

.index_mt {
	margin-top: 15px;}
.indexnews {
	width: 723px;}
.indexnews_bottom {
	width: 725px;}
.indexnews .newsinfo {
	clear: both; width: 725px; overflow: hidden; padding: 5px 0;}
.indexnews .newsinfo .picarea {
	float: right; width: 285px;}
.indexnews .newsinfo .newsarea {
	float: left; width: 420px;padding-left:10px;}
.indexnews .newsinfo .newsarea UL LI {
	background: url(../img/icon_news_item.jpg) no-repeat left center; padding-left:10px; height: 24px; clear: both;}
.indexnews .newsinfo .newsarea UL LI SPAN {
	width: 50px; font-family: Arial, Helvetica, sans-serif; float: right; color: #bababa; font-size: 11px; text-align:center
;}
.indexnews .newsinfo .newsarea UL LI A {
	color: #545655;}
.indexnews .newsinfo .newsarea UL LI A:hover {
	color: #027653; text-decoration: underline
;}

.indexacademic {
	width: 238px;}
.indexacademic_bottom {
	width: 240px;}
.indexacademic .academicinfo {
	clear: both; width: 240px; overflow: hidden; padding: 5px 0;}
.academicinfo ul li { 
	/* height: 60px; */margin:3px auto; line-height:22px;}
.academicinfo .adate { 
	height: 45px; float: left; width: 55px; text-align: center; padding-left: 10px; border-right: 1px dashed #CACCCB; font-family: "Times New Roman"; font-size: 13px;}
.academicinfo .adate span {
	font-size: 20px;}
.academicinfo .alist { 
	float: right; width: 159px; padding-left: 5px; padding-right: 10px;}
.academicinfo .alist2 { 
	margin:0 auto; width: 225px; border-bottom:1px dashed #ccc;}
.academicinfo .alist3 { 
	margin:0 auto; width: 225px;}
.videoarea {
	padding:5px 15px;}
.videoarea UL LI {
	background: url(../img/icon_video_item.jpg) no-repeat left center; padding-left: 22px; height: 24px; clear: both;}
.videoarea UL LI A {
	color: #545655;}
.videoarea UL LI A:hover {
	color: #027653; text-decoration: underline
;}

.teacherarea {
	padding:8px 15px;}
.teacherarea UL LI {
	padding-left: 22px; clear: both;}
.teacherarea UL LI A {
	color: #545655;}
.teacherarea UL LI A:hover {
	color: #027653; text-decoration: underline
;}

.index_special {
	width: 725px; height: 50px; margin: 0px auto; clear: both; padding: 15px 0px;}
.index_special ul li.zt1 {
	float: left; width: 170px; height: 50px; background: url(../img/zt_1.jpg) no-repeat left center;}
.index_special ul li.zt2 {
	float: left; width: 170px; height: 50px; background: url(../img/zt_2.jpg) no-repeat left center; margin-left: 15px;}
.index_special ul li.zt3 {
	float: left; width: 170px; height: 50px; background: url(../img/zt_3.jpg) no-repeat left center; margin-left: 15px;}
.index_special ul li.zt4 {
	float: left; width: 170px; height: 50px; background: url(../img/zt_4.jpg) no-repeat left center; margin-left: 15px;}
.index_special ul li a{
    display: block; width: 170px; height: 50px; cursor: hand;}

.index_down {
	width: 245px; float: left;}
.index_down UL LI {
	background: url(../img/icon_news_item.jpg) no-repeat left center; padding-left: 15px; height: 24px; clear: both;}
.downarea {
	padding: 4px 10px;}
.index_down UL LI {
	margin:0 auto;}
.index_down UL LI SPAN {
	width: 50px; font-family: Arial, Helvetica, sans-serif; float: right; color: #bababa; font-size: 11px; text-align:center
;}
.index_down UL LI A {
	color: #545655;}
.index_down UL LI A:hover {
	color: #027653; text-decoration: underline
;}
.index_notice {
	width: 725px; float: right;}
.indexnotice_bottom {
	width: 470px;}

.index_link {
	width: 100%; border-top: 1px solid #D4D4D4; border-bottom: 3px solid #D4D4D2; height: 110px; background: #F8F8F8; clear: both;}
.index_link .linkarea {
	width: 980px; margin: 0px auto;}
.index_link .linkarea .course .web a {
	display: block; width: 160px; height: 42px; background: url(../img/link_institute.jpg) no-repeat left center; margin-left: 15px; margin-top: 10px; float: left;}

.index_link .linkarea .course {
	width: 512px; height: 110px; border-right: 1px solid #D4D4D4; float: left;}
.index_link .linkarea .course h2 {
	font-size: 14px; line-height: 40px; height: 40px; padding-left: 15px; color: #027653;}
.index_link .linkarea .course .web1 a {
	display: block; width: 160px; height: 42px; background: url(../img/link_physical.jpg) no-repeat left center; margin-left: 15px; margin-top: 10px; float: left;}
.index_link .linkarea .course .web2 a {
	display: block; width: 127px; height: 42px; background: url(../img/link_math.jpg) no-repeat left center; margin-left: 15px; margin-top: 10px; float: left;}
.index_link .linkarea .infomation {
	width: 456px; height: 110px; float: left;}
.index_link .linkarea .infomation h2 {
	font-size: 14px; line-height: 40px; height: 40px; padding-left: 15px; color: #027653;}
.index_link .linkarea .infomation ul li {
	float: left; width: 60px; margin-left: 15px; text-align: center;}
.index_link .linkarea .infomation a {
	color: #545454;}

#footerwrap {
  width: 100%; height: 100px; background: #015e9c;}
.copyright {
	width: 980px; height: 80px; line-height: 24px; margin: 0 auto;}
.copyright .text {
	text-align: right; color: #FFFFFF; padding: 30px 30px 0px 0px; font-family: Arial,宋体
;}

#news{width:100%; display: block; min-height:auto; float:none; text-align:center;}
.sec-articles-wrap{ width:260px; height:195px; position:relative; overflow:hidden;}
.sec-articles-wrap{ width:260px; height:195px; position:relative; overflow:hidden; margin:0 auto; display:block; margin-top:12px;}
.sec-articles{position:absolute;}
.article{ float:left;display:block;width:260px; height:195px;}
.article img {width:260px;height:165px;}
.article span{ line-height:30px; font-weight:normal; font-size:13px; text-overflow:ellipsis; white-space:nowrap;display:block;width:258px; overflow:hidden; cursor:pointer;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.article span:hover{ color:#B92F0F; text-decoration:underline;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.article a{-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.article a:hover{ color:#B92F0F; text-decoration:none;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.sec-nav{display:block; margin:0 auto; width:64px; overflow:hidden; height:20px;}
.sec-nav a{ display:block; background:url(../img/navdot.jpg) no-repeat 50% 50%; width:16px; height:20px; text-indent:-9999px; float:left;}

.teacherarea{width:220px;height:160px;position:relative; margin:0 auto; padding:9px;}
.rslides{width:100%;position:relative;list-style:none;padding:0;}
.rslides_nav{ width:36px; height:36px; background-image:url(../img/banner_new.jpg); display:block; position:absolute;  text-indent:-10em; overflow:hidden;}

.prev{ background-position:0 0;left:-40px; top:180px;}
.prev:hover{ background-position:0 -36px;}
.next{ background-position:-36px 0;right:-40px; top:180px;}
.next:hover{ background-position:-36px -36px;}


.contianer {
	background: #fff;
	border: 1px solid #e2e2e4;
	border-bottom: none;
	float: left;
	position: relative;
	color: #aaa;
	z-index: 1;}
.contianer h2 {
	height: 35px;
	line-height: 35px;
	border-bottom: 3px solid #f19935;
	overflow: hidden;
	padding: 0;}
.contianer h2 .tab {
	font-size: 14px;
	line-height: 35px;
	display: block;
	height: 35px;
	padding: 0 20px;
	float: left;
	color: #f19935;
	cursor: hand;}
.contianer h2 .tab.current {
	color: #fff;
	background: #f19935;}
.contianer h2 .tab:hover {
	text-decoration: none;}
.contianer h2 a.more {
	float: right;
	margin-right: 20px;
	font-size: 12px;
	font-weight: normal;
	color: #999;
	background: none;}
.contianer .time {
	float: right;
	font-weight: normal;}
.contianer .newslist {
	margin: 10px 0px 10px 10px; width: 713px;}
.contianer .newslist li {
	font-size: 12px;
	height: 24px;
	padding-left: 15px;
	background: url(../img/icon_news_item.jpg) no-repeat left center;
	width: 700px;}
.contianer .newslist li SPAN {
	width: 50px; font-family: Arial, Helvetica, sans-serif; float: right; color: #bababa; font-size: 11px; text-align:center
;}



.teacher {overflow: hidden; width:240px; height:205px; _margin-top:-20px;}
.teacher ul li {float: left; text-align: center;width: 172px; margin:0 3px; _margin:0 2px;}
.teacher ul li img {height: 114px; width: 162px; overflow:hidden;}
.teacher .p_left {cursor: pointer; height: 18px; background: url(../img/icon_slider_arrow_l.jpg); float: left; margin: 35px 8px 0px;  width:14px;}
.teacher .p_right {cursor: pointer; height: 18px; background: url(../img/icon_slider_arrow_r.jpg); float: left; margin: 35px 8px 0px; width:14px;}
.teacher .p_ctr {float: left;  width:905px; line-height:24px;}


.left_col {
	float: left;}
.left_col .menuarea {
	width: 238px; border: 1px solid #CDD8D4; border-bottom: none; background: #fff;}
.left_col .menuarea h2 {
	height: 40px; background: url(../img/sub_nav_bg.jpg) repeat-x left top; line-height: 40px; color: #fff; font-size: 15px; padding-left: 25px;}
.left_col .menuarea ul {
	padding: 15px 18px;}
.left_col .menuarea li a {
	height: 36px;
	line-height: 36px;
	padding-left: 20px;
	font-size: 15px;
	display: block;
	color: #f19935;
	background: url(../img/sub_nav_off.jpg) 0 0 repeat-x;
	margin: 0px 0px 10px;}
.left_col .menuarea li a.current,.left_col .menuarea li a:hover {
	color: #ffffff;
	background: url(../img/sub_nav_on.jpg) 0 0 repeat-x;}
.menuarea_bottom {
	width: 240px;}
.right_col {
	float: right; width: 725px; margin-bottom: 15px;}
.right_col .contentarea {
	width: 723px; border: 1px solid #CDD8D4; border-bottom: none; background: #fff;}
.right_col .contentarea h2 {
	height: 35px; line-height: 40px; color: #f19935; font-size: 16px; padding-left: 25px; font-weight: normal; border-bottom: 5px solid #008faa;}
.right_col .contentarea h2 span {
	float: right; font-size: 12px; font-family: 宋体; color: #666; padding-right: 25px;}
.contentarea_bottom {
	width: 725px;}
.right_col .contentarea .content {
	padding: 20px;}
.right_col .contentarea .content a {
	text-decoration:underline;font-size:14px;}


.detailwrap {
  width: 978px; margin: 0px auto; overflow:hidden; border: 1px solid #CDD8D4; border-bottom: none;  background: #fff;}
.line {
	border-top: 5px solid #f19935; width: 980px;}
.detailwrap_bottom {
	width: 980px; margin: 0px auto; margin-bottom: 15px;}


#zt ul { width:800px; height:50px; margin:0 auto;}
#zt li { float:left; height:50px;}
#zt li.ml { margin-left:15px;}
#zt a { float:left; position:relative; height:50px; overflow:hidden; font-size:14px; color:#e0e03a; text-decoration:none; cursor:pointer;}
#zt strong { float:left;}
#zt span { float:left; padding:0; height:50px; line-height:50px; background:#900; clear:both; white-space:nowrap;}
#zt .active,#nav .current span { background:#600; color:#fff;}
#zt .current .active { color:#e0e03a;}


/* Tab */
.tablist { background-color: #ddd; font-size: 14px; *zoom: 1;}
.tablist:after { display: table; content:''; clear:both;}
.tab { float: left;}
.tab_a { display: block; padding: .5em 1.5em; color: #333; text-decoration: none;}
.tab_a:hover { background-color: #ccc;}
.tab_on, .tab_on:hover { background-color: #4a9b00; color: #fff;}
.tab_content { min-height: 250px; border: 1px solid #ddd;}
.tabpanel { padding: 15px;}
.tab_content_rel { height: 256px; overflow: hidden; position: relative;}
.tabpanel_abs { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center;}
.tabpanel_abs img { width: 90%; height: 190px; margin-top: 30px;}
.tab_limit { width: 300px; margin: auto;}
.tab_auto_play { position: relative; text-align: center; *zoom:1; z-index: 1;}
.prev, .next { position: absolute; width: 30px; height: 60px; background: #bbb center no-repeat; border-radius: 4px;}
.prev { background-image: url(../img/prev.jpg);}
.next { background-image: url(../img/next.jpg);}
.prev:hover, .next:hover { background-color: #aaa;}
.tab_auto_play .prev { left: -60px; top: 110px;}
.tab_auto_play .next { right: -60px; top: 110px;}
.pause, .play { width: 50px; height: 50px; position: absolute; left: 50%; top: 110px; margin-left: -25px; z-index: 1;}
.pause { background: url(../img/pause.jpg) no-repeat 0 -50px;}
.play { background: url(../img/play.jpg) no-repeat 0 -50px;}


.lanmu3 {
	width: 100%; height: 50px;}
.lanmu3 UL {
	margin:0 auto;}
.lanmu3 UL LI {
	float: left; margin: 0 10px;}
.lanmu3 UL LI A {
	color: #666; display: block; text-decoration: none; font-size: 14px; height: 35px; line-height: 32px; padding: 0 30px; background: url(../img/lanmu3_bg_off.jpg) no-repeat center bottom #ccc; margin: 0px 0px 10px;}
.lanmu3 UL LI A.current {
	color: #fff; text-decoration: none; background: url(../img/lanmu3_bg_on.jpg) no-repeat center bottom #008faa;}
.lanmu3 UL LI A:hover {
	color: #fff; text-decoration: none; background: url(../img/lanmu3_bg_on.jpg) no-repeat center bottom #008faa;}

.playBoxWrap{
	height:200px;}
#playBox{ width:980px;margin:0 auto; margin-top:15px; background:#333; position:relative; overflow:hidden;}
#playBox .oUlplay {width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .smalltitle {width:980px; height:10px; position:absolute; bottom:10px; z-index:10;}
#playBox .smalltitle ul{ width:80px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#b71c2b;}

#rightArrow {
    width: 50px;
    height: 45px;
    background: url(../images/online_arrow.jpg) no-repeat;
    position: fixed;
    top: 216px;
    right: 170px;
    z-index: 999;}
#floatDivBoxs {
    width: 170px;
    background: #fff;
    position: fixed;
    top: 216px;
    right: 0;
    z-index: 999;}
#floatDivBoxs a{
	font-size:14px;
	padding:5px;
	line-height:1.5em;}
#floatDivBoxs .floatDtt {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #36a16b;
    color: #fff;
    font-size: 18px;
    text-indent: 30px;
    position: relative;}
.floatShadow {
    background: #fff;
    box-shadow: -2px 0 3px rgba(0,0,0,0.25);}
#floatDivBoxs .floatDbg {
    width: 100%;
    height: 20px;
    background: url(../images/online_botbg.jpg) no-repeat;
    box-shadow: -2px 0 3px rgba(0,0,0,0.25);}

/*知名校友开始*/
.alumni {overflow: hidden; width:980px; height:265px; margin: 0px auto;}
.alumni ul li {float: left; text-align: center;width: 130px; margin:0 5px; _margin:0 2px;}
.alumni ul li img {height: 156px; width: 130px; overflow:hidden;}
.alumni .p_left {cursor: pointer; height: 43px; background: url(../img/arrow_left.jpg); float: left; margin: 60px 20px 0px;  width:25px;}
.alumni .p_right {cursor: pointer; height: 43px; background: url(../img/arrow_right.jpg); float: left; margin: 60px 10px 0px; width:25px;}
.alumni .p_ctr {float: left;  width:905px; line-height:24px;}

/*标题图标开始*/
.title {height: 32px;line-height: 32px; border-bottom:2px solid #f19935; width:98%; margin:0 auto;}
.title span{ width:98px; text-align:center; background:#f19935; color:#ffffff; font-size:14px; display:block; font-weight:bold;}
.h_10{height:10px; clear:both;}
.h_15{height:15px; clear:both;}
.h_20{height:20px; clear:both;}
.box{background-color:#fff;}
/*标题图标结束*/
/*知名校友结束*/