﻿@charset "utf-8";
/* CSS Document */

*html{ background-image:url(about:blank); background-attachment:fixed;}
html,body{ height:100%;}
body{
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:Microsoft YaHei;
	color:#333;
	background:#fff;
	text-align:center;
}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td{ margin:0px; padding:0px; list-style:none;}
a:link img,a:visited img,a:hover img{ border:none;}
a:link,a:visited{ color:#333; text-decoration:none;}
a:hover{ color:#ff7e00; text-decoration:underline;}
.center{ width:1000px; margin:0px auto; text-align:left;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.hide{ display:none;}

.wrapper{ min-height:100%; _height:100%;}

/* header */
.header{ height:102px; border-bottom:5px solid #0ae7ee;}
.logo{ display:inline; margin:8px 0 0 10px;}
.nav li{ float:left; width:66px; height:60px; text-align:center; margin:42px 0 0 12px;}
.nav li a{ display:block; height:60px; font-size:14px;}
.nav li a:hover,.nav li a.on{ color:#ff7e00; text-decoration:none; border-bottom:5px solid #ff7e00;}

/* banner */
.banner1{ height:329px; background:#fc8fe9 url(../images/banner_shadow.gif) left bottom repeat-x;}
.banner2{ height:182px; background:#fc8fe9 url(../images/banner_shadow.gif) left bottom repeat-x;}

/* container */
.container .box{ height:240px; margin-top:15px; border:1px solid #e6e6e6;  overflow:hidden;}
.container .title{ height:35px; line-height:35px; background:url(../images/title_bg2.gif) left top repeat-x; border-top:2px solid #0ae7ee; border-bottom:1px solid #e6e6e6;}
.container .title b{ display:inline-block; width:16px; height:16px; float:left; margin:10px 8px 0;}
.container .title strong{ font-size:16px; color:#0ae7ee;}
.container .more:link,.container .more:visited{ float:right; margin-right:12px; color:#999;}
.container .more:hover{ color:#3db4f9;}
.container .icon1{ background:url(../images/title_icon1.png) left top no-repeat;}
.container .icon2{ background:url(../images/title_icon2.png) left top no-repeat;}
.container .icon3{ background:url(../images/title_icon3.png) left top no-repeat;}
.container .icon4{ background:url(../images/title_icon4.png) left top no-repeat;}
.container .icon5{ background:url(../images/title_icon5.png) left top no-repeat;}
.container .icon6{ background:url(../images/title_icon6.png) left top no-repeat;}
.container .icon7{ background:url(../images/title_icon7.png) left top no-repeat;}

.course-introduction{ width:728px;}
.course-introduction .title{ background:url(../images/title_bg1.jpg) left top no-repeat;}
.course-introduction .img{ float:left; display:inline; margin:18px 0 0 26px;}
.course-introduction .text{ float:right; display:inline; margin:18px 26px 0 0; width:536px;}
.course-introduction .text-content{ height:136px; font-size:14px; line-height:22px; overflow:hidden;}
.course-introduction .learn-more{ text-align:right; margin-top:4px;}
.course-introduction .learn-more a{ display:inline-block; width:83px; height:27px; line-height:27px; text-align:center; color:#fff; background:url(../images/more_bg.gif) left top no-repeat;}
.course-introduction .learn-more a:hover{ text-decoration:none;}

.course-announcement{ width:256px;}
.course-announcement ul{ margin:10px 12px 0;}
.course-announcement li{ height:26px; line-height:26px;}
.course-announcement li span{ float:right;}
/* 文字列表超出隐藏再加上... */
.course-announcement li a{ /* 给a加样式，这样...也在a标签里 */
	display:inline-block;
	width:180px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;/* IE/Safari */
	-ms-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;/* Opera */
	-moz-binding:url("ellipsis.xml#ellipsis");/* FireFox */
}
.course-announcement li a:hover{ text-decoration:none;}

.course-characteristics{ width:666px; height:240px;}
.course-characteristics ul{ margin:15px 12px 0;}
.course-characteristics li{ line-height:28px; font-size:14px;}
.course-characteristics li strong{ color:#ff7e00;}
.course-characteristics .text{ margin:18px 18px;height:180px;}
.course-characteristics .text-content{ height:180px; font-size:14px; line-height:22px; overflow:hidden; text-indent:23px;}

.container .course-resources{ width:320px; height:497px;}
.course-resources .title{ border-color:#73ce42;}
.course-resources .title strong{ color:#73ce42;}
.course-resources ul{ margin:15px 20px 0;}
.course-resources li{ float:left; padding:12px 18px; border-bottom:1px dotted #ccc;}
.course-resources .border-none{ border-bottom:none;}
.course-resources li a{ display:block; color:#0066cc; cursor:pointer}
.course-resources li a:hover{ color:#73ce42; text-decoration:none;}
.course-resources li a img{ width:56px; height:56px;}
.course-resources li p{ margin-top:5px; text-align:center; font-size:14px; width:56px; white-space:nowrap; overflow:hidden;}

.electronic-courseware{ width:666px; height:240px;}
.electronic-courseware ul{ margin-top:20px;}
.electronic-courseware li{ float:left; display:inline; margin-left:15px;}
.electronic-courseware li a{ display:block; position:relative;}
.electronic-courseware li a:hover{ text-decoration:none;}
.electronic-courseware li a:link img,.electronic-courseware li a:visited img{ width:199px; height:136px; border:1px solid #fff;}
.electronic-courseware li a:hover img{ border-color:#ff7e00;}
.electronic-courseware li a p{ margin-top:10px; text-align:center; font-size:14px; overflow:hidden;}
.electronic-courseware li a b{ display:inline-block; width:42px; height:42px; background:url(../images/play_btn.png) left top no-repeat; position:absolute; left:50%; top:50%; margin:-38px 0 0 -21px;}
.electronic-courseware li a:hover b{ background:url(../images/play_btn_hover.png) left top no-repeat; cursor:pointer;}

.teaching-achievements .marquee{ height:160px; margin:20px 22px 0; position:relative; overflow:hidden;}
.teaching-achievements .marquee ul{ position:absolute; left:0; top:0; width:9999px;}
.teaching-achievements .marquee li{ float:left; margin-right:16px;}
.teaching-achievements .marquee li a{ display:block;}
.teaching-achievements .marquee li a:hover{ text-decoration:none;}
.teaching-achievements .marquee li img{ display:block; width:174px; height:129px; padding:1px; border:1px solid #a8a8a8;}
.teaching-achievements .marquee li p{ margin-top:10px; text-align:center; font-size:14px; overflow:hidden;}

/* inside */
.col-left{
	width:240px;
	min-height:645px;
	_height:645px;
	background:#fff2fd url(../images/col-left_bg.jpg) center bottom no-repeat;
}
.col-left .title2{
	height:44px;
	line-height:44px;
	text-align:center;
	font-size:18px;
	background:#0ae7ee;
	color:#fff;
}

.mould-menu dl{ border-bottom:1px dotted #666;}
.mould-menu dt{ height:38px; line-height:38px;}
.mould-menu dt a{ display:block; padding-left:28px; background:url(../images/item_icon1.gif) 13px center no-repeat; font-size:14px;}
.mould-menu dt.on1 a{ background:url(../images/item_icon2.gif) 13px center no-repeat; color:#ff7e00;}
.mould-menu dd{ height:32px; line-height:32px; margin-left:30px;}
.mould-menu dd a{ display:block; padding-left:20px;}
.mould-menu dd.on2 a{ border-bottom:1px solid #d2d1d1; border-left:2px solid #ff7e00; color:#ff7e00; background:#fff;}
.mould-menu a:hover{ text-decoration:none;}

.col-main{ width:760px;}
.col-main .location{ height:43px; line-height:43px; padding-left:20px; font-size:14px; border-bottom:1px solid #ccc;}

/* footer */
.footer-fixer{ position:relative; height:88px; margin-top:15px;}
.footer{ position:absolute; left:0px; width:100%; height:88px; margin-top:-88px; background:#1e262a;}
.footer p{ font-size:14px; color:#fff; line-height:2;}
.footer .first{ margin-top:15px;}



/*自己添加的*/
.mould-newsList{ margin:20px;}
#a1{margin:0 auto;}
.swfplayer{text-align:center;}
.documentplayer{ text-align:center;}
.mould-teacherList{ margin:20px;}
.mould-productsList2{ margin:20px;}