/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,dl,dt,dd,fieldset,img,q,i,em,sub,sup{margin:0;padding:0;list-style:none;font-style: normal;  font-family:"微软雅黑"; border:0 none;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{text-decoration:none;}
a:focus,input:focus,textarea:focus{outline:none;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; outline:none;} 

 1 @media only screen and (min-width: 320px){
 2   html {
 3     font-size: 62.5% !important;
 4   }
 5 }
 6 @media only screen and (min-width: 640px){
 7   html {
 8     font-size: 125% !important;
 9   }
10 }
11 @media only screen and (min-width: 750px){
12   html {
13     font-size: 150% !important;
14   }
15 }
16 @media only screen and (min-width: 1242px){
17   html {
18     font-size: 187.5% !important;
19   }
20 }
body{ font-size:1rem;}
h1{ font-size:2.4rem;}

/*header*/
header{width:100%; height:44px; text-align:center; line-height:44px; overflow:hidden; background:#333333;}
.logo{width:66px; height:44px; float:left;}
.home{width:20px; height:19px; float:right; margin-right:16px; margin-top:14px;}
header p{display:inline-block; color:#ffffff; font-size:18px; font-weight:bold;}


.course{ width:95%; box-sizing:border-box; margin:0 auto; padding-bottom:30px;}

#course{ width:100%; overflow:hidden; border-radius:4px;}
#course span{ float:left; width:25%; height:3.2rem; line-height:3.2rem; text-align:center; background:#fff0cf;  color:#21ace0;}
#course span.se{ background:#21ace0; color:#FFF; }


#course_content{ width:100%; overflow:hidden; padding:1rem 1.2rem; box-sizing:border-box; background:#f1f1f1;}
#course_content div{ display:none;}
#course_content div table{ width:100%; text-align:left;}
#course_content div table tr th{ height:2.1rem; border-bottom:1px dashed #dfcba0; color:#c9a558;}
#course_content div table tr td{ height:2.1rem; border-bottom:1px dashed #dfcba0;}
#course_content div table tr td:nth-child(1){ color:#705156;}
#course_content div table tr td:nth-child(2){ color:#ad7e86;}
#course_content div table tr:last-child td { border:none;}


/*---------滚动图------------*/
#gedu_teacher{width:94%; height:320px; overflow:hidden; margin-left: 3%;margin-top: 1.5rem;margin-bottom: 2rem;position: relative;text-align: center;}
.teacher_banner{width:140px; height:320px; overflow:hidden; margin:0 auto; position:relative;}
.teacher_banner>ul{width: 100%;height:auto; overflow:hidden; position:absolute; top:0px; left:0px; z-index:2;}
.teacher_banner>ul>li{width:140px; height:320px; float:left; text-align:center; overflow:hidden;}
.teacher_banner ul li dl{ width:100%; overflow:hidden;}
.teacher_banner ul li dl dt img{ width:100%; height:auto;}
.teacher_banner ul li dl dd{ font-size:1rem; line-height:1.2rem; text-align:left; color:#888888; padding-top:1rem;}
 
.teacher_point{width:100%; height:11px; opacity:0; text-align:center;position:absolute; bottom:-60px; left:0px; z-index:10;}                 
.teacher_point span{display:inline-block; margin-right:6px; cursor:pointer; width:11px; height:11px;}
#gedu_teacher font{ width:35px; height:35px; line-height:36px; z-index:10; position: absolute; top:40%; cursor: pointer;}
#gedu_teacher .prev{ left:3%; background:url(../images/prev.jpg) no-repeat;background-size: 100% 100%; background-position:center  ;}
#gedu_teacher .next{ right:3%; background:url(../images/next.jpg) no-repeat;background-size: 100% 100%;background-position:center left ;}
/*---------滚动图结束------------*/