/*Technical Support SudyTech*/
/*
Copyright (c) 2013, HopeStudio(ce.sysu.edu.cn/hope.com). All rights reserved.
Based on YUI http://developer.yahoo.com/yui/reset/
and Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
version: 1.0 | 20130709
*/

/* css reset */
* {margin: 0; padding: 0;}
img {border: 0;}
:focus {outline: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
input, button, select, option {font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;}
input {background:transparent; border:none;}
body {font:14px/1.5 Arial, Tahoma, SimSun, sans-serif;}
a {text-decoration:none; color:#000;}
a:hover {color:#1b8ad8;}
a:focus {color:#1b8ad8;}
ol, ul {list-style: none;}
button {border:none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
:link, :visited {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* layout */
.clearfix {clear:both;}

.f_l {float:left;}
.f_r {float:right;}
.p_r {position:relative;}
.p_a {position:absolute;}
.d_n {display:none;}
.d_b {display:block;}

body {background-color:#edf7fe;}
#Header, #indMain, #Footer {margin-left:auto; margin-right:auto; min-width:960px;}
#Banner, ul.l1Nav, #Main, #Copyright {margin:0 auto;}
.Breadcrumb {width:668px; height:39px; padding:0 45px; line-height:39px; color:#919191; background:url("../images/breadcrumb_bg.png") no-repeat 17px 7px;}
.Breadcrumb a {color:#919191;}
.List li {height:28px; padding-left:18px; line-height:28px; border-bottom:1px dotted #c2d4e9; background:url("../images/list_dot.png") no-repeat 3px center;}
.List li span {float:right;}

#Header {background:url("../images/banner_bg.jpg") no-repeat center top;}
#Banner {width:960px; height:118px;}
img#Logo {margin-top:23px;margin-left:10px;}
.ev {width:116px; height:26px; right:0; top:0;}
.ev .ev_bg {width:116px; height:26px; background-color:#000; _background-color:#5a82a5; opacity:0.3; filter: alpha(opacity=30); z-index:1;}
.ev .ev_text {width:116px;height:26px; text-align:center; line-height:26px; z-index:2;}
.ev a {color:#fff;}

#Nav {height:44px; background:url("../images/nav_bg.png") repeat-x;}
ul.l1Nav {width:960px; height:44px;}
ul.l1Nav li {height:44px; line-height:44px; float:left;}
ul.l1Nav li.l1 {width:95px; height:44px; text-align:center; line-height:44px; position:relative; z-index:3;}
ul.l1Nav li.addBg {background:url("../images/nav_hover.png") repeat-x;}
ul.l1Nav li.l1 a {color:#fff; font-size:18px;}
ul.l1Nav li.Sep {width:1px; height:26px; margin-top:9px; background-color:#adbfda;}
ul.l1Nav li ul.l2Nav {width:87px; padding:0 4px; background-color:#85c7ef; position:absolute; top:42px;left:0; display:none;}
ul.l1Nav li ul.l2Nav li a {font-size:14px; color:#000;}
ul.l1Nav li ul.l2Nav li.l2 {width:87px; height:40px; text-align:center; line-height:40px; border-top:1px solid #ccc;}
ul.l1Nav li ul.l2Nav li.l2 a:hover {color:#ffffff;}
/* .l2bg {width:95px;height:100%; background:#85c7ef; opacity:0.8; filter: alpha(opacity=80); position:absolute; top:42px;left:0; display:none;} */

#indMain {width:960px;margin-top:9px;}
#indMain marquee {line-height:32px;border:solid 1px #96C1E8;margin-bottom:9px;background:#E1FDF6;}
.indAbove, .indBelow {margin-bottom:9px;}
.indAbove {width:960px; height:283px;}
ul.indMainpic {width:635px; height:283px; position:relative; overflow:hidden;}
ul.indMainpic li {position:absolute;}
ul.indMainpic img {display:block;width:635px;}
p.indPicDes {position:absolute; top:241px;left:0;width:615px; height:42px;line-height:42px;padding:0 10px; background-color:#000; opacity:0.7; filter:alpha(opacity=70); font-size:14px; color:#fff; z-index:99;}
p.indPicDes a {color:white;}
.indList dt {height:28px; border-bottom:#bec6cb; background:url("../images/list_t_bg.png") repeat-x;}
.indList dt h3 {width:89px; height:28px; line-height:28px; text-indent:8px; background:url("../images/list_t_h_bg.png") repeat-x;}
.indList dt h3 a {padding-left:12px; color:#fff; background:url("../images/list_t_o_add.png") no-repeat left center;}
.indListr dt {height:28px; border-bottom:#bec6cb; background:url("../images/list_t_bg.png") repeat-x;}
.indListr dt h3 {width:89px; height:28px; line-height:28px; text-indent:8px; background:url("../images/list_t_h_bg.png") repeat-x;}
.indListr dt h3 a {padding-left:12px; color:#fff; background:url("../images/list_t_o_add.png") no-repeat left center;}
.indNews {width:313px; height:281px; border:1px solid #bec6cb; background-color:#fff;}
.indNews dd {padding:10px 13px;}
.indNews dd ul {width:288px; height:217px;}
.indNews dd ul li {width:278px; height:30px; padding-left:10px; line-height:30px; border-bottom:1px dotted #c2d4e9; background:url("../images/list_dot.png") no-repeat left center;}
.indNewsr {width:313px; height:281px; border:1px solid #bec6cb; background-color:#fff;}
.indNewsr dd {padding:10px 13px;}
.indNewsr dd ul {width:288px; height:217px;}
.indNewsr dd ul li {display:block; width:278px; height:135px;text-align:center; margin:0 auto; padding-left:10px; line-height:130px; border-bottom:1px dotted #c2d4e9; background:url("../images/list_dot.png") no-repeat left center;}
span.indMore a {font-family:Arial; color:#1b8ad8; font-weight:bold;}
span.indMore a:hover, span.indMore a:focus {border-bottom:1px dashed #1b8ad8;}
.indBelow {width:960px; height:281px;}
.indBelowr {width:285px; height:125px;text-align:center;background-color:#e5f5ff;}
                                         
.indArt {width:633px; height:279px; _height:280px; border:1px solid #bec6cb; background-color:#fff;}
.indArt ul.indCat {width:633px; height:28px; border-bottom:1px solid #bec6cb; background:url("../images/list_t_bg.png") repeat-x;}
.indArt ul.indCat li {width:88px; height:28px; line-height:28px; text-indent:8px; float:left;}
.indArt ul.indCat li a {padding-left:12px; background:url("../images/list_t_o.png") no-repeat left center;}
.indArt ul.indCat li.onTab {background:url("../images/list_t_h_bg.png") repeat-x;}
.indArt ul.indCat li.onTab a {color:#fff; background:url("../images/list_t_o_add.png") no-repeat left center;}
.indArt ul.List {width:605px; height:231px; padding:8px 14px 10px 14px; position:absolute;}
.indArt ul.List li {width:595px; height:30px; padding-left:10px; line-height:30px; background:url("../images/list_dot.png") no-repeat left center;}
.indArt ul.List li img {margin-top:10px; margin-left:8px;}
.indArt ul.MoreCont {right:14px; bottom:24px;}
.indArt ul.MoreCont li.indMore {position:absolute; top:0px; right:0px;}
.indArt ul.MoreCont li.indMore a {font-family:Arial; color:#1b8ad8; font-weight:bold;}
.indArt ul.MoreCont li.indMore a:hover, .indArt ul.MoreCont li.indMore a:focus {border-bottom:1px dashed #1b8ad8;}
.indInfo {width: 313px;height: 279px;border:1px solid #bec6cb;background-color:#fff;}
.indInfo dd {width:287px;height: 230px;padding: 14px 13px 3px 13px;/* display: inline-block; */}
ul.Left {width:93px; float:left;}
ul.Right {width:186px; float:left;}
.indInfo dd ul li {height:30px; line-height:30px; padding-left:20px; border-bottom:1px dotted #c2d4e9; background:url("../images/list_dot.png") no-repeat 3px center; float:left;}
.indInfo dd ul li.indList_Last {border-bottom:none;}
ul.Left li {width:68px;}
ul.Right li {width:165px;}
.indBtnCont {width:315px; height:77px; margin-top:9px;}
a.indBtn {height:38px; line-height:38px; text-align:center; background-color:#458fc3;color:#fff; font-weight:bold; display:block; float:left;}
a.indBtn:hover {background-color:#3268a6;}
a.indBtn_l {width:110px; margin-right:6px;}
a.indBtn_s {width:83px;}
a.platform {background:orange;}
form#FieldSearchForm {margin-top:47px; _margin-top:10px;}
form#FieldSearchForm div.STxtCont {width:202px; height:16px; _height:6px; padding:6px 11px; background-color:#fff; border:1px solid #bec6cc; float:left;}
input#Keyword {height:16px; width:202px;}
form#FieldSearchForm div.SBtnCont {width:81px; height:28px; background:url("../images/searchbtn_bg.png") repeat-x; border:1px solid #4c95c9; float:right;}
input#SearchBtn {width:81px; height:28px; font-weight:bold; color:#fff; cursor:pointer;}

#Footer {background-color:#3268a6;}
#Copyright {width:960px; height:57px; padding-top:13px;}
#Copyright p {width:400px; height:44px; line-height:22px; color:#fff;}
#Copyright p.f_r {text-align:right;}
#Copyright p a {color:#fff;}
#Copyright p a:hover, #Copyright p a:focus {border-bottom:1px dashed #fff;}

#colMain {width:960px; margin:10px auto;}
.colLeft {width:165px; height:auto; padding:15px 12px; border:1px solid #d9d9d9; background-color:white; top:0; left:0; bottom:0;}
.colLeft img {display:block;}
.colLeft form#FieldSearchForm {width:165px; height:26px; margin:18px 0;}
.colLeft form#FieldSearchForm input#Keyword {width:100px; height:14px; padding:5px 6px; border-top:1px solid #bec6cc; border-bottom:1px solid #bec6cc; border-left:1px solid #bec6cc; border-right:none;}
.colLeft form#FieldSearchForm div {width:50px; height:24px; float:right; border:1px solid #4c95c9; background:url("../images/searchbtn_bg.png") repeat-x;}
.colLeft form#FieldSearchForm input#SearchBtn {width:50px; height:24px; line-height:24px; font-weight:normal; border:none; color:#fff;}
.colNav {width:165px; height:36px; line-height:36px; text-align:center; color:#919191; background:url("../images/colnav.png") no-repeat center;}
ul.colNameCont {width:165px; height:108px;}
ul.colNameCont li {width:165px; height:36px; line-height:36px; text-align:center;}
.colRight {width:758px; min-height:383px; _height:383px; margin-left:200px; padding-bottom:5px; border:1px solid #d9d9d9; background-color:white;}
.colList {width:702px; padding:13px 28px 24px 28px; border-top:1px dotted #d9d9d9;}
.colList h3 {width:702px; height:46px; line-height:46px; text-indent:18px; font-weight:bold; background:url("../images/collist_t.png") no-repeat left center;}
.colList ul.List {width:702px; min-height:250px; _height:250px;}
.colList ul.List li {height:31px; line-height:31px; border-bottom:none;}
.colList ul.List li img {margin-top:10px; margin-left:8px;}
.colMore {width:50px; height:18px; line-height:18px; text-align:right; float:right;}
.colMore a {color:#447ec0;}
.Column .colList ul.List {min-height:62px; _height:62px;}
ul.SchoolCont {width:720px; height:180px; margin:10px auto;}
ul.SchoolCont li {width:100px; height:158px; padding:10px 40px; float:left;}
ul.SchoolCont li img {width:100px; height:100px; margin:10px auto; display:block;}
a.School {width:100px; height:38px; line-height:38px; text-align:center; background-color:#458fc3;color:#fff; font-weight:bold; display:block;}
a.School:hover {background-color:#3268a6;}

.ListPage ul.List li {border-bottom:1px dotted #c2d4e9;}
.pager {width:672px; height:29px; margin-top:19px; padding:3px 13px 13px 13px; border:1px solid #d9d9d9; background-color:#f2f2f2;}
.pager .paginator2 {text-align:right;}

#contMain {width:958px; min-height:388px; _height:388px; margin:10px auto; border:1px solid #d9d9d9; background-color:#fff;}
.contMainTop {width:945px; height:39px; padding-right:15px;}
.contMainTop form#FieldSearchForm {width:198px; height:26px; margin-top:7px; float:right;}
.contMainTop form#FieldSearchForm input#Keyword {width:132px; height:16px; padding:4px 6px; border:1px solid #bec6cc;}
.contMainTop form#FieldSearchForm div {width:50px; height:24px; float:right; border:1px solid #4c95c9;}
.contMainTop form#FieldSearchForm input#SearchBtn {width:50px; height:24px; font-weight:normal; border:none; background:url("../images/searchbtn_bg.png")repeat-x; color:#fff;}
.contMainTop .Breadcrumb {width:578px;}
.contContainer {border-top:1px dotted #d9d9d9; border-bottom:1px dotted #d9d9d9;}
.contContainer h1.Title {font-family:SimSun; font-size:18px; font-weight:bold; text-align:center; color:#000; line-height:28px;margin: 20px 0 8px 0;padding:8px 0;}
.contContainer h3.Subtitle {height:28px; line-height:28px; text-align:center;}
p.art_Info {height:30px; margin:0 auto; line-height:30px; text-align:center; color:#808080;}
.Cont {margin:20px auto; padding:0 40px; line-height:200%;word-wrap:break-word;}
.Cont p {margin:20px 0; line-height:1.8;}
.Cont h1, .Cont h2, .Cont h3, .Cont h4, .Cont h5, .Cont h6 {font-size: 100%; font-weight: bold;}
.Cont table th, .Cont table td {padding-left:4px; padding-right:4px;}
ul.preNext {padding:17px; line-height:23px;}
ul.preNext li {padding-left:14px; background:url("../images/list_dot.png") no-repeat left center;}
ul.preNext li span {font-family:SimSun;}
div#gotop {margin-left:490px; position:fixed; bottom:120px; left:50%; z-index:100; cursor:pointer; _position:absolute; display:none;}

.colContainer {padding:16px; line-height:200%; border-top:1px dotted #d9d9d9;}
.colContainer h2.Title {margin-left:28px; font-family:'Microsoft Yahei'; font-size:22px;}
.colContainer h2.eTitle {margin-left:28px; font-family:Arial; font-size:14px; text-transform : uppercase; color:#5eb6ef;}
.colContainer img.eTitleA {top:21px; left:18px; _left:3px;}
.colContainer p {margin:14px 0;}

.dlContainer {min-height:248px; _height:248px; padding:29px; border-top:1px dotted #d9d9d9;}
.dlContainer h3 {padding-left:16px; font-weight:bold; background:url("../images/list_dot.png") no-repeat 2px center;}
.dlContainer h3 a {color:#0d55a7;}
.dlContainer .Download table {margin:11px auto 30px auto;}
.dlContainer .Download table th {height:41px; background-color:#f5f5f5; border:1px solid #d9d9d9;}
.dlContainer .Download table td {height:35px; line-height:35px; border:1px solid #d9d9d9;}
.dlContainer .Download table td a {color:#000;}
.dlContainer .Download table td a:hover, .dlContainer .Download table td a:focus {color:#1b8ad8;}
.dlName, .dlSource, .dlTime {padding:0 16px;}
th.dlName, th.dlSource, th.dlTime {text-align:left;}
.dlName {width:376px;}
.dlSource {width:87px;}
.dlType {width:49px; text-align:center;}
.dlType img {margin-left:auto; margin-right:auto;}
.dlTime {width:77px;}
.dlContainer .Download p {margin:20px;}

.colTeacherList {width:722px; padding:10px 18px 24px 18px; border-top:1px dotted #d9d9d9;}
.colTeacherList h3 {width:694px; height:46px; line-height:46px; padding-left:28px; font-size:16px; font-weight:bold; background:url("../images/collist_t.png") no-repeat left center;}
h3.Mathematics {background:url("../images/math.png") no-repeat left center;}
h3.Physics {background:url("../images/physics.png") no-repeat left center;}
h3.Chemistry {background:url("../images/chem.png") no-repeat left center;}
h3.Biology {background:url("../images/bio.png") no-repeat left center;}
.colTeacherList .class {margin-bottom:10px;}
.colTeacherList .class ul {width:722px;}
.colTeacherList .class ul li {width:80px; height:36px; padding-left:23px; line-height:36px; background:url("../images/list_dot.png") no-repeat 10px center; float:left;}
.colTeacherList .class ul li.longLi {width:183px;}

.smTable {width:100%;}
.smTable tr.trBg {background-color:#f5f5f5;}
.smTable th, .smTable td {padding:10px; border:1px solid #d9d9d9;}
.smTable th {width:20%;}

.Column .colList ul.Links {width:702px; min-height:155px; _height:155px;}
ul.Links li {width:300px; float:left;}

/* Appointment */
.makApp h3 {margin-bottom:20px;}
.makApp dl {overflow:hidden;line-height:36px;margin:8px 0;}
.makApp dl dt {width:100px;height:36px;float:left;}
.makApp dl dd {width:200px;height:36px;float:left;border:solid 1px #ccc;padding-left:8px;}
.makApp .btn {margin-top:20px;width:100px;height:36px;text-align:center;background:#3268a6;}
.makApp .btn input {color:white;cursor:pointer;font-weight:bold;}
.makApp input {height:36px;line-height:36px;}

              .focusBox {position:relative;width: 632px;height: 279px;margin:0 auto;overflow:hidden;float: left;}
.focusBox .pic {position:relative; height:335px; float:left;width: 530px; }
.focusBox .pic li {position: absolute; left: 0px; top: 0px; display: none;}
.focusBox .pic img {width: 633px;transition: all 1s ease 0s;height: 335px;display: block;}
.focusBox .pic img:hover{opacity: 0.9;transform: scale(1.1); -webkit-transform: scale(1.1);}
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 40px; width:100%; background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
.focusBox .txt { left:0;position: absolute; bottom: 0; z-index: 2; height: 40px;line-height:40px; width:100%; overflow: hidden;}
.focusBox .txt li{left:0; height:40px; line-height:40px; position:absolute; bottom:0;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 15px;bottom:0; font-size:16px;}
.focusBox .num { position: absolute; z-index: 3; bottom: 13px; right:4px;}
.focusBox .num li{ float: left; position: relative;border-radius:10px; width: 10px; height: 10px; line-height: 20px;font-size:12px; overflow: hidden; text-align: center; margin-right: 7px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: #685E66; width: 100%; height: 100%; top: 0; left: 0;}
.focusBox .num li span { z-index: 1; background: white; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#458fc3; color:#fff;}
.focusBox .btbg{background:#000000; filter:alpha(opacity=50); opacity: 0.4; width:100%; height:40px; position:absolute; left:0;bottom:0;}