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:#FFFFFF;font-family:Helvetica,'Hiragino Sans GB','Microsoft Yahei',Arial,sans-serif;color:#333;min-width:1200px}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.clearfix{*+height:1%}
.head{width:100%;height:100px;border-bottom:1px solid #888;background:#fff}
.nav{margin:0 auto;width:1200px}
.nav .logo{position:relative;float:left;margin:25px 0 0 0;width:160px}
.nav .logo h1{position:absolute;top:5px;font-size:12px}
.nav .logo img{position:relative;z-index:10;background:#fff}
.nav ul{float:right;margin:30px 0 0 0;width:910px}
.nav li{position:relative;float:left;width:130px;cursor:pointer}
.nav li hr{position:absolute;top:25px;right:10px;width:10px;height:10px;background:url(../images/home_navdown.png) no-repeat center}
.nav li i{position:absolute;top:0;right:0;width:37px;height:16px;background:url(../images/home_hot.png) no-repeat center}
.nav li,.nav li a{width:130px;color:#333;text-align:center;font-weight:700;font-size:16px;line-height:70px}
.nav li span{position:absolute;top:69px;left:0;z-index:999;float:left;clear:both;display:none;padding:0 10px 15px 20px;border-right:1px solid #888;border-bottom:1px solid #888;border-left:1px solid #888;background:#fff}
.nav li span hr{float:left;margin:12px 0 0 0;width:5px;height:1px;border:none;background:#999}
.nav li span a{background:url(../images/home_nav.png) no-repeat left center;color:#666;font-weight:400;font-size:15px;line-height:33px}
.nav li p{position:absolute;top:69px;right:0;z-index:999;display:none;padding:15px;width:560px;border-right:1px solid #888;border-bottom:1px solid #888;border-left:1px solid #888;background:#fff}
.nav li p a{float:left;width:80px;color:#666;font-weight:400;font-size:13px;line-height:33px}
.nav li a:hover,.nav li p a:hover,.nav li span a:hover{color:#b7382d}
.wrap{margin:0 auto;width:1200px}
.breadcrumb{float:left;margin:25px 0 0 10px;width:900px;height:30px;font-size:13px;line-height:30px}
.breadcrumb a{float:left;margin:0 10px 0 0;color:#666}
.breadcrumb a:hover{color:#bf5353}
.breadcrumb i{float:left;margin:0 10px 0 0;color:#666}
.breadcrumb::before{float:left;margin:10px 10px 0 0;width:9px;height:9px;border-radius:5px;background:#2c5783;content:""}
.wrap h1{float:left;clear:both;margin:30px 0 0 0;width:1200px;height:30px;font-size:20px;line-height:30px}
.wrap .school{float:left;clear:both;margin:20px 0 0 0;width:1200px}
.school ul{float:left;clear:both;width:1220px}
.school li{float:left;margin:0 20px 0 0;width:285px;border:9px solid #aabbca}
.school li img{float:left;clear:both;margin:15px 0 0 47px;width:170px;height:60px}
.school li span{position:relative;float:left;clear:both;margin:10px 0 20px 39px;width:190px;border-top:1px solid #aaa}
.school li span a{margin:20px 0 0 12px;padding:0 0 0 33px;width:165px;height:26px;border-radius:9px;background:#bf5353;color:#fff;font-weight:700;font-size:13px;line-height:26px}
.school li span a::before{position:absolute;top:33px;right:36px;width:30px;height:1px;background:#fff;content:""}
.school li span a::after{position:absolute;top:27px;right:39px;width:1px;height:8px;background:#fff;content:"";transform:rotate(130deg)}
.school li span a:hover{background:#2c5783}
.wrap h2{float:left;clear:both;margin:0;width:1200px;height:30px;font-size:16px;line-height:30px}
.wrap h2::before{float:left;margin:9px 25px 0 0;width:12px;height:12px;border-radius:6px;background:#2c5783;content:""}
.wrap .video{float:left;clear:both;margin:30px 0 0 0;width:1200px}
.video ul{float:left;clear:both;width:1220px}
.video li{float:left;margin:20px 20px 0 0;width:285px;height:225px;border-radius:12px;box-shadow:3px 3px 5px 1px #888}
.video li a{width:285px;height:225px;border:1px solid #888;border-radius:9px;color:#555}
.video li a:hover{background:#f0f2f2;color:#bf5353}
.video li img{margin:20px 0 0 15px;width:255px;height:138px;border-radius:9px}
.video li b{margin:20px 0 0 0;padding:0 10px 0 39px;width:100%;height:39px;border-top:1px solid #888;background:url(../images/kj_video.png) no-repeat 15px center;text-align:center;font-size:14px;line-height:39px}
.wrap .course{float:left;clear:both;margin:30px 0 0 0;width:1239px}
.course .board{float:left;margin:20px 39px 0 0;width:580px;border:9px solid #aabbca}
.board dl{position:relative;float:left;margin:20px 0 0 25px;width:110px}
.board dl::before{position:absolute;top:50px;left:0;width:1px;height:120px;border-left:1px dashed #888;content:""}
.board dt{float:left;clear:both;margin:0 0 15px 0;width:100px;font-weight:700;font-size:18px}
.board dd{float:left;clear:both;margin:0 0 0 20px;width:100px;height:36px;font-size:14px;line-height:36px}
.board ul{float:left;margin:10px 0 50px 30px;width:390px}
.board li{float:left;clear:both;margin:15px 0 0 0;width:100%}
.board li em{display:inline-block;margin:0 15px 0 0;padding:0 30px;height:25px;border:1px solid #888;border-radius:13px;font-size:13px;line-height:22px}
.board li span{float:left;margin:0 20px 0 0;width:60px}
.board li span img{float:left;clear:both;width:60px;height:60px;border-radius:30px}
.board li span b{float:left;clear:both;width:60px;height:25px;text-align:center;font-weight:700;font-size:12px;line-height:25px}
.board li i{display:inline-block;margin:0 10px 0 0;padding:0 15px;height:23px;border-radius:12px;background:#dfe7ee;font-size:13px;line-height:23px}
/*.board li big{float:left;height:50px;color:#bf5353;font-weight:700;font-size:39px;line-height:50px}
.board li big::before{float:left;margin:5px 0 0 0;height:50px;content:"￥";font-weight:700;font-size:18px;line-height:50px}
.board li small{float:left;margin:5px 0 0 0;height:50px;color:#bf5353;font-weight:700;font-size:18px;line-height:50px}
*/
.board li big{display: none;}
.board li small{display: none;}
.board span{float:right;margin:-50px -9px 25px 0;width:180px}
.board span a{position:relative;float:left;padding:0 0 0 30px;width:180px;height:39px;background:#333;color:#fff;font-size:16px;line-height:39px}
.board span a::before{position:absolute;top:20px;right:25px;width:39px;height:1px;border-bottom:1px solid #fff;content:"";text-align:right;font-size:16px}
.board span a::after{position:absolute;top:12px;right:10px;width:20px;height:20px;content:">";line-height:19px}
.board span a:hover{opacity:.5}
.wrap .teacher{float:left;clear:both;margin:30px 0 0 0;width:1200px}
.teacher ul{position:relative;float:left;clear:both;margin:20px 0 0 0;width:1360px}
.teacher li{float:left;margin:0 160px 39px 0;width:520px}
.teacher li i{float:left;width:170px;height:170px;border:1px dashed #888;border-radius:85px}
.teacher li img{margin:20px 0 0 20px;width:130px;height:130px;border-radius:65px}
.teacher li b{float:right;width:300px;height:30px;font-size:16px;line-height:30px}
.teacher li p{float:right;overflow:hidden;margin:20px 0 0 0;width:300px;height:75px;font-size:13px;line-height:25px}
.teacher li span{float:right;padding:0 0 0 20px;width:150px;height:39px;border:1px solid #888;border-radius:6px;background:url(../images/kj_listen.png) no-repeat 20px center;text-align:center;font-size:14px;line-height:39px}
.teacher li span a{color:#333}
.teacher li span a:hover{color:#bf5353}
.teacher li::after{float:left;margin:10px 0 0 220px;width:300px;height:12px;background:#eee;content:""}
.wrap .list{position:relative;float:left;margin:20px 0 50px 0;width:750px}
.list ul{float:left;clear:both;width:100%}
.list li{position:relative;float:left;clear:both;margin:30px 0 0 0;width:750px;border-top:1px solid #ddd}
.list li i{position:absolute;margin:-1px 0 0 0;width:130px;height:30px;border-top:1px solid #d3715f;color:#d3715f;text-align:center;font-weight:700;font-style:normal;font-size:15px;line-height:30px}
.list li b{float:left;overflow:hidden;margin:15px 0 10px 230px;width:520px;height:30px;font-size:16px;line-height:30px}
.list li b a{color:#333}
.list li p{float:left;overflow:hidden;margin:0 0 15px 230px;width:520px;height:50px;color:#777;font-size:13px;line-height:25px}
.list li b a:hover{color:#5aa7d3}
.list .page{float:left;clear:both;margin:80px 0 50px 0;width:750px;border-top:1px solid #ddd}
.page p{float:left;clear:both;width:750px}
.page p a,.page p b{float:left;width:50px;height:80px;text-align:center;font-size:12px;line-height:80px}
.page p a{color:#888}
.page p b{margin:-1px 0 0 0;border-top:1px solid #000;color:#333;font-weight:400}
.page p a:hover{margin:-1px 0 0 0;border-top:1px solid #000;color:#333}
.wrap .live{float:right;margin:80px 0 50px 0;width:350px;border-left:1px dashed #888}
.live .h3{float:left;margin:10px 0 0 20px;padding:0 0 0 30px;width:100%;height:30px;background:url(../images/kj_live.png) no-repeat left center;font-size:16px;line-height:30px}
.live ul{float:left;clear:both;margin:20px 0 50px 0;width:100%;border-top:1px solid #888}
.live li{position:relative;float:left;clear:both;margin:60px 0 0 0;width:100%}
.live li b{float:left;overflow:hidden;margin:0 0 0 30px;width:230px;height:39px;font-size:14px;line-height:20px}
.live li i{float:left;margin:20px 0 0 36px;width:160px;height:20px;border-radius:12px;background:#eee;color:#555;text-align:center;font-size:13px;line-height:20px}
.live li i::before{position:absolute;top:8px;left:0;width:15px;height:1px;background:#888;content:""}
.live li span{float:right;margin:-5px 0 0 0}
.live li span a{width:70px;height:45px;border-radius:23px;background:#2c5783;color:#fff;text-align:center;font-size:15px;line-height:45px}
.live li:nth-child(2) span a{background:#bf5353}
.live li span a:hover{opacity:.5}
.footer{clear:both;margin:30px auto;width:1200px;height:200px;border:1px solid #888;color:#555}
.footer a{color:#555;font-size:15px}
.footer a:hover{color:#5aa7d3}
.footer h5{width:1200px;height:130px;border-bottom:1px solid #888;text-align:center;font-size:28px;line-height:130px}
.footer h5 span{display:inline;color:#2c5783}
.footer .about{height:68px;line-height:68px}
.footer .about p{float:left}
.footer .about p a{float:left;margin-left:30px}
.footer .about i{float:right;margin:0 30px 0 0;width:230px;text-align:right;font-weight:400}
.footer .about i a{float:right;margin-right:30px}