@charset "utf-8";

/* 公共样式 */
html { width:100%; /*overflow-y:hidden;*/}
body { font:normal 12px/1.5em "微软雅黑", Tahoma, Arial, Helvetica, sans-serif; margin:0px; padding:0px; color:#333333; width:100%; min-height:100%; background-color:#fff; min-width:1007px; position:relative;}

body.ready { height:100%; overflow:hidden;}

div { height:auto;}
ul, ol, dl { list-style-type:none;}
ul, ol, li, dl, dd { margin:0px; padding:0px; height:auto;}
p { margin:0px;}
h4, h3, h2 ,h1 { margin:0px;}
div,span,th,td,dt,dd,h1,h2,h3,h4,h5,h6,em,strong,i,a,b,a,p { word-wrap:break-word;}

a { text-decoration:none; color:#4d8aae;}
a:hover { text-decoration:underline; color:#2c9344;}
.cdl, a:active { outline:none; blr:expression(this.onFocus=this.blur());}
:focus { outline:none } /* for Firefox */
a img { border:none;}
a p, a span { cursor:pointer;}
iframe { border:none;}
textarea, input, select { font:12px/1.3em "微软雅黑", Arial, Helvetica, sans-serif; color:#333; }
textarea { resize:none;}
fieldset { border:none; border-top:1px dotted #ccc;}

/* float close */
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; }

/** 常用样式 **/
.fl { float:left }     /* 左浮动 */
.fr { float:right }     /* 右浮动 */
.cll { clear:left;} /* 清除左浮动 */
.clb { clear:both; height:0px; overflow:hidden; padding:0;}  /* 浮动闭合 */
.space { clear:both; height:28px;}
.hide { display:none;}
.fred { color:#cc0000;}
.hilite { color:#e11144;}

/************************* 称文字截取 *************************/
.ells { white-space:nowrap;  text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; width:100%; display:block; word-wrap:normal;/* ie9-8重要 */}

.warp { position:fixed; width:100%; min-width:1007px;}

.menu { position:fixed; top:160px; z-index:100;}
.menu li { float:left; clear:both; height:58px; background:url(../images/menu_btn_shadow.png) no-repeat right bottom;}
.menu li a { display:block; background:#fff; width:120px; height:36px; line-height:36px; font-size:16px; color:#14967a; text-align:center; text-decoration:none; font-family:"微软雅黑"; transition:width 0.2s, color 0.4s;}
.menu li a:hover { color:#0bb993; width:140px; font-weight:bold;}

.scene { width:100%; margin:0; overflow:hidden;}
.scene h1 { font-size:34px; color:#fff; text-align:left; font-weight:100; line-height:34px; margin-bottom:15px;}
.scene .box { width:1000px; margin:0 auto; position:relative; top:50px;}

.change { background:url(../images/bg-color.jpg) no-repeat; background-size:cover;}
.theme_logo { /*background:url(http://2014end.30edu.com/nzzt2014/images/theme_logo.png) no-repeat;*/ background:url(../images/theme_logo.png) no-repeat; width:680px; height:170px; position:relative; margin:0 auto; top:40px; z-index:2;}
.photo_wall { /*background:url(http://2014end.30edu.com/nzzt2014/images/photo_wall.png) no-repeat 0 -20px;*/ background:url(../images/photo_wall.png) no-repeat center -20px; width:100%; height:700px; position:relative; margin:0 auto; top:-50px; z-index:1;}
.photo_wall .player_frame { width:680px; height:340px; position:relative; margin:0 auto; padding:0; top:163px; }
.photo_wall .player { width:500px; height:340px; float:left; overflow:hidden; position:relative;}
.photo_wall .player p { width:500px; height:340px; padding:0; position:absolute; z-index:1;}
.photo_wall .player_list { width:175px; height:336px; float:right; padding:2px 0; background:#aaa;}
.photo_wall .player_list li { height:84px; width:175px; position:relative; float:left;}
.photo_wall .player_list li a { display:block; width:167px; height:80px; padding:2px 4px; position:absolute; top:0; left:0; overflow:hidden;}
.photo_wall .player_list li a img, .photo_wall .player_list li a i { width:167px; height:80px; position:absolute; top:2px; left:4px; z-index:1;}
.photo_wall .player_list li a i { z-index:2; background:#000; opacity:0.5; filter:Alpha(opacity=50); -moz-opacity:0.5; transition:opacity 0.5s; cursor:pointer;}
.photo_wall .player_list li a:hover i { opacity:0; filter:Alpha(opacity=0); -moz-opacity:0;}
.photo_wall .player_list li.on a { padding:3px 4px; top:-2px; left:-1px; background:#f2f2f2; border:1px solid #999; box-shadow:0 2px 4px #666;}
.photo_wall .player_list li.on a img { top:3px; left:4px;}
.photo_wall .player_list li.on a i { top:3px; left:4px; opacity:0; filter:Alpha(opacity=0); -moz-opacity:0;}

.photo_wall .player .curtain { width:500px; height:340px; padding:0; background:#000; position:absolute; z-index:10;}
.photo_wall .player .curtain p { width:500px; height:340px; padding:0; background:#000; position:absolute; z-index:10;}
.photo_wall .player .curtain iframe { position:absolute; top:0px; left:0px; width:500px; height:340px; z-index:1; border-style:none; background:#000; overflow:hidden;}

.decade { background: url(../images/bg-graph.jpg) repeat;}
.graph { background:url(../images/graph.png) no-repeat; height:640px; margin:0 auto; position:relative; top:40px;}
.graph ul { padding-left:160px;}
.graph li { float:left; width:60px; height:606px; position:relative;}

.graph .user { background:url(../images/icon_user.png) no-repeat 0 center; line-height:24px; height:24px; color:#f3691e; padding-left:10px; font-size:14px; position:absolute; left:-4px;}
.graph .y2001 .user { bottom:14px;}
.graph .y2002 .user { bottom:24px;}
.graph .y2003 .user { bottom:28px;}
.graph .y2004 .user { bottom:46px;}
.graph .y2005 .user { bottom:68px;}
.graph .y2006 .user { bottom:72px;}
.graph .y2007 .user { bottom:107px;}
.graph .y2008 .user { bottom:131px;}
.graph .y2009 .user { bottom:148px;}
.graph .y2010 .user { bottom:184px;}
.graph .y2011 .user { bottom:234px;}
.graph .y2012 .user { bottom:311px;}
.graph .y2013 .user { bottom:413px;}
.graph .y2014 .user { bottom:535px;}

.graph .memorabilia { background:url(../images/tip_dotted_line.png) no-repeat right bottom; position:absolute; right:57px; padding-right:3px;}
.graph .y2001 .memorabilia { height:42px; bottom:60px;}
.graph .y2002 .memorabilia { height:71px; bottom:70px;}
.graph .y2003 .memorabilia { height:106px; bottom:74px;}
.graph .y2004 .memorabilia { height:127px; bottom:92px;}
.graph .y2006 .memorabilia { height:140px; bottom:118px;}
.graph .y2007 .memorabilia { height:144px; bottom:153px;}
.graph .y2008 .memorabilia { height:159px; bottom:177px;}
.graph .y2009 .memorabilia { height:181px; bottom:194px;}
.graph .y2010 .memorabilia { height:184px; bottom:230px;}
.graph .y2011 .memorabilia { height:173px; bottom:280px;}
.graph .y2012 .memorabilia { height:135px; bottom:357px;}
.graph .y2013 .memorabilia { height:72px; bottom:459px;}
.graph .y2014 .memorabilia { bottom:542px; right:70px; background:url(../images/tip_dotted_line_right.png) no-repeat right top; padding-top:3px; padding-right:20px;}

.graph .memorabilia p { white-space:nowrap; float:right; line-height:20px; padding:3px 8px; box-shadow:-1px 1px 3px #aaa; border-left:1px solid #d2c48d; border-bottom:1px solid #a99d6f; border-top:1px solid #d2c48d; background:rgba(255, 255, 255, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7fffffff', endColorstr='#7fffffff');}
.graph .memorabilia p span { display:inline-block; padding-left:10px;}
.graph .memorabilia p span.first { padding-left:0;}

.graph .y2014 .memorabilia p { border-right:1px solid #d2c48d; border-top:none;}

.Onlineschoolvoice { background:#fff; padding:13px 10px; height:550px; text-align:center;}

.frame { background:#258e4c;}
.frame .Onlineschoolvoice { background:none; padding:0;}
.frame .Onlineschoolvoice img { width:100%;}

.winner { background:#19b0df;}
.winner .newlist { width:980px; height:550px;}
/*获奖新闻*/
.ThewinningNew { float:left; width:450px; margin:35px 0; padding-left:20px;}
.ThewinningNew li { font-weight:100; height:32px; line-height:32px; position:relative;}
.ThewinningNew li b { position:absolute; width:320px; overflow:hidden; left:0; padding:0;}
.ThewinningNew li b a { color:#086e8d; text-align:left; font-size:14px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; width:100%; display:block; word-wrap:normal;}
.ThewinningNew li span { float:right; font-size:12px; color:#666; display:block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; display:block; word-wrap:normal; width:120px; text-align:left;}


.speak { background:#df431a;}
.speak .area { height:530px; width:972px; margin:0 auto;}
/*校长感言*/
.tvli { padding:15px 0; height:530px; width:972px; margin:0 auto;}
.tvli li { float: left;height: 160px;margin: 0 0 0 0;overflow: hidden;padding: 10px 10px 0;width: 142px;}
.tvli li a{ color:#333; text-decoration:none;}
.tvli li a:hover{ color:#b20000; text-decoration:underline;}
.tvli li span.user {color: #880000;display: inline-block;height: 18px;margin: 5px 0 0;overflow: hidden;padding-right: 25px;}
.tvli li span.txt {color: #880000;display: inline-block;height: 20px;margin: 5px 0 2px;overflow: hidden;}
.tvli li span.school {display: block;height: 18px;overflow: hidden}
.speak .tvli li span, .speak .tvli li { text-align:left;}
.speak .tvli li img { width:142px; height:95px;}

.application{ width:841px; margin:25px auto;}

.excellent { background:#5074d2;}
.excellent .Onlineschoolvoice { padding:13px 8px;}

/*优秀网校*/
.item { height:548px; text-align:center;}
.item .tvli { padding:0; width:984px;}
.item .tvli li { height:176px; width:236px; margin:0 0 10px; padding:0 5px;}
.item .tvli li img { height:149px; width:234px; float:left; border:1px solid #ddd; border-bottom:none;}
.item .tvli li span { display:block; height:26px; line-height:26px; background:#ddd; clear:both;}
/*.rollBox,.Box,.item{  height:580px; overflow:hidden;text-align:center; }
.rollBox{margin-left:30px;}
.dust { width:0; height:0; overflow:auto; opacity:0;}*/

.opinion { background:#c8ab6f;}
/*网校心声*/
.heart_item {border:1px solid #edddbc;  margin:0 auto; width:980px; background:#fff;}
.heart_item td { color:#333; line-height:26px; padding:2px 10px; vertical-align:top; border-top:1px dotted #edddbc; font-size:14px; text-align:left;}
.heart_item .ycwb{height:22px;width:530px; overflow:hidden;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
.heart_item tr:hover td { background:#fdf3dd;}
.heart_item th {color:#333; background-color:#fdf3dd;color: #333333;height: 30px;line-height: 26px;padding: 0 10px;	text-align:left;
font-size:14px;}
.heart_item th.bri,.heart_item td.bri {border-right:1px solid #edddbc; }
.heart_bg {line-height:30px; text-align:left; margin:0 auto; }
.heart_bg table tr td{ vertical-align:top; font-size:14px;}
.cernr{color:#c4a462; font-size:13px; line-height:25px; padding:10px 0 0 10px;}
.half td a { white-space:nowrap;  text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; width:100%; display:block; word-wrap:normal;/* ie9-8重要 */ width:138px;}
.pl_txt { background:#fff; border:1px solid #edddbc; font-size:12px; height:100px; padding:5px; width:920px;}

.button_Green{ background:url(../images/dl_ico_jt.png) repeat-x; color:#fff;border:#a21800 1px solid; font-weight:bold;cursor:pointer;}
.button_Green:hover{filter: Alpha(Opacity=850); opacity:0.85}
.botn_c{ width:100px;height:28px; line-height:23px;  font-size:14px;}

/*分页*/
.pageChang { height:40px; padding:0px;}
.pageChang .pageNum { float:right; height:20px; padding-top:10px;}
.pageChang .pageNum div { float:left; line-height:20px; padding:0px 12px;}
.pageChang .pageNum div span { line-height:20px; float:none; padding:0px 3px;}
.pageChang .pageNum a { float:left; height:18px; text-decoration:none; padding:0px 3px; margin-right:6px; line-height:18px; border:1px solid #c3c3c3; min-width:12px; text-align:center; font-size:12px; color:#666666;}
.pageChang .pageNum a:hover { border:1px solid #b2b2b2; color:#ffffff; background:#c3c3c3;}
.pageChang .pageNum a.current { color:#ffffff; background-color:#929090; border:1px solid #858484;}

.pageChang .pageNum a.void, .pageChang .pageNum a.first, .pageChang .pageNum a.last { background:url(../images/icon_prevandnext.gif) no-repeat; text-indent:-9999px; padding:0px; width:18px;}
.pageChang .pageNum a.first { background-position:center -1px;}
.pageChang .pageNum a.first:hover { background-position:center -21px; border:1px solid #b2b2b2; background-color:#c3c3c3;}
.pageChang .pageNum a.first.void { border:1px solid #dddddd; background-position:center -41px;}
.pageChang .pageNum a.last { background-position:center -61px;}
.pageChang .pageNum a.last:hover {  background-position:center -81px; border:1px solid #b2b2b2; background-color:#c3c3c3;}
.pageChang .pageNum a.last.void { border:1px solid #dddddd; background-position:center -101px;}

/*幻灯修正*/
.owl-theme .owl-controls .owl-buttons div { position:absolute; top:-18px; height:576px; border-radius:0; padding:0; text-indent:-999px;  width:30px; background:url(../images/owl_button.png) no-repeat 0 center; background-color:rgba(255, 255, 255, 0.4); filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#65ffffff', endColorstr='#65ffffff');}
.owl-theme .owl-controls .owl-buttons div.owl-prev { left:-44px;}
.owl-theme .owl-controls .owl-buttons div.owl-next { right:-44px; background-position:right center;}

.owl-theme .owl-controls .owl-buttons div.disabled { display:none;}

.winner .owl-theme .owl-controls .owl-buttons div.owl-prev { left:-46px;}
.winner .owl-theme .owl-controls .owl-buttons div.owl-next { right:-46px;}

.speak .owl-theme .owl-controls .owl-buttons div.owl-prev { left:-50px;}
.speak .owl-theme .owl-controls .owl-buttons div.owl-next { right:-50px;}

/*页面加载*/
.loading { position:fixed; z-index:500; width:100%; background:#f5f5f5;}
.loading p { text-align:center; color:#888; font-size:14px; height:120px; width:300px; line-height:120px; position:absolute; top:50%; left:50%; margin:-80px 0 0 -150px;}
.loading p img { vertical-align:middle; margin:-2px 10px 0 0;}