﻿/*------------清除标签默认样式------------*/

table{border-collapse:collapse;border-spacing:0;}
i,em{font-weight:normal;font-style:normal;}
ul{list-style:none;padding:0px;margin:0px}
th{font-weight: normal;padding:0px;margin:0px}
h1,h2,h3,h4,strong{font-weight:normal;font-size:100%;padding:0px;margin:0px}
img{border:0;padding:0px;margin:0px}
body,div,p,li,table,td,dd,dt,dl{padding:0px;margin:0px}

.c_red{color:#CA0000}

.line_through {text-decoration: line-through;}
.font-v {font-family: verdana,Geneva,sans-serif;}
.font-a { font-family: Arial,sans-serif;}

.mar_r5 {margin-right: 5px;}
.c_y {color: #dc0000;}

.text-c{text-align: center;}
.bg_fb{background:#fbf7f4}

/*-----float------*/
.lt {float:left; }
.rt {float:right; }

/*-----clear------*/
.blank{clear:both;font-size:0px;height:30px;margin:0 auto;padding:0px;}
.clear{clear:both;display:block;font:0px/0px sans-serif;}

body{font-family:微软雅黑,microsoft yahei,sans-serif;font-size:12px;background:#fff;}

.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;}

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

.banner1{background:url("banner1.png") no-repeat center;height:200px;margin:0 auto;width:100%;}
.banner2{background:url("banner2.png") no-repeat center;height:258px;margin:0 auto;width:100%;}
.banner3{background:url("banner3.png") no-repeat center;height:264px;margin:0 auto;width:100%;}

.title{font-size: 36px;text-align: center;padding: 40px 0}

.why{float:left;}
.why li{float:left;width:230px;height:210px;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{  color: #fff;
    font-size: 30px;
    height: 150px;
    padding-top: 60px;
    text-align: center;
    width: 230px;}
.horbox{color: #fff;
    font-size: 16px;
    height: 170px;
    padding:40px 20px 0;
    text-indent: 2em;
    width: 190px;}

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



.teacher{background:url(teacher.png) no-repeat center;}


.teacher-con{position: relative;height:840px;margin: 0px auto;width: 1000px;}

.teacher-con a{width: 87px;height: 99px;display: block;position: absolute;}
.teacher-con div{background: #fff; border: 1px solid #9ec58e; color: #6c6c6c;line-height: 22px;
    padding: 10px; width: 314px;display: none;margin-left: 66px; margin-top: 60px;}
.teacher-con strong{font-weight: bold;color: #9ec58e}
.teacher-con a:hover div{display: block;}
.teacher-con a:hover {text-decoration: none}

.p_1{left:14px;top:123px;}
.p_2{left: 230px;top: 94px;}
.p_3{left: 476px;top: 244px;}
.p_4{left: 573px;top: 377px;}
.p_5{left: 685px;top: 227px;}
.p_6{left: 907px;top: 41px;}
.teacher-con .p_6 div,.teacher-con .p_7 div{ margin-left: -320px;}
.p_7{left: 913px;top: 337px;}
.p_8{left: 708px;top: 533px;}
.p_9{left: 468px;top: 638px;}
.p_10{left: 297px;top: 537px;}
.p_11{left: 1px; top: 335px;}
.p_12{left: 322px; top: 300px;}


.jihui{background:url(jihui.jpg) no-repeat center;height:207px}
.jingxi{background:url(jingxi.png) no-repeat center;height:233px}


.course{background:url(course.png) no-repeat center;height:840px;position: relative;}

.course a{display: block; float: right;height: 257px; margin-bottom: 26px;
    margin-left:10px; width:281px;}


.fixed{position: fixed;height: 160px;background: #000;width: 100%;bottom: 0; opacity: 0.8;z-index: 100000;}

