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{width:100%;height:90px;border-bottom:1px solid #206055}
.top .nav{margin:0 auto;width:1200px}
.nav .logo{float:left;margin:20px 0 0 0;width:160px;height:58px}
.nav ul{float:right;margin:39px 0 0 0;width:900px}
.nav li{float:left;width:100px;text-align:center}
.nav li a{color:#206055;font-weight:700;font-size:16px}
.nav li a:hover{color:#c75c53}
.wrap{position:relative;margin:0 auto;width:1200px}
.wrap .breadcrumb{float:left;clear:both;margin:20px 0 0 0;width:100%}
.breadcrumb a,.breadcrumb i{float:left;display:inline-block;margin:0 15px 0 0;color:#333;font-size:13px}
.breadcrumb a:hover{color:#c75c53}
.wrap .main{float:left;width:850px}
.main .table{float:left;clear:both;margin:50px 0 0 0;width:100%}
.table table{float:left;clear:both;width:100%;border-collapse:collapse;border-top:1px solid #d7d7d7;border-right:1px solid #d7d7d7}
.table th{float:left;clear:both;box-sizing:border-box;width:99.9%;height:50px;border-bottom:1px solid #d7d7d7;border-left:1px solid #d7d7d7;background:#f3f3f3;color:#206055;font-size:16px;line-height:50px}
.table td{float:left;box-sizing:border-box;padding:0 0 0 10px;width:33.3%;height:50px;border-bottom:1px solid #d7d7d7;border-left:1px solid #d7d7d7;background:#f3f3f3;font-size:14px;line-height:50px}
.table td a{float:right;margin:15px 5px 0 0;width:80px;height:22px;border-radius:10px;background:#206055;color:#fff;text-align:center;font-size:12px;line-height:22px}
.table td a:hover{background:#facc88;color:#333}
.main .content{float:left;clear:both;margin:60px 0 0 0;padding:0 0 39px 0;width:100%;border-bottom:3px solid #e8e9e1}
.content h1{float:left;width:500px;height:30px;color:#206055;font-size:20px;line-height:30px}
.content span{float:right;width:260px;height:30px;color:#206055;font-weight:700;font-size:13px;line-height:30px}
.content span::before{float:left;margin:12px 10px 0 0;width:50px;height:2px;background:#facc88;content:""}
.content dl{float:left;clear:both;overflow:auto;margin:30px 0 0 0;width:100%;height:150px}
.content dd{margin:0 30px 0 0;color:#333;font-size:15px;line-height:28px}
.content dl::-webkit-scrollbar{width:10px;height:1px}
.content dl::-webkit-scrollbar-thumb{border-radius:10px;background:#facc88}
.content dl::-webkit-scrollbar-track{border-radius:10px;background:#eee}
.content dd p{margin:16px 0}
.wrap .school{float:right;margin:50px 0 0 0;width:300px;height:458px;border-radius:12px;background:#e8e9e1}
.school i{float:left;clear:both;margin:30px 0 0 35px;width:230px;height:120px;border-radius:3px;background:#fff}
.school img{float:left;clear:both;margin:30px 0 0 30px;width:170px;height:60px}
.school b{float:left;clear:both;margin:25px 0 0 20px;width:260px;text-align:center;font-size:13px}
.school p{float:left;clear:both;margin:20px 0 0 25px;width:260px;font-size:13px;line-height:28px}
.school span{float:left;clear:both;margin:25px 0 0 50px;width:200px}
.school span a{height:53px;border-radius:3px;background:#c75c53;color:#fff;text-align:center;font-size:16px;line-height:53px}
.school span a:hover{background:#206055}
.wrap .course{position:relative;float:left;clear:both;margin:50px 0 0 0;width:1200px}
.course h2{position:absolute;top:10px;left:50%;padding:0 20px;height:60px;border-top:1px solid #206055;border-bottom:1px solid #206055;color:#206055;font-size:20px;line-height:60px;transform:translateX(-50%)}
.course ul{float:left;clear:both;margin:60px 0 0 0;width:1239px}
.course li{float:left;box-sizing:content-box;margin:60px 17px 0 0;padding:0 17px 0 0;width:270px;border-right:5px dashed #e8e9e1}
.course li img{float:left;clear:both;width:270px;height:150px;border-radius:5px}
.course li b{float:left;overflow:hidden;margin:20px 0 0 0;width:150px;height:20px;font-size:13px;line-height:20px}
.course li b a{color:#333}
.course li b a:hover{color:#c75c53}
.course li span{float:right;overflow:hidden;margin:20px 0 0 0;width:100px;height:20px;background:url(../images/k12_zhujiang.png) no-repeat left center;text-align:right;font-size:13px;line-height:20px}
.course li:nth-child(4),.course li:nth-child(8){border-right:none}
.wrap .progress{position:relative;float:left;clear:both;margin:150px 0 0 0;width:1200px;border-top:5px solid #e8e9e1}
.progress .slogan{position:relative;top:-70px;float:left;clear:both;width:1200px;height:30px;color:#facc88;text-align:center;font-weight:700;font-size:25px;line-height:30px}
.progress h2{position:absolute;top:-20px;left:50%;padding:0 30px;height:30px;background:#fff;color:#206055;font-size:20px;line-height:30px;transform:translateX(-50%)}
.progress ul{float:left;clear:both;margin:20px 0 0 0;width:1230px}
.progress li{float:left;margin:30px 30px 0 0;width:380px;border:1px solid #206055;border-radius:3px}
.progress li i{float:left;margin:20px;width:60px}
.progress li i img{float:left;clear:both;width:60px;height:60px;border-radius:30px}
.progress li i span{float:left;clear:both;margin:10px 0 0 0;width:60px;text-align:center;font-size:12px;line-height:25px}
.progress li b{float:right;overflow:hidden;margin:20px 20px 0 0;width:230px;height:30px;font-size:14px;line-height:30px}
.progress li a b{color:#206055}
.progress li a:hover b{color:#c75c53}
.progress li a p{color:#333333}
.progress li a:hover p{text-decoration:underline}
.progress li p{float:right;overflow:hidden;margin:10px 20px 20px 0;width:230px;height:75px;font-size:13px;line-height:25px}
.wrap .step{position:relative;float:left;clear:both;margin:90px 0 0 0;padding:60px 0 0 0;width:1200px;border-top:5px solid #e8e9e1}
.step em{position:absolute;top:-15px;left:50%;padding:0 30px;height:30px;background:#fff;color:#206055;font-weight:700;font-size:20px;line-height:30px;transform:translateX(-50%)}
.step ul{position:relative;float:left;clear:both;width:1200px}
.step li i{position:relative;float:left;width:10px;height:20px;color:#facc88;font-weight:700;font-size:12px;line-height:20px}
.step li span{float:left;margin:20px;width:330px;border-radius:9px;background:#f3f3f3}
.step li span b{margin:20px 20px 0 20px;height:30px;color:#206055;font-size:16px;line-height:30px}
.step li span p{overflow:hidden;margin:10px 20px 20px 20px;height:75px;color:#333;font-size:13px;line-height:25px}
.step .above{border-bottom:1px solid #206055}
.above li{float:left;width:390px}
.above li:nth-child(1){margin:0 0 0 30px}
.above li i{top:20px}
.above li i::after{float:left;margin:20px 0 0 5px;width:1px;height:120px;background:#206055;content:""}
.below li{float:left;width:39%}
.below li:nth-child(1){margin:0 0 0 150px}
.below i::before{float:left;margin:0 0 25px 5px;width:1px;height:120px;background:#206055;content:""}
.wrap .teacher{position:relative;float:left;clear:both;margin:90px 0 0 0;width:1200px;border-top:5px solid #e8e9e1}
.teacher h2{position:absolute;top:-20px;left:50%;padding:0 30px;height:30px;background:#fff;color:#206055;font-size:20px;line-height:30px;transform:translateX(-50%)}
.teacher ul{float:left;clear:both;width:1280px}
.teacher li{float:left;margin:50px 80px 0 0;width:560px}
.teacher li img{float:left;width:170px;height:170px;border-radius:3px}
.teacher li b{float:right;box-sizing:content-box;padding:0 0 39px 0;width:360px;height:30px;border-bottom:1px dashed #facc88;font-size:16px;line-height:30px}
.teacher li b a{color:#206055}
.teacher li b a:hover{color:#c75c53}
.teacher li p{float:right;overflow:hidden;margin:3px 0 0 0;padding:10px 0 0 0;width:360px;height:100px;border-top:1px dashed #facc88;font-size:13px;line-height:23px}
.wrap .correlation{position:relative;float:left;clear:both;margin:90px 0 0 0;width:1200px;border-top:5px solid #e8e9e1}
.correlation .h3{position:absolute;top:-20px;left:50%;padding:0 30px;height:30px;background:#fff;color:#206055;font-weight:700;font-size:20px;line-height:30px;transform:translateX(-50%)}
.correlation ul{float:left;clear:both;margin:30px 0 0 0;width:1260px}
.correlation li{float:left;margin:30px 60px 0 0;width:360px}
.correlation li b{float:left;clear:both;width:100%;height:30px;border-radius:5px;background:#e8e9e1;font-size:14px;line-height:30px;padding:0 0 0 20px;}
.correlation li a b{color:#206055}
.correlation li a:hover b{color:#c75c53}
.correlation li a p{color:#333333}
.correlation li a:hover p{text-decoration:underline}
.correlation li p{float:left;clear:both;overflow:hidden;margin:15px 2% 0 2%;width:96%;height:50px;font-size:13px;line-height:25px}
.wrap .hot{position:relative;float:left;clear:both;margin:90px 0 0 0;width:1200px;border-top:5px solid #e8e9e1}
.hot .h3{position:absolute;top:-20px;left:50%;padding:0 30px;height:30px;background:#fff;color:#206055;font-weight:700;font-size:20px;line-height:30px;transform:translateX(-50%)}
.hot ul{float:left;clear:both;margin:30px 0 0 0;width:1260px}
.hot li{float:left;margin:30px 60px 0 0;width:360px}
.hot li b{float:left;clear:both;width:100%;height:30px;border:2px dashed #e8e9e1;border-radius:5px;font-size:14px;line-height:30px;padding:0 0 0 20px;}
.hot li a b{color:#206055}
.hot li a:hover b{color:#c75c53}
.hot li a p{color:#333333}
.hot li a:hover p{text-decoration:underline}
.hot li p{float:left;clear:both;overflow:hidden;margin:15px 2% 0 2%;width:96%;height:50px;font-size:13px;line-height:25px}
.banner{position:fixed;bottom:0;overflow:hidden;width:100%;height:70px}
.footer{margin:90px auto;width:1200px;height:90px;border:2px solid #206055;font-size:14px;line-height:30px}
.footer b{float:left;margin:30px 0 0 280px;width:300px;color:#206055;text-align:center;font-weight:400}
.footer ul{float:left;width:600px}
.footer li{float:left;margin:30px 50px 0 0;text-align:center}
.footer li a{color:#206055}
