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:#FAFAFA;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{width:100%;height:90px;border-bottom:2px solid #f55d53}
.top .nav{margin:0 auto;width:1200px}
.nav .logo{position:relative;z-index:999;float:left;margin:20px 0 0 0;width:160px;height:58px;background:#fafafa}
.nav ul{float:right;margin:39px 0 0 0;width:900px}
.nav li{float:left;width:150px;text-align:center}
.nav li a{color:#333;font-weight:700;font-size:16px}
.nav li a:hover{color:#f55d53}
.wrap{position:relative;margin:0 auto;width:1200px}
.wrap .breadcrumb{float:left;clear:both;margin:30px 0 0 20px;width:100%}
.breadcrumb i{float:left;margin:0 15px 0 0;color:#555;font-size:13px}
.breadcrumb a{float:left;margin:0 15px 0 0;color:#555;font-size:13px}
.breadcrumb a:hover{color:#f55d53}
.wrap .school{position:relative;float:left;clear:both;margin:20px 0 0 0;width:1200px;border-top:1px solid #e1e2ea;border-bottom:1px solid #e1e2ea}
.school h1{float:left;clear:both;margin:20px 0 0 30px;width:100%;color:#505d6c;font-size:16px}
.school h1::before{position:absolute;top:-2px;left:30px;z-index:999;width:25px;height:3px;background:#f55d53;content:""}
.school ul{float:left;clear:both;margin:20px 0 0 20px;width:1180px}
.school li{position:relative;float:left;margin:0 20px 30px 0;width:373px;border-radius:12px;background:#edeef1}
.school li i{position:absolute;top:15px;left:20px;width:130px;height:100px;border:1px solid #d3d6de;border-radius:12px;background:#fff}
.school li i img{float:left;clear:both;margin:31px 0 0 10px;width:110px;height:38px}
.school li b{float:right;clear:both;margin:15px 20px 0 0;width:230px;height:30px;text-align:right;font-size:16px;line-height:30px}
.school li b a{color:#333}
.school li b a:hover{color:#f55d53}
.school li p{float:right;clear:both;margin:0 20px 0 0;width:230px;height:30px;color:#555;text-align:right;font-size:14px;line-height:30px}
.school li span{float:right;clear:both;margin:10px 20px 25px 0;width:100px}
.school li span a{height:30px;border-radius:5px;background:#505d6c;color:#fff;text-align:center;font-size:14px;line-height:30px}
.school li span a:hover{background:#f55d53}
.wrap .video{float:left;clear:both;margin:10px 0 0 0;width:1200px}
.video ul{float:left;clear:both;margin:20px 0 0 20px;width:1160px;border-radius:12px;background:#edeef1}
.video li{float:left;margin:20px 26px;width:238px}
.video li a{width:238px;color:#111}
.video li a:hover{color:#f55d53}
.video li img{width:238px;height:128px;border-radius:9px}
.video li b{margin:20px 0 0 0;width:100%;height:39px;border-top:3px solid #fff;background:url(../images/jz_video.png) no-repeat 15px center;text-align:right;font-weight:400;font-size:14px;line-height:39px}
.wrap .data{position:relative;float:left;clear:both;margin:30px 0 0 0;width:1200px;border-top:1px solid #e1e2ea}
.data hr{position:absolute;top:-9px;left:599px;width:1px;border-left:1px solid #e1e2ea}
.data h2{float:left;clear:both;margin:20px 0 0 0;width:1200px;height:30px;font-size:16px;line-height:30px}
.data h2::before{float:left;margin:9px 25px 0 -2px;width:3px;height:15px;background:#f55d53;content:""}
.data ul{float:left;clear:both;width:1200px}
.data li{position:relative;float:left;margin:30px 39px 0 39px;width:522px;border-bottom:1px dashed #e1e2ea;background:url(../images/jz_ppt.png) no-repeat left 10px}
.data li b{float:left;clear:both;margin:0 0 0 60px;width:100%;height:30px;font-size:15px;line-height:30px}
.data li i{display:inline-block;margin:10px 10px 30px 0;padding:0 15px;height:20px;border-radius:12px;background:#eaeaea;font-size:12px;line-height:20px}
.data li i:nth-child(2){margin:10px 10px 20px 60px}
.data li span{position:absolute;top:10px;right:0;width:90px;height:53px;text-align:center;line-height:53px}
.data li span a{border-radius:6px;background:#505d6c;color:#fff;font-size:15px}
.data li span a:hover{opacity:.6}
.data li:nth-child(5),.data li:nth-child(6){border-bottom:none}
.wrap .course{float:left;clear:both;margin:10px 0 0 0;width:1200px;border-top:1px solid #e1e2ea}
.course h2{float:left;clear:both;margin:20px 0 0 0;width:1200px;height:30px;font-size:16px;line-height:30px}
.course h2::before{float:left;margin:9px 25px 0 -2px;width:3px;height:15px;background:#f55d53;content:""}
.course .board{float:left;margin:30px 25px;width:550px}
.board dl{float:left;width:200px;height:270px;border-radius:15px 0 0 15px;background:#505d6c;color:#fff}
.board dt{float:left;clear:both;margin:25px 0 20px 10px;width:180px;text-align:center;font-weight:700;font-size:18px}
.board dd{float:left;clear:both;margin:0 0 0 20px;width:170px;height:36px;font-size:14px;line-height:36px}
.board dd::before{float:left;margin:13px 20px 0 0;width:6px;height:6px;border-radius:3px;background:#f55d53;content:""}
.board ul{float:left;width:350px;height:270px;border-radius:0 15px 15px 0;background:#eee}
.board li{float:left;clear:both;margin:15px 0 0 25px;width:100%}
.board li em{display:inline-block;margin:10px 15px 0 0;padding:0 30px;height:25px;border:1px solid #505d6c;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 15px 0 0;padding:0 15px;height:23px;border-radius:12px;background:#fff;font-size:13px;line-height:23px}
.board li big{float:left;height:50px;color:#f55d53;font-weight:700;font-size:30px;line-height:50px}
.board li big::before{float:left;margin:5px 0 0 0;height:50px;content:"￥";font-weight:700;font-size:16px;line-height:50px}
.board li small{float:left;margin:5px 0 0 0;height:50px;color:#f55d53;font-weight:700;font-size:16px;line-height:50px}
.board span{float:right;margin:-60px 25px 0 0;width:120px}
.board span a{position:relative;float:left;padding:0 0 0 10px;width:120px;height:39px;border-radius:6px;background:#505d6c;color:#fff;font-size:16px;line-height:39px}
.board span a::before{position:absolute;top:20px;right:15px;width:20px;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:10px;height:20px;content:">";line-height:19px}
.board span a:hover{opacity:.6}
.wrap .main{float:left;clear:both;margin:10px 0 0 0;width:1200px;border-top:1px solid #e1e2ea}
.main .list{position:relative;float:left;width:890px}
.list h2{float:left;clear:both;margin:20px 0 0 30px;width:100%;color:#505d6c;font-size:16px}
.list h2::before{position:absolute;top:-2px;left:30px;z-index:999;width:25px;height:3px;background:#f55d53;content:""}
.list ul{float:left;clear:both;margin:10px 39px 30px 39px;width:810px}
.list li{float:left;clear:both;width:810px;border-bottom:1px solid #e1e2ea}
.list li span{float:left;margin:39px 0 0 30px;padding:7px 15px 0 15px;width:68px;height:50px;border:1px solid #505d6c;border-radius:6px;color:#666;text-align:center;font-size:12px;line-height:18px}
.list li b{float:left;margin:30px 0 0 50px;width:600px;font-size:15px}
.list li b a{color:#333}
.list li p{float:left;margin:10px 0 30px 50px;width:600px;color:#666;font-size:13px;line-height:20px}
.list .page{float:left;clear:both;margin:10px 0 30px 0;width:100%;border-top:1px solid #e1e2ea;border-bottom:1px solid #e1e2ea}
.page p{box-sizing:content-box;margin:30px 0;width:100%;text-align:center}
.page p a,.page p b{display:inline-block;box-sizing:content-box;margin:0 13px 0 0;padding:0 5px;min-width:20px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-align:center;font-size:12px;line-height:30px}
.page p a{background:#eee;color:#333}
.page p a:hover{background:#f55d53;color:#fff}
.page p b{background:#f55d53;color:#fff}
.main .sidebar{position:relative;float:right;width:310px;border-left:1px solid #e1e2ea}
.sidebar .h3{float:left;clear:both;margin:20px 0 0 20px;width:280px;color:#505d6c;font-size:16px}
.sidebar .h3::before{position:absolute;left:-1px;z-index:999;width:3px;height:20px;background:#f55d53;content:""}
.live ul{float:left;clear:both;margin:0 0 0 30px;width:250px}
.live li{float:left;clear:both;margin:30px 0 0 0;width:100%;border-radius:9px;background:#eee}
.live li b{float:left;clear:both;overflow:hidden;margin:20px 0 0 20px;width:210px;height:30px;font-size:15px;line-height:30px}
.live li i{float:left;clear:both;margin:5px 0 0 20px;width:210px;height:30px;font-size:13px;line-height:30px}
.live li i::before{float:left;margin:15px 15px 0 0;width:15px;height:1px;background:#505d6c;content:""}
.live li span{float:left;clear:both;margin:25px 0 20px 30px;width:190px}
.live li span a{height:30px;border-radius:18px;background:#505d6c;color:#fff;text-align:center;font-size:14px;line-height:30px}
.live li:nth-child(2) span a{background:#f5837c}
.live li span a:hover{opacity:.6}
.wrap .line{position:absolute;top:-10px;z-index:99}
.line .hr1{position:absolute;left:0;width:1px;background:#e1e2ea}
.line .hr3{position:absolute;left:1199px;width:1px;background:#e1e2ea}
.footer{margin:0 auto 30px auto;width:1202px;height:100px;background:#505d6c;font-size:13px;line-height:100px}
.footer b{float:left;margin:0 0 0 300px;width:300px;color:#fff;text-align:center;font-weight:400}
.footer ul{float:left;width:600px}
.footer li{float:left;margin:0 50px 0 0;text-align:center}
.footer li a{color:#fff}