.top {background: #fdfdfd;border-bottom:1px solid #ddd;height:28px;line-height:28px;margin:0 auto;width:100%;}
.top ul li {float: left;}
.top ul li a {color: #333;padding: 0 10px;}
.top ul li a:hover {color: #c40000;text-decoration: none;}

.bannder1{height:280px;width:100%;background:url("banner1.png") no-repeat center}
.bannder2{height:278px;width:100%;background:url("banner2.png") no-repeat center}
.bannder3{height:264px;width:100%;background:url("banner3.png") no-repeat center}

.main{width:1000px;margin:0px auto}

.news{width:450px;}

.news ul{float:right;}
.news ul li{float:left;background:#f1f1f1;padding:17px 15px;margin-bottom:20px;line-height:26px;width: 420px}
.news ul h3{padding-bottom: 5px}
.news ul h3 a{font-size:20px;color: #dd0000}
.news ul a{font-size:16px}


.t1{height:100px;width:100%;background:url("t1.png") no-repeat center}
.t1_1{height:444px;width:100%;background:url("t1_1.png") no-repeat center}


.why{float:left;}
.why li{float:left;width:183px;height:194px;margin-right: 26px;margin-bottom: 26px;position: relative;}


.tdxm-course {
    -moz-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    transition:all 0.5s ease 0s;
}

.hover .tdxm-course {
    -moz-transform:rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    -ms-transform:rotateY(180deg);
    -o-transform:rotateY(180deg);
    transform:rotateY(180deg);
}

.tdxm-norBox {display:block;left:0;top:0;position:absolute;z-index:10;
    -moz-transform:rotateY(0deg);
    -webkit-transform:rotateY(0deg);
    -ms-transform:rotateY(0deg);
    -o-transform:rotateY(0deg);
    transform:rotateY(0deg);
}

.hover .tdxm-norBox {z-index: 0;}

.tdxm-horBox {
    display:none;z-index: 10;
    -moz-transform:rotateY(-180deg);
    -webkit-transform:rotateY(-180deg);
    -ms-transform:rotateY(-180deg);
    -o-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
}

.norbox{width:183px;height:194px;}
.horbox{
	    color:#fff;font-size:15px;
	    width:163px;height:180px;
	    line-height: 24px;
	    padding: 15px 15px 0px 15px;
}
.horbox a{color:#333;font-size:16px;font-weight: bold;}

.hover .tdxm-horBox{display:block;}

.courseitem{float:left;width:476px;padding:12px}
.courseitem img{float:left;width: 476px;}
.courseitem span{float:left;width: 476px;padding-top: 10px;text-align: center;font-size: 16px}

.coursesmall{float:left;width:309px;padding:12px}
.coursesmall img{float:left;width:309px;}
.coursesmall span{float:left;width:309px;padding-top:10px;text-align:center;font-size:16px}

.zt a{float:left;margin-right:14px}

.weibo{width: 200px;}

.weibo li{width: 200px;float: left;padding:8px 0;font-size: 16px;}

.ico-zone { float: right; margin-top: 7px;}

.qq{
   width:130px;
   position:fixed;
   top:200px;
   right:0px;
   height:354px;
   z-index: 100;
   background:url("kefu_bg.png") no-repeat right top;
}
.qq ul{float: left;margin-top:47px;}
.qq li{text-align: center;width: 130px;padding:6px 0px 4px 0px;}



.addtable{padding-top: 30px}
.addtable table{width: 100%;}
.addtable th{padding:20px;font-size:20px;border:solid 1px #666;text-align: center;}
.addtable td{padding: 10px 15px;font-size: 16px;border:solid 1px #666;width: 50%}
.addtable td span{color: #dd0000}



.courselist{padding: 40px 0px}
.courselist table{width: 100%;}
.courselist td{padding:15px 20px;font-size: 16px;border:solid 1px #e6e6e6;color: #333;text-align: center;}
.courselist td a{color:#005ea7}

.courselist .btn-go{color: #fff;background: #f40;display: inline-block;padding:5px 10px;}


