@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0}
body{font-family:"Microsoft YaHei","Verdana";font-size:12px;color:#333;background:#fff; line-height:24px;}
ul,li,dl,dt,dd{list-style:none}
img{border:0}
em{FONT-STYLE:normal;FONT-WEIGHT:normal}
a{TEXT-DECORATION:none;color:#333}
a:hover{TEXT-DECORATION:underline;}
.content img{max-width:672px;}
.fl{ float:left}
.fr{ float:right}
.red{color:#bf1c1f; font-weight:bold }
.gray{ color:#999}
.clear{ height:10px; font-size:10px; clear:both}
.layout{width:1024px; margin:0 auto;background:#fff;}
.hd{ height:25px; line-height:30px; position:relative;padding-bottom:8px;}
.navigation{ background:#AF1F24; height:33px; line-height:33px; overflow:hidden}
.thank-con ul li span,.stu-star-list ul li span{ float:right; color:#999}
.navigation ul li{ width:125px; float:left; border-right:1px dotted #99999A; text-align:center}
.navigation ul li a{ color:#E6E6E5; }
.navigation ul li a:hover{color:#fff}
.what_do{ text-align:center; height:315px;}
.what_do img{margin-top:10px;}
.hd h2{color:#bf1c1f; font-size:20px;padding-left:35px}
.hd a{ position:absolute; right:0; top:10px;}
.borders{padding:10px;border-top:6px solid #bf1c1f;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.border{padding:10px 0;border-top:6px solid #bf1c1f;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.border1{padding:10px;border:1px solid #e5e5e5;}
.border2{border:1px solid #e5e5e5;}
.copper-store{ width:305px; height:395px;}
.stu-copper{height:395px;}
.cooper-store-con{margin-top:8px ;padding:5px 10px 10px 10px; overflow:hidden}
.cooper-store-con dl{width:128px; float:left;padding:3px 7px}
.date-java h6{ font-size:18px; text-align:center; color:#bf1c1f; line-height:25px;}
.biye{ overflow:hidden;width:1004px}
.biye ul{padding-top:15px;}
.biye ul li{ float:left; width:223px;padding:6px 13px; text-align:center; line-height:20px;}
.biye ul li img{ border:#e2e2e0 5px solid;}
#sucai ul li{ float:left; width:172px; text-align:center; line-height:20px;}
#sucai ul li img{ border:#e2e2e0 1px solid;padding:1px;}
.biye .hd{background:url(../images/biye_java.jpg) no-repeat 0 25%;padding:0px 0; clear:both }
#java .date-course .date-java dl{height:90px; background:none;margin-bottom:0; overflow:hidden}
#android .date-java h6{ font-size:18px; text-align:center; color:#209346; line-height:25px;}
#android .date-course .date-java dl{height:90px; background:none;margin-bottom:0; overflow:hidden}
#ios .date-java h6{ font-size:18px; text-align:center; color:#000; line-height:25px;}
#ios .date-course .date-java dl{height:90px; background:none;margin-bottom:0; overflow:hidden}
#hzqy li a.preview{width:164px;}
.news{ width:285px;  height:250px; }
.news .hd{ background:url(../images/news.jpg) no-repeat 0 25%}
.date-course .hd{ background:url(../images/kaikexinxi.jpg) no-repeat 0 25%}
.student .hd{ background:url(../images/xueyuan.jpg) no-repeat 0 25%}
.stu-thanks .hd{ background:url(../images/ganyan.jpg) no-repeat 0 25%}
.stu-star .hd{ background:url(../images/mingxing.jpg) no-repeat 0 25%}
.stu-copper .hd{ background:url(../images/pingtai.jpg) no-repeat 0 25%}
.company-sx .hd{ background:url(../images/tongzhi.jpg) no-repeat 0 25%}
.bsms-share .hd{ background:url(../images/fenxiang.jpg) no-repeat 0 25%}
.education .hd{ background:url(../images/baozhang.jpg) no-repeat 0 25%}
.education .hd{ background:url(../images/baozhang.jpg) no-repeat 0 25%}
.tech-share .hd{ background:url(../images/fenxiang.jpg) no-repeat 0 25%}
.learn-share .hd{ background:url(../images/fenxiang.jpg) no-repeat 0 25%}
#stu-copper {background:url(../images/pingtai.jpg) no-repeat 0 25%; }
#student {background:url(../images/xueyuan.jpg) no-repeat 0 25%; }
#education{background:url(../images/baozhang.jpg) no-repeat 0 25%}
.top-hd h2{height:40px; line-height:40px;padding-left:35px;color: #bf1c1f;
font-size: 20px;
padding-left: 35px; border-bottom:6px solid #bf1c1f}
.bsms-share  ul{padding:10px;}
.news ul li a{ float:left; display:block; background:url(../images/list.jpg) no-repeat 0 50%;padding-left:15px;}
.news ul li span{ float:right;width:40px; color:#999 }
.news ul li{ clear:both; background:url(../images/xux_bg.jpg) repeat-x left bottom; height:30px; line-height:30px;_height:26px;_line-height:26px;}
.date-course{ width:685px; height:250px;}
.date-course .date-java{ width:320px; padding:2px 10px;}
.date-course .date-java dl,.kaiban dl{ overflow:hidden;margin:5px 0; height:90px; background:url(../images/xux_bg.jpg) repeat-x left bottom; position:relative;}
.date-course .date-java dl dt,.kaiban dl dt{ float:left; width:90px; }
.date-course .date-java dl dt img ,.kaiban dl dt img{padding:8px 10px;}
.date-course .date-java dl dd,.kaiban dl dd{ float:right;width:220px; color:#999;margin-right:0px;}
.date-course .date-java dl dd a,.kaiban dl dd a{margin-left:4px;}
.date-course .date-java dl dd b,.kaiban dl dd b{font-size:14px;color:#333; line-height:30px;}
.kaiban dl dd {width:215px;}
.kaiban .hd{ background:url(../images/kaikexinxi.jpg) no-repeat 0 25%}
.border-l{ border-right:1px solid #e5e5e5;}
.student{ overflow:hidden; padding-bottom:0px; _height:392px;}
.student .tj{ position:relative; width:356px; padding-left:20px;margin-top:20px;margin-bottom:10px;}
.student .tj em{ font-weight:bold;color:#fff; position:absolute; background:#E60013; display:block; width:100px; padding-left:15px; top:210px; left:10px; height:28px; line-height:28px; font-size:16px;}
.student .tj p{ height:40px; background:#E83929; font-size:16px; color:#fff; line-height:40px;padding-left:15px;margin-top:2px;}
.student .stu-video-list{ position:relative; width:176px; float:left;margin:0 0 15px 30px;_margin:0 0 12px 12px;}
.student .stu-video-list em{ font-weight:bold;color:#fff; position:absolute; background:#E60013; display:block; width:70px; padding-left:15px; top:80px; left:0; height:28px; line-height:28px; font-size:14px;}
.student .stu-video-list p{ height:22px; background:#E83929; font-size:12px; color:#fff; line-height:22px;padding-left:5px; margin-top:1px;}
.stu-video{ width:640px;padding:20px 5px 10px 0px;}
.thank-con .bd .textarea{ line-height:35px;}
.tech-share{width:685px;}
.stu-thanks,.stu-star{ height:354px;}
.stu-copper,.stu-thanks,.company-sx{ width:705px;}
.learn-share{width:285px;}
.stu-star,.bsms-share{ width:305px;}
.stu-star-con{padding:10px; float:left; width:363px}
.thank-con { width: 315px;
margin: 10px 15px 10px 15px }
.stu-star-list{width:285px;margin: 10px 15px}
.copper-store .hd ,.stu-copper .hd,.student .hd,.stu-thanks .hd,.stu-star .hd,.bsms-share .hd,.company-sx .hd,.education  .hd{ background:#eee;margin-top:5px;}
.copper-store .hd  h3 ,.stu-copper .hd h3 ,.student .hd h3,.stu-thanks .hd h3,.stu-star .hd h3,.bsms-share .hd h3,.company-sx .hd h3,.education .hd h3{ font-size:16px; color:#333; line-height:35px;padding-left:8px; }
.copper-store .hd  a ,.stu-copper .hd a,.student .hd a,.stu-thanks .hd a,.stu-star .hd a,.bsms-share .hd a,.company-sx .hd a,.education  .hd a{ right:8px; top:13px;}
.thank-tj{ color:#bf1c1f; font-weight:bold}
.thank-con ul li,.stu-star-list ul li { height:30px; line-height:30px; background:url(../images/list.jpg) no-repeat 0 50%;padding-left:15px;}
.stu-star-con .imgarea{width:176px; float:left}
.stu-star-con .textarea{ float:right; width:170px;}
.stu-copper-con{ overflow:hidden; padding:10px}
.stu-star-con .textarea a{color:#bf1c1f }
.stu-copper .copper-logo{ float:left; width:160px; text-align:center; border:1px solid #e5e5e5;margin:3px 4px 18px 5px}
.stu-copper .copper-logo .textarea { background:#dcdddd;  line-height:20px;}
.stu-copper .copper-logo .textarea  a{color:#727171;}
.company-zp {width:270px; padding:10px 0 10px 10px}
.company-zp .company-zp-con{width:270px; height:90px;padding-top:10px}
.company-zp .company-zp-con .imgarea{ float:left; width:114px;border:1px solid #e5e5e5;margin-top:10px; }
.company-zp .company-zp-con .textarea{ float:right; width:145px;line-height:22px;}
.company-mx ul{padding:10px 10px 10px 0}
.company-mx ul li{ line-height:14px; background:url(../images/dian2.jpg) no-repeat 0 50%; padding-left:10px; clear:both; height:20px;padding-top:10px;_padding-top:7px;}
.company-mx span{ display:block; float:left}
.company-mx .xingz{ width:60px; border-right:#999 1px solid}
.company-mx .date{width:75px;padding-left:12px}
.company-mx .name{width:135px;}
.company-mx .number{width:35px;}
.company-mx .gangw{width:80px;}
.bsms-share ul li,.tech-share-con ul li,.learn-share  ul li{ background:url(../images/dian2.jpg) no-repeat 0 12px; padding-left:10px; line-height:30px; height:30px;_line-height:27px;_height:27px}
.teacher-con{padding:10px; border:1px solid #e5e5e5; float:left;margin:10px 19px;width:190px;}
.textarea{ height:20px; padding-top:5px}
.textarea b{ font-size:14px;}
.teacher-list{  overflow:hidden;padding:10px;}
.tts { position:relative;padding:10px;}
.tts  h4{ position:absolute;top:10px; left:320px; font-size:14px; color:#999}
.tts  h4 span{ font-size:18px;}
#edu-hd{ background:none;margin-top:10px; }
#edu-hd h3{ font-size:16px; padding-left:15px; color:#333}
.education{ overflow:hidden;_height:490px;}
.tech-share-con{ width:315px;margin:10px 10px 0 10px;_margin:10px 7px 0 7px;}
.tech-share-con .hot,.thank-con .hot{ height:110px;}
.tech-share-con .hot .imgarea,.thank-con .hot .imgarea{ width:155px; float:left}
.tech-share-con .hot .imgarea img,.thank-con .hot .imgarea img{ border:1px solid #e5e5e5;margin-top:5px;padding:1px;}
.tech-share-con .hot .textarea,.thank-con .hot .textarea { float:right;width:160px;}
.tech-share-con ul li,.stu-star-list ul li {background:url(../images/dian.jpg) no-repeat 0 50%; padding-left:10px; clear:both; line-height:30px;_line-height:28px;_height:28px}
.tech-share-con ul li  span,.bsms-share ul li span,.learn-share  ul li span,.stu-star-list ul li span{ float:right;color:#999}
.tech-share-con ul li  a,.bsms-share ul li a,.learn-share  ul li a,.stu-star-list ul li a{ float:left;}
.frindlink,.copyright{ background:#f5f5f5; overflow:hidden;text-align:center;}
.frindlink h6{color:#929091; padding-left:5px; line-height:35px;padding-top:10px;}
.frindlink ul{ border-top:1px dotted #99999A;border-bottom:1px dotted #99999A; overflow:hidden}
.frindlink ul li { float:left;padding:0 5px} 
.frindlink ul li a {color:#929091}
.copyright{width:100%;line-height:80px;}
.copyright p{ text-align:center}
.copyright p span{margin:0 5px;color:#929091}
 

.w740{width:674px; padding:0}
.list-teacher .hd{background:url(../images/kaikexinxi.jpg) no-repeat 0 25%}
.list-teacher dl dd.pic{float: left;margin: 0 25px 15px 0;}
.list-teacher dl dt{padding: 0 0 15px 0; }
.list-teacher dl dt a{font-size:20px}
.list-teacher dl .detail{ text-indent:2em;color:#999}
.list-teacher dl .misc{height: 32px;
overflow: hidden;
padding: 0 10px;
background: #eee;
line-height: 32px; clear:both}
.list-teacher dl .misc .click{float: right;
padding: 0;
}
.list-teacher dl .misc span {
padding: 0 25px 0 0; display:block
}
.list-teacher dl .misc .time {
float: right;
}
.list-teacher dl{padding:15px; 0}
.pages {
padding: 30px 0;
text-align: center;}
.pages li {
display: inline;}
.pages li.thisclass {
padding: 10px 13px;
line-height: 18px;}
.pages li.thisclass, .pages a:hover {
padding: 10px 13px;
border: 1px solid #AF1F24;
background: #AF1F24;
color: #fff;
text-decoration: none;}
.pages a {
padding: 10px 13px;
border: 1px solid #CCC;
background: #fff;
color: #333;
line-height: 18px;
}
.list-con{padding-top:5px;}
.w740 .location{ border-bottom:1px solid #e5e5e5;padding:10px; height:24px;}
.border .hd{ height:26px;margin:0 10px}
.border ul{padding:0 10px;border-top:1px solid #e5e5e5;}
.border{width:305px}
.e2{padding:15px;}
.e2 li {
border-bottom: 1px dotted #eee;
clear: both;
color: #AAAAAA;
overflow: hidden;
padding: 12px 0;
width: 100%;
}
.e2 li a.preview {
display: inline;
float: left;
margin-bottom: 3px;
margin-left: 10px;
margin-right: 7px;
margin-top:8px;
width: 124px;
}
.e2 li a.title {
font-size: 14px;
font-weight: bold;
line-height: 25px;
margin-left: 2px;
overflow: hidden;
color: #AF1F24;}
.e2 span.info {
color: #555555;
display: block;
line-height: 23px;
padding-left: 12px;
.e2 p.intro {
color: #776955;
line-height: 20px;
margin-left: 5px;
padding-left: 10px;
padding-right: 10px;
}
.e2 p.intro {
color: #776955;
line-height: 20px;
margin-left: 5px;
padding-left: 10px;
padding-right: 10px;
}