﻿.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.clear38{clear:both;height:38px}
a,b,dd,dl,dt,h1,h2,h3,h5,i,li,ol,p,span,u,ul{display:block;margin:0;padding:0}
dd,dl,dt,li,ul{list-style:none}
a,u{border:0;text-decoration:none}
img{border:0}
table{border-collapse:collapse}
hr{height:0;border-top:none;border-left:none;border-right:none}
body{background:#FFF;font-family:Helvetica,'Hiragino Sans GB','Microsoft Yahei',Arial,sans-serif;min-width:1200px}
.top{margin:0 auto;width:1200px}
.top .breadcrumb{float:left;margin-top:38px;width:380px;height:30px;color:#3E6373;font-size:13px}
.breadcrumb img{float:left;display:block;margin-right:10px;width:23px;height:23px}
.breadcrumb u{float:left;margin:0 15px;text-decoration:none;line-height:30px}
.breadcrumb a{float:left;color:#888;line-height:30px}
.breadcrumb a:hover,.detail .star b a:hover,.detail u a:hover,.listen li a:hover,.listen p span a:hover,.listen ul b a:hover,.guide b a:hover,.main .hot li a:hover{color:#FF822B}
.top .logo{float:left;margin-left:80px;width:380px}
.logo a{float:left;margin-top:5px;width:70px;height:70px}
.logo span{float:left;margin-top:20px;width:300px;color:#888;font-size:13px;line-height:20px}
.top .search{position:relative;float:right;margin-top:30px;width:288px}
.top .search .text{padding:0 15px;width:238px;height:28px;border:0;background:#F2F2EA;color:#3E6373;font-size:14px;font-family:Microsoft Yahei;line-height:28px}
.top .search input{outline:0;border:0}
.top .search .ss{position:absolute;top:0;right:0;z-index:1;width:38px;height:28px;border:0;background:url(../images/search.png) center no-repeat}
.top #act:active{opacity:.7;filter:Alpha(opacity=70)}
.main{margin:50px auto 0 auto;width:1200px}
.main .first{float:left;clear:both;width:870px}
.first .card{width:870px;height:260px;background:#3E6373}
.card .mark{float:left;margin:30px;width:230px;height:200px;background:#FFF}
.card .mark img{width:190px;height:68px;margin:66px 20px}
.card .detail{float:left;margin:30px 30px 30px 15px;width:530px}
.detail h1{width:530px;color:#FFF;font-weight:400;font-size:28px;line-height:30px}
.detail u{margin:20px 0;width:530px;height:30px;color:#FFF;font-size:15px;line-height:30px}
.detail u a{color:#FFF;text-decoration:underline}
.detail .star{float:left;clear:both;width:530px}
.star i{top:3px;width:93px;height:12px}
.star .bg{position:relative;float:left;background:url(../images/bg_star.png) no-repeat left}
.star .act{position:absolute;top:0;left:0;display:block;height:100%;background:url(../images/act_star.png) no-repeat}
.star b{float:left;margin-left:15px}
.star b,.star b a{display:inline;color:#FFF;font-weight:400;font-size:13px;line-height:15px}
.detail .button{float:left;clear:both;margin-top:38px;margin-left:-50px;width:560px}
.button a{float:left;margin-left:50px;width:135px;height:39px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;background:#FBD930;color:#3E6373;text-align:center;font-weight:700;font-size:15px;line-height:39px}
.button a:hover{background:#EDE3AF}
.first .guide{float:left;clear:both;margin-top:53px;width:870px}
.guide h3{float:left;width:700px;color:#3E6373;font-size:18px}
.guide b{float:right;width:130px;text-align:right;font-size:13px}
.guide b a{color:#555;font-weight:400}
.guide p{float:left;clear:both;margin-top:20px;width:870px}
.guide p a{float:left;margin-right:30px;width:120px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background:#B2D3DD;color:#333;text-align:center;font-size:15px;line-height:50px}
.guide p a:hover{background:#3E6373;color:#FFF}
#mr0{margin-right:0}
.main .hot{float:right;width:300px;border-bottom:3px solid #E0E3E3;background:#F3F3F3}
.hot h3{margin-top:3px;width:290px;height:53px;border-bottom:1px solid #D8D8D8;background:url(../images/school_hot.png) no-repeat 78px 21px;color:#333;text-align:center;font-size:16px;line-height:53px}
.hot ul{float:left;clear:both;margin:5px 0 0 15px;width:260px}
.hot li{float:left;clear:both;margin:27px 0 0 0;width:260px}
.hot li img{float:left;width:50px;height:50px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}
.hot li u{float:left;margin:0 0 0 30px;width:180px}
.hot li u a{color:#3E6373;font-weight:700;font-size:13px;line-height:20px}
.hot li u p{overflow:hidden;height:30px;color:#555;font-size:12px;line-height:15px}
.main .ht1{height:403px}
.main .ht2{height:475px}
.main .banner{float:left;clear:both;margin-top:38px;width:1202px;height:190px;border:1px solid #D8D8D8}
.banner img{margin:20px;width:1160px;height:150px}
.main .module{float:left;clear:both;margin-top:70px;width:1200px}
.module h2{width:1200px;color:#3E6373;font-size:23px}
.module .listen{float:left;clear:both;margin-top:20px;width:1200px}
.listen p{float:left;margin-right:20px;width:276px;height:253px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background:#F3F3F3}
.listen p img{margin:25px 21px 18px 21px;width:238px;height:150px}
.listen p b{float:left;margin-left:20px;width:180px;height:38px;color:#3E6373;font-size:13px;line-height:38px}
.listen p span{float:right;margin-right:15px;width:50px;height:38px;font-size:13px;line-height:38px}
.listen p span a{padding-left:20px;background:url(../images/school_listen.png) no-repeat left;color:#333}
.listen ul{float:right;width:300px;height:251px;border:1px dashed #CBCECE}
.listen ul h5{float:left;margin:10px 0 7px 25px;width:170px;height:38px;color:#3E6373;font-size:15px;line-height:38px}
.listen ul b{float:right;margin:10px 25px 7px 0;width:60px;height:38px;text-align:right;line-height:38px}
.listen ul b a{color:#555;font-size:12px}
.listen li{float:left;clear:both;overflow:hidden;margin-left:25px;padding-left:15px;width:238px;height:30px;background:url(../images/school_li.png) no-repeat left}
.listen li a{color:#333;font-size:13px;line-height:30px}
.main .module .course{float:left;clear:both;margin-top:30px;width:1200px}
.course a{float:left;margin-right:15px;width:226px;border:1px dashed #CBCECE}
.course h3{overflow:hidden;margin:15px;width:190px;height:38px;color:#3E6373;text-align:center;font-size:15px;line-height:38px}
.course ul{float:left;clear:both;margin-left:19px;width:201px}
.course li{float:left;margin-right:17px;width:50px}
.course li img{width:50px;height:50px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}
.course li b{width:50px;color:#555;text-align:center;font-size:12px;font-weight:normal}
.course p{float:left;clear:both;margin:15px;width:200px;height:80px;background:#F5F5F5}
.course i{float:left;padding:50px 0 0 10px;width:85px;height:30px;color:#777;font-size:12px}
.course span{float:right;margin-top:15px;margin-right:11px;width:90px;color:#777;text-align:right;text-decoration:line-through;font-size:13px;line-height:20px}
.course u{float:right;margin-right:10px;width:95px;color:#ED8139;text-align:right;font-weight:700;font-size:23px;line-height:35px}
.course a:hover{border:1px solid #D1D3D3}
.course a:hover h3{color:#ED8139}
.main .teacher{float:left;clear:both;margin:58px 0 90px 0;width:1200px}
.teacher h2{float:left;clear:both;padding-left:50px;width:1000px;height:58px;background:url(../images/school_play.png) no-repeat left center;color:#3E6373;font-size:23px;line-height:58px}
.teacher ul{float:left;clear:both;width:1230px}
.teacher li{float:left;margin:20px 23px 0 0;width:220px;height:130px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background:#F3F3F3}
.teacher li img{float:left;margin:30px 15px;width:70px;height:70px;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px}
.teacher li span{float:left;width:80px}
.teacher li span b{float:left;clear:both;margin:30px 0 0 10px;width:80px;font-size:15px;line-height:20px}
.teacher li span b a{color:#3E6373}
.teacher li span b a:hover{color:#ED8139}
.teacher li span p{float:left;clear:both;margin:10px 0 0 5px;padding-left:20px;width:80px;height:40px;background:url(../images/school_liplay.png) no-repeat left 3px;color:#666;font-size:13px;line-height:20px;overflow:hidden}
.footer{width:100%;height:130px;background:#3E6373}
.footer u{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:normal;font-size:18px;line-height:38px}
.footer dt a{color:#3E6373}
.footer dd{margin:0 0 0 25px;font-weight:normal;font-size:15px;line-height:33px}
.footer span{float:left;margin:60px 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}