body,ul,li,ol,dl,dt,dd,h1,h2,h3,h5,h6,span,em,i,p,a,b,big,small{display:block;margin:0;padding:0;box-sizing:border-box}
dd,dl,dt,li,ul{list-style:none}
a{text-decoration:none}
i,em{font-style:normal}
img{border:0;display:block}
hr{border:none}
div{box-sizing:border-box}
body{background:#FFF;font-family:Helvetica,'Hiragino Sans GB','Microsoft Yahei',Arial,sans-serif;min-width:1200px}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.clearfix{*+height:1%}
.top{margin:0 auto;width:1200px}
.top .nav{position:relative;z-index:999;float:left;clear:both;margin:10px 0 0 0;width:1200px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#b2d3dd}
.nav .logo{float:left;clear:both;margin:0 0 0 60px;width:90px;height:60px;border-right:2px solid #d2e3ea;border-left:2px solid #d2e3ea;background:#3e6373}
.logo img{margin:10px 0 0 25px;width:39px;height:39px}
.nav ul{float:right}
.nav ul li{position:relative;float:left;width:120px;height:60px;border-left:2px solid #d2e3ea;text-align:center;line-height:60px}
.nav ul li a{color:#222;letter-spacing:1px;font-size:15px}
.nav ul li a:hover{color:#e87e3f}
.main{margin:0 auto;width:1200px}
.main .breadcrumb{margin:20px 0 0 0;padding:0 0 0 30px;width:1000px;background:url(../images/content_home.png) no-repeat left 0}
.breadcrumb a,.breadcrumb i{float:left;margin:0 13px 0 0;height:20px;color:#888;font-size:13px;line-height:20px}
.breadcrumb{float:left;clear:both}
.main .first{float:left;clear:both;margin:30px 0 0 0;width:1200px}
.first u{float:left;width:200px;height:200px;border:1px dashed #3e6373;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}
.first u img{margin:10px 0 0 10px;width:180px;height:180px;-webkit-border-radius:90px;-moz-border-radius:90px;border-radius:90px}
.first .mid{float:left;margin:0 0 0 100px;width:600px}
.first h1{margin:30px 0 0 0;color:#333;font-size:20px}
.first .mid p{margin:20px 0 0 0;color:#555;font-size:15px}
.first .mid i{margin:20px 0 0 0;padding:0 0 0 39px;width:200px;height:60px;background:url(../images/teacher_school.png) no-repeat left 9px;color:#3e6373;text-align:center;font-weight:700;font-size:16px;line-height:60px}
.first .mid i a{color:#3e6373}
.first .mid i a:hover{color:#ef9c58}
.first span{float:right;width:200px;height:150px}
.first span b a{border-bottom:2px solid #ddd}
.first span b,.first span b a{margin:30px 0 0 0;height:150px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-color:#f3f3f3;background-image:url(../images/teacher_play.png);background-position:center 30px;background-repeat:no-repeat;color:#333;text-align:center;letter-spacing:2px;font-size:16px;line-height:220px}
.first span b a:hover{border-bottom:2px solid #ccc;background-color:#e3e5e7}
.main .major{margin:39px 0 0 0;width:1200px}
.major{float:left;clear:both}
.major .guide{float:left;margin:2px 0 0 0;width:200px}
.guide li{float:left;clear:both}
.guide ul{float:left;clear:both}
.guide ul{width:200px;border-top:2px solid #d3e3e5}
.guide li{width:200px;height:80px;border-bottom:2px solid #d3e3e5;line-height:80px}
.guide li a{background:url(../images/teacher_arrows.png) no-repeat right center;color:#3e6373;text-align:center;font-size:16px}
.guide li:nth-child(1){background:url(../images/teacher_01.png) no-repeat left center}
.guide li:nth-child(2){background:url(../images/teacher_02.png) no-repeat left center}
.guide li:nth-child(3){background:url(../images/teacher_03.png) no-repeat left center}
.guide li:nth-child(4){background:url(../images/teacher_04.png) no-repeat left center}
.guide li:nth-child(5){background:url(../images/teacher_05.png) no-repeat left center}
.guide li:nth-child(6){background:url(../images/teacher_06.png) no-repeat left center}
.guide li a:hover{background:url(../images/teacher_arrows_hover.png) no-repeat right center;color:#ef9c58}
.float{position:fixed;top:0;z-index:999}
.major .minor{float:right;width:900px}
.minor .intro{position:relative;float:left;clear:both;margin:0 0 30px 0;width:900px;border-top:3px solid #b2d3dd;background:#f3f3f3}
.intro h2{float:left;clear:both;margin:25px 0 20px 58px;width:800px;color:#3e6373;font-size:18px}
.intro h2::before{float:left;margin:20px 20px 0 0;width:15px;height:3px;background:#fbd930;content:""}
.intro p{float:left;clear:both;margin:0 0 0 50px;width:800px;color:#666;font-size:15px;line-height:28px}
.intro h3{float:left;clear:both;margin:20px 0 20px 70px;width:800px;color:#3e6373;font-size:16px}
.intro span{float:left;clear:both;margin:0 0 0 50px;width:800px}
.intro span i{float:left;margin:0 18px 25px 18px;width:130px;height:30px;border:2px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#666;text-align:center;font-size:13px;line-height:30px}
.course{position:relative;float:left;clear:both;margin:0 0 30px 0;width:900px;border-bottom:3px solid #e8e8e8;-webkit-border-radius:13px 13px 0 0;-moz-border-radius:13px 13px 0 0;border-radius:13px 13px 0 0;background:#f3f3f3}
.course ul{float:left;clear:both;width:900px}
.course h2{float:left;clear:both;margin:20px 0 25px 39px;width:800px;color:#3e6373;font-size:16px}
.course h2::before{float:left;margin:5px 20px 0 0;width:3px;height:13px;background:#e87e3f;content:""}
.course li{float:left;clear:both;width:900px;height:80px;border-top:1px solid #ddd;line-height:80px}
.course li b{float:left;margin:0 0 0 60px;width:200px;color:#555;font-size:16px}
.course li i{float:left;padding:0 0 0 50px;width:330px;background:url(../images/teacher_colon.png) no-repeat left center;color:#555;font-size:16px}
.course li a{float:right;margin:25px 60px 0 0;width:130px;height:39px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#3e6373;color:#fff;text-align:center;font-size:15px;line-height:39px}
.course li a:hover{background:#b2d3dd}
.minor .comment{position:relative;position:relative;float:left;clear:both;margin:0 0 30px 0;width:900px;border-bottom:3px solid #e8e8e8;-webkit-border-radius:13px 13px 0 0;-moz-border-radius:13px 13px 0 0;border-radius:13px 13px 0 0;background:#f3f3f3}
.comment .words{position:relative;overflow:hidden;margin:0 0 0 100px;width:700px;height:280px}
.comment h2{float:left;clear:both;margin:20px 0 25px 39px;width:800px;color:#3e6373;font-size:16px}
.comment h2::before{float:left;margin:5px 20px 0 0;width:3px;height:13px;background:#e87e3f;content:""}
.comment ul{position:absolute;top:0;left:0;height:280px}
.comment li{position:relative;float:left;margin:0 50px 0 0;width:323px;border:1px solid #ddd;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;background:#fff}
.comment li p{overflow:hidden;margin:23px 0 0 25px;width:280px;height:150px;color:#333;font-size:13px;line-height:26px}
.comment li b{float:right;overflow:hidden;margin:15px 30px 15px 0;width:90px;height:30px;color:#3e6373;text-align:right;font-size:13px;line-height:30px}
.comment li b::before{float:left;margin:15px 0 0 0;width:12px;height:3px;background:#ef9c58;content:""}
.next,.prev{position:absolute;top:160px;z-index:99;width:50px;height:50px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;background:#b2d3dd;color:#fff;text-align:center;font-weight:700;font-family:"宋体";line-height:50px;cursor:pointer}
.comment .prev{left:20px}
.comment .next{left:830px}
.comment .swap{position:absolute;top:0;left:-3000px}
.ask{position:relative;float:left;clear:both;margin:0 0 30px 0;width:900px;border-bottom:3px solid #e8e8e8;-webkit-border-radius:13px 13px 0 0;-moz-border-radius:13px 13px 0 0;border-radius:13px 13px 0 0;background:#f3f3f3}
.ask h2{float:left;clear:both;padding:20px 0 39px 39px;width:900px;height:30px;border-bottom:1px solid #ddd;color:#3e6373;font-size:16px;line-height:30px}
.ask h2::before{float:left;margin:5px 20px 0 0;width:3px;height:13px;background:#e87e3f;content:""}
.ask ul{float:left;clear:both;margin:10px 0 30px 39px;width:900px}
.ask li{float:left;overflow:hidden;margin:20px 20px 0 0;padding:0 10px;width:260px;height:39px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#e6e6e6;line-height:39px}
.ask li a{color:#333;font-size:15px}
.ask li a:hover{color:#e36f3f}
.contrast{position:relative;float:left;clear:both;margin:0 0 30px 0;width:900px;border-bottom:3px solid #e8e8e8;-webkit-border-radius:13px 13px 0 0;-moz-border-radius:13px 13px 0 0;border-radius:13px 13px 0 0;background:#f3f3f3}
.contrast h2{float:left;clear:both;padding:20px 0 39px 39px;width:900px;height:30px;border-bottom:1px solid #ddd;color:#3e6373;font-size:16px;line-height:30px}
.contrast h2::before{float:left;margin:5px 20px 0 0;width:3px;height:13px;background:#e87e3f;content:""}
.contrast ul{float:left;clear:both;margin:10px 0 30px 39px;width:900px}
.contrast li{float:left;margin:20px 15px 0 0;padding:0 10px;width:195px;height:39px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:#fff;text-align:center;line-height:39px}
.contrast li a{color:#333;font-size:14px}
.contrast li a:hover{color:#e36f3f}
.relate{position:relative;float:left;clear:both;margin:0 0 30px 0;width:900px;border-bottom:3px solid #e8e8e8;-webkit-border-radius:13px 13px 0 0;-moz-border-radius:13px 13px 0 0;border-radius:13px 13px 0 0;background:#f3f3f3}
.relate h2{margin:20px 0 25px 39px;color:#3e6373;font-size:16px}
.relate h2::before{float:left;margin:5px 20px 0 0;width:3px;height:13px;background:#e87e3f;content:""}
.relate li{position:relative;float:left;box-sizing:content-box;padding:0 23px 0 36px;width:390px;border-top:1px solid #ddd;border-right:1px solid #ddd}
.relate li img{float:left;clear:both;margin:20px 0 0 0;width:80px;height:80px;-webkit-border-radius:39px;-moz-border-radius:39px;border-radius:39px}
.relate li b{float:left;clear:both;margin:5px 0 15px 0;width:80px;height:30px;text-align:center;line-height:30px;font-size:15px}
.relate li a b{color:#3e6373}
.relate li a:hover b{color:#e87e3f}
.relate li a p{color:#555}
.relate li a:hover p{text-decoration:underline}
.relate li p{position:absolute;top:30px;right:20px;overflow:hidden;margin:0 0 0 20px;width:280px;height:78px;text-align:center;text-align:left;font-size:13px;line-height:26px}
.relate li:nth-child(2n){border-right:none}
.recommend{position:relative;float:left;clear:both;margin:0 0 90px 0;width:900px}
.recommend dt{position:relative;float:left;clear:both;margin:39px 0 0 0;width:900px}
.recommend dt b{float:left;width:150px;color:#333;font-weight:400;font-size:15px;cursor:pointer}
.recommend ul{float:left;clear:both;display:none;margin:25px 0 0 0;padding:20px;width:900px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#f3f3f3}
.recommend li{display:inline-block;margin:0 10px 0 30px;width:120px;height:30px;font-size:14px;line-height:30px}
.recommend li a{display:inline;color:#555}
.recommend li a:hover{color:#e87e3f}
.recommend li a::before{float:left;margin:12px 15px 0 0;width:5px;height:5px;background:#e87e3f;content:""}
#act{color:#e87e3f;font-weight:700}
#act::before{position:absolute;top:-15px;width:18px;height:3px;background:#e87e3f;content:""}
.footer{width:100%;height:130px;background:#3e6373}
.footer i{margin:0 auto;width:1200px}
.footer dl{float:left;width:270px;height:130px;background:#b2d3dd}
.footer dt{margin:30px 0 0 23px;padding-left:39px;background:url(../images/footlogo.png) no-repeat left center;letter-spacing:2px;font-weight:400;font-size:18px;line-height:38px}
.footer dt a{color:#3e6373}
.footer dd{margin:0 0 0 25px;color:#3e6373;font-weight:400;font-size:15px;line-height:33px}
.footer span{float:left;margin:30px 0 0 120px;width:530px;border-bottom:1px solid #ccc;color:#eee;text-align:center;font-size:12px;line-height:25px}
.footer ul{float:right;margin-top:20px;width:170px}
.footer li{float:right;clear:both;width:150px;color:#fff;font-size:13px;line-height:30px}
.footer li a{color:#fff;font-size:13px}
.footer a:hover{color:#ff6900}
