﻿* { margin: 0; padding: 0;outline:0;}
body { font:14px/18px Arial, "宋体", sans-serif; color: #333; background:#ffffff}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
cite,ins,tt,kbd,u,i,em{font-style:normal; text-decoration:none;}
fieldset,img {border: 0;} 
ul,ol{list-style:none;}
.left{float:left}
.right{float:right}
.texcenter{ text-align:center}
a { color: #333; text-decoration: none;}
a:hover { color: #FF9900; text-decoration: none;}
li { list-style: none;}
img { border: none;}
input,textarea{font-size: 14px;color: #333;}
table{border-collapse:collapse;}
.sb{font-weight: bold;color: #fff;border: 0;cursor: pointer;}
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {zoom:1;}
.clear0{height:0px;clear:both;overflow:hidden;}
.clear1{height:5px;clear:both;overflow:hidden;}
.clear2{height:10px;clear:both;overflow:hidden;}
/*-----------------------------------------------------------------*/

.top{width: 100%; }
/*@Header*/
#header{width: 980px;height: 96px;background: url(../images/top01.gif) right bottom no-repeat;margin: auto;}
#header h1{background: url(../images/logo.gif) 20px 10px no-repeat;float: left;width: 244px;height: 75px;text-indent: -9999px;}
#header .quick{float: right;width: 300px;height: 26px;font-size: 12px;text-align: center;filter:Alpha(opacity=70);opacity:.7;padding-top:5px }
#header .quick li {display: inline;line-height: 24px;}
#header .quick li a{color: #499817;padding: 0 5px;}
#header .quick li a:hover{color: #FF6600}

#header #navmenu{margin: 22px 0 0 0px;display: inline;float: left; clear:both; width:100%}
#header #navmenu tt a{float:right;background: url(../images/toprightsv.gif) 0 0px no-repeat;width:107px;height:25px;text-indent:-9999px;margin:5px 15px 0 0;}
#header #navmenu tt a:hover{background-position: 0 -50px}
i.meri a{float:right;background: url(../images/mr.gif) 0 0px no-repeat;width:107px;height:25px;text-indent:-9999px;margin:5px 15px 0 0;}
#header #navmenu i a{float:right;background: url(../images/meiriyiju.gif) 0 0px no-repeat;width:107px;height:25px;text-indent:-9999px;margin:5px 15px 0 0;}

#header #nav{float: left; width: 700px}
#header #nav li {float: left;}
#header #nav li a{color: #ffffff;text-decoration: none;display: block;background: url(../images/resource.png) -6px -27px no-repeat;width: 110px;line-height: 33px;text-align: center;font-size: 14px;font-weight: bold;margin: 0 1px; padding-top:5px}
#header #nav li.cur a, #header #nav li a:hover{background-position: -6px -82px;color: #fff;}

.menu{ width:100%;height:33px;border-bottom:3px #95c72a solid;border-top:1px #e4e2e2 solid;background-color:#f9f8f6;overflow:hidden}
.menucon{  width:970px;margin:0 auto}
.menucon span{ float:right;padding-top:8px}
ul.nav { margin-top:1px}
ul.nav li{  float:left; width: 98px; position:relative; }
ul.nav li a{color: #689606;text-decoration: none;display: block; width: 98px;padding:12px 0 3px;text-align: center;font-size: 12px;font-weight: bold;margin: 0 2px; }
ul.nav li.cur a, ul.nav li a:hover{background: url(../images/menulinkbg.gif) bottom center no-repeat;color: #fff;}

ul.nav li .new_top{ width:22px; height:14px; position:absolute; top:0; left:70px;background: url(../images/new_top.gif)  no-repeat;}
.menuxia{ width:100%;height:16px;background: url(../images/menuxia.gif) repeat-x;}



/*@Container*/
#container{width: 960px;margin: 0px auto 0px;min-height:300px;}
#container .leftPanel{float:left;width:700px;overflow:hidden;}
#container .rightPanel{float:right;width:238px;overflow:hidden; margin-right:0px}

/*动态图片*/
#container .flashslide{float:left;width:700px; height:198px;overflow:hidden;padding-top:2px}
.quicklink{	width: 220px; overflow:hidden;float:left}
.quicklink .quicklink01{background-position: 0px -581px;}
.quicklink .quicklink02{background-position: 0px -644px;margin-top:10px}
.quicklink .quicklink03{background-position: 0px -707px;margin-top:10px;padding-left:68px}

.quicklink h4{ float:left;width:185px}
.quicklink h4 a{ height:17px; display:block;margin-left:24px;font-size:11px;font-family:"Arial";font-weight: bold;color:#FF9900;text-align:right;}
.quicklink h4 a.greed{ color:#7dbb01;}
.quicklink h4 a.blud{ color:#446403;}
.quicklink ul{  float:left;margin-left:5px; margin-top:5px}
.quicklink ul li{  border-bottom:1px #aaa dashed;font-size:12px; width:180px; height:23px;line-height:23px;overflow:hidden;padding-left:3px}
.quicklink ul li a{ color:#808080}
.quicklink .leftquick01{ width:220px;height:92px;overflow:hidden;}
.quicklink .leftquick01 em{ display:block;width:20px;background-color:#7dbb01;font-size:12px;color:#fff;float:left;text-align:center;line-height:16px;height:110px;padding:8px 4px 0} 

.quicklink .leftquick02{ width:220px;height:92px;overflow:hidden;margin-top:5px}
.quicklink .leftquick02 em{ display:block;width:20px;background-color: #690;font-size:12px;color:#fff;float:left;text-align:center;line-height:14px;height:110px;padding:5px 4px 0 ;} 


.slider{ float:right;border:1px #CCCCCC solid;padding:3px}
/*登录*/
#container .login{ width:238px; background-color:#eeeeee;float:right;margin-top:3px}
#container .login img{	width:63px;height:63px;overflow:hidden;border:1px #99cc00 solid;padding:2px}
#container .login ul{padding:0px 0px 10px 20px; margin:0 auto; height:165px}
#container .login h2{height:7px; text-indent:-5000px;background:url(../images/resource.jpg) no-repeat 0 -158px; width:268px;overflow:hidden}
#container .login h3{height:7px; text-indent:-5000px;background:url(../images/resource.jpg) no-repeat 0 -166px; width:268px;overflow:hidden}
#container .login tt{line-height:30px;font-size:14px;color:#77B53D;}
#container .login li{padding:5px 0; font-size:12px; }
#container .login li a{color:#669900;text-decoration:underline;}
#container .login li a:hover{color:#f90;text-decoration:none;}
#container .login li label{float:left;margin-top:7px;}
#container .login span{margin:10px 0 0 15px;line-height:17px;}
#container .login input{width:120px;}
#container .login .checkbox{width:auto;}
#container .login p input.anniu{width:88px;height:24px;border:0;margin-left:5px; margin-top:15px; cursor:pointer;background:url(../images/resource.jpg) no-repeat 0 -186px;  font-size:12px;color:#047004;font-weight:bold;line-height:27px}
#container .login p input.anniu:hover{background:url(../images/resource.jpg) no-repeat 0 -212px; }

/*创建书房工作室*/
.newbook{ float:left;border:1px #ddd dashed ; width:680px;_width:675px;padding:10px;padding-right:0}
.newbook h3{color:#438203;background:url(../images/resource.jpg) no-repeat 0px -244px; font-size:16px; font-weight:bold;padding:0px 0 0 10px;margin:7px 6px 0 5px; }
.newbook p{ margin:7px 20px 7px 10px;line-height:24px; font-size:12px;color:#7b7b7b}
.newbook p a{ color:#7b7b7b}

.newbook a.ty{width:118px;height:28px;overflow:hidden;text-align:center;color: #fff;font-size:14px;font-weight:bold;float:right;margin-right:10px; line-height:28px;bottom:13px;left:80px;position:absolute;text-decoration: none;background:url(../images/resource.jpg) no-repeat 0 -271px; padding:2px 0 0 2px}

.newbook a.zc{width:118px;height:28px;overflow:hidden;text-align: right;color: #669900;font-size:12px;font-weight: normal;float:right;margin-right:10px; line-height:28px;bottom:43px;left:80px;position:absolute;text-decoration: none; padding:2px 0 0 2px}
.newbook a:hover{  text-decoration:underline}


.newbook .one{ float:left; width:190px;height:190px;padding-right:20px; overflow:hidden;position:relative;border-right:1px #ddd dashed}
.newbook .one .onebg{ float:left; width:60px;height:60px;background:url(../images/resource.jpg) no-repeat 0 -358px; overflow:hidden;position: absolute;left:10px;bottom:4px}

.newbook .two{ float:left; width:190px;height:190px;padding-right:20px;  overflow:hidden;position:relative;margin-left:20px;border-right:1px #ddd dashed}
.newbook .two .twobg{ float:left; width:60px;height:60px;background:url(../images/resource.jpg) no-repeat 0 -435px; overflow:hidden;position: absolute;left:10px;bottom:4px}

.newbook .three{ float:left; width:210px;height:190px;overflow:hidden;position:relative;margin-left:15px}
.newbook .three .threebg{ float:left; width:60px;height:60px;background:url(../images/resource.jpg) no-repeat 0 -509px; overflow:hidden;position: absolute;left:10px;bottom:4px}

.jiaoxue{ width:340px;float:left}
.jiaoxue h3{color:#438203;background:url(../images/resource.jpg) no-repeat 5px -244px; font-size:14px; font-weight:bold;padding:0px 0 0 19px;margin:7px 0px 5px 0px; border-bottom:2px #8fc41e solid }
.jiaoxue ul{ padding:2px 5px 2px}
.jiaoxue ul.color1{ /* background-color:#fcfce7*/}
.jiaoxue ul.color2{ /* background-color:#e7f1fc*/}
.jiaoxue ul.color3{/*  background-color:#fcefef*/}

.jiaoxue ul li{border-bottom:1px #BDBDBD dashed;display:block;margin-left:10px;font-size:12px;padding:8px 0px 4px 25px;background:url(../images/tiyanli.gif) 0 10px no-repeat;color:#333;}
.jiaoxue ul li a{ color: #669900;text-decoration:underline}
.jiaoxue ul li a:hover{ color:#FF6600;text-decoration:underline}

.banji{ font-size:12px}
.banji h3{color:#438203;background:url(../images/resource.jpg) no-repeat 5px -244px; font-size:14px; font-weight:bold;padding:0px 0 0 19px;margin:7px 0px 5px 0px; border-bottom:2px #8fc41e solid }
.banji h3 span{ float:right;font-weight:normal;font-family: Arial, Helvetica, sans-serif;font-size:12px;margin-right:8px;color:#ff9900;}
.banji h3 span a{color:#ff9900;font-weight:bold}
.banji h3 span a:hover{color:#669900;text-decoration:underline}

.banji img{ width:100px;height:80px;padding:3px ;border:1px #ccc solid}
.mxban{ float:left; width:340px}
.mxban .banpp{ float:left; text-align:center;margin:5px 0 0 5px;display:inline;width:100px;}
.mxban .banpp p{ line-height:18px;padding-top:5px}
.mxban .banpp p a{  color:#669900}
.mxban .banpp p a:hover{  color: #FF9900; text-decoration:underline}
.mxban .banpp p span{  color: #666}

.mxban ul{ float:left;margin-left:15px;width:210px;overflow:hidden}
.mxban ul li {border-bottom:1px #BDBDBD dashed; color:#666666;margin-top:5px;font-size:12px}
.mxban ul li a{	background:url(../images/resource.jpg) no-repeat -281px -783px;color:#666666;line-height:23px;display:block; padding:0px 0px 0px 25px; height:26px;overflow:hidden}
.mxban ul li a:hover{ color:#FF9900}

.mxban02{ float:left; width:305px;margin-left:20px}
.mxban02 .mxtou{ margin-top:10px}
.mxban02 .mxtou img{ width:60px;height:60px;padding:3px;border:1px #CCCCCC solid;float:left}
.mxban02 .mxtou p{ float:left;margin-left:10px;color:#690; line-height:23px}
.mxban02 .mxtou p a{color:#690; text-decoration:underline}
.mxban02 .mxtou p a:hover{color: #FF9900; text-decoration:none}


.mxban02 .mxtoupiao {}
.mxban02 .mxtoupiao dt{ font-weight:bold; color:#666;margin:5px 0}
.mxban02 .mxtoupiao dd{  padding-left:24px;color:#666;background:url(../images/icontp.gif) no-repeat 0px 3px; line-height:25px;width:300px;overflow:hidden; height:25px}
.mxban02 .mxtoupiao dd a{  color:#666;;text-decoration:none}
.mxban02 .mxtoupiao dd a:hover{  color: #669900;;text-decoration: underline}

.bjphoto {}
.bjphoto p{ display:block;float:left;text-align:center;font-size:12px;color:#666;margin-right:12px;line-height:25px}
.bjphoto p.nomargin{  margin-right:0}

.bjphoto p a{  color:#666;text-decoration:none;display:block;border:2px #fff solid}
.bjphoto p a:hover{  color: #669900;font-weight:bold;text-decoration:none;border:2px #99CC00 solid}

.bjphoto img{ padding:2px;border:1px #ccc solid;width:120px;height:80px}


/*动态*/
.news{ float: right;width:238px;}
.news h2{color:#ffffff;background:url(../images/resource.jpg) no-repeat 0px -815px; font-size:14px; font-weight:bold; padding:5px 0 0 20px;margin:0px; width:238px;height:22px; overflow:hidden}
.news h2 em a{font-size:12px; color: #808080;float:right;margin-right:30px;font-weight:normal}
.news ul{ margin:0px 10px;}
.news ul li {border-bottom:1px #BDBDBD dashed; color:#666666;margin-top:3px;font-size:12px}
.news ul li a{	background:url(../images/resource.jpg) no-repeat -281px -783px;color:#666666;line-height:23px;display:block; padding:0px 0px 0px 25px;}
.news ul li a:hover{color:#FF9900}

/*热门博客*/
.hotbk{ float: right;width:238px;}
.hotbk h2{color:#ffffff;background:url(../images/resource.jpg) no-repeat 0px -815px; font-size:14px; font-weight:bold; padding:5px 0 0 20px;margin:0px; width:238px;height:22px; overflow:hidden}
.hotbk h2 em a{font-size:12px; color:#808080;float:right;margin-right:30px;font-weight:normal}
.hotbk h3 a{color: #669900;font-size:12px; font-weight: normal; margin:9px 10px 0; text-decoration:underline;text-align:right;display:block}

/*积分排行*/
.hotbk ol li{border-bottom:1px #CCCCCC dashed; text-decoration:none;color:#333333;display:block;margin:0px 5px; font-size:12px;height:25px;line-height:25px;padding-top:3px; padding-left:10px}
.hotbk ol li span{ float:right; margin-right:10px; }
.hotbk ol li span.r20{ float:right; margin-right:16px; }

.hotbk ol li em{ color: #808080;font-family: Arial, 宋体;font-size:14px;font-weight:bold;margin-right:10px}
.hotbk ol li em.n1{ color: #FF0000}
.hotbk ol li em.n2{ color: #FF6600}
.hotbk ol li em.n3{ color: green}

/*博文菜单*/
ul.bowenmenu{ border-bottom:1px #A8DD88 solid;float:left;width:238px;margin-top:5px;padding-left:8px}
ul.bowenmenu li{  float:left;font-size:14px;text-align:center;cursor:pointer;margin:0 2px 0 0;width:77px;line-height:25px;background: url(../images/bowenbg.gif) 0 0px;}
ul.bowenmenu li.hover{ background: url(../images/bowenbg.gif) 0 -25px;}

/*博文列表*/
ul.lb{ margin:5px 0px 0;}
ul.lb li{border-bottom:1px #CCCCCC dashed; text-decoration:none;color:#333333;display:block;margin:0px 5px; font-size:12px;padding-left:20px;height:25px;line-height:25px;padding-top:5px;background:url(../images/resource.jpg) no-repeat -281px -777px;}
ul.lb li a{ }
ul.lb li span{ float:right; cursor:pointer;position:relative;margin-right:0px; line-height:25px }
ul.lb li em{  position:absolute; margin-top:-32px;*margin-top:-14px;_margin-top:-14px;margin-left:22px;*margin-left:0px;_margin-left:0px;display:block;width:15px;height:15px;overflow:hidden; padding:3px;background:url(../images/resource.jpg) no-repeat 0px -951px;}


/*教育产品
.cp dl dt{float:left;width:53px;height:50px;cursor:pointer;padding:15px 0 0 17px; color: #669900;font-weight:bold;background:url(../images/resource.jpg) no-repeat 0px -988px;}
.cp dl dt.hover{background:url(../images/resource.jpg) no-repeat 0px -1060px;color: #336600;}
.cp dl dd{display:block;float:left;width:270px;_width:267px;height:62px;font-size:12px; color:#7d7d7d;padding:6px 10px 0 0;position:relative}
*/
.cp{width:700px;height:80px; overflow:hidden}
.cp dl{ margin-top:5px}


.cp dl dt{float:left;width:45px;height:47px;cursor:pointer;padding:14px 0 0 17px; color: #999;font-weight:bold;border:1px #c5c5c4 dashed;background-color: #F0F0F0;margin-right:5px;}
.cp dl dt.hover{color: #336600; border:1px   solid #8EDD37;background-color:#ecf8d0;color:#669900}

.cp dl dd{display:block;float:left;width:270px;_width:267px;height:55px;font-size:12px; color:#666;padding:6px 10px 0 5px;_padding-left:1px;position:relative}
.cp dl dd a.video{position: absolute;bottom:0px;right:13px;height:17px;display:block;padding-left:18px;color:#669900;text-decoration:none;background:url(../images/resource.jpg) no-repeat 0px -339px;}
.cp dl dd a:hover{ text-decoration:underline}



/*老师4ge创建步骤*/
.buzou{ width:700px;height:75px;overflow:hidden;background:url(../images/buzoubg.jpg) no-repeat 0px 0px;}
.buzou .guocheng{}
.buzou .guocheng ul{  margin-top:12px;margin-left:80px;display:inline; float:left;font-size:13px}
.buzou .guocheng ul li{ margin-left:62px;font-weight:bold;float:left;cursor:pointer;color: #808080;padding-bottom:10px;display:inline}
.buzou .guocheng ul li.hover{ font-weight:bold;color:#669900;background:url(../images/buzoudian.gif) no-repeat center bottom;}
.buzou .guocheng ul li a{color: #808080}

.buzou .guochengcon{ clear:both;margin-left:144px;margin-top:8px;font-size:12px;display: inline;float:left}

/*右下角的图片广告位置*/
.adphoto{text-align: center;}


/*友情连接*/
#link{padding:5px 0;text-align:center;font-size:12px;width:960px;margin:0 auto;text-align: left}
#link strong{ display:block;width:940px; margin-left:5px;color:#669900;padding:2px 5px 0; border-bottom:1px #ddd solid;margin-bottom:3px;float:left}
#link strong a{color:#669900; text-decoration: none;margin:0px;width:920px}
#link p{  line-height:20px}
#link a{margin:0 0 0 10px;color:#808080;width:86px; float:left;}
#link a:hover{color: #669900;text-decoration:underline}


/*Footer*/
#foot{clear:both;font-size: 14px;width: 100%;height: 86px; border-top: 4px solid #8DC11D;background:url(../images/footbg.gif) repeat-x;margin-top:5px}
#footer{width:960px; height:55px;margin:0 auto; padding:10px 0 0 0px;}
#footer .img_footer{ float:left; display:inline; margin:10px 20px 0 100px; }
#footer .txt_footer{ float:left; text-align:left; display:inline; }
#footer p{line-height:25px; font-size:12px}
#footer a:link,#footer a:visited{padding:0 8px; color:#333}
#footer em{display:inline-block;margin:0 3px;width:15px;height:17px;background:url(../images/gs.gif) no-repeat}


a.gray:link{ color:  gray;text-decoration:none}
a.gray:visited{ color:  gray}
a.gray:hover{ color:  black;text-decoration:none}




