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;line-height: 30px;height: 30px;}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.clearfix{*+height:1%}
.head{position:relative;width:100%;border-bottom:1px solid #508393}
.head::after{position:absolute;bottom:3px;float:left;width:100%;border-bottom:1px solid #006382;content:""}
.head .nav{margin:0 auto;width:1200px;height:90px}
.nav .logo{float:left;margin:20px 0 0 0;width:160px;height:50px}
.nav ul{float:right;margin:39px 0 0 0;width:500px}
.nav li{position:relative;float:left;width:160px}
.nav li a{float:left;margin:0 0 0 25px;width:120px;height:36px;border-radius:18px;background:#f3f3f3;color:#006382;text-align:center;font-size:14px;line-height:36px}
.nav li::before{position:absolute;top:10px;left:0;width:10px;height:10px;content:"/";text-align:center;font-weight:700;font-size:15px}
.nav li:first-child a{border:1px solid #e8e9ea;background:#dae8ed}
.nav li:first-child::before{content:""}
.nav li a:hover{background:#006382;color:#fff}
.wrap{margin:0 auto;width:1200px}
.wrap .breadcrumb{float:left;clear:both;margin:20px 0 0 0;width:1200px;height:30px;font-size:13px;line-height:30px}
.breadcrumb a{float:left;margin:0 12px 0 0;color:#666}
.breadcrumb a:hover{color:#0585ae}
.breadcrumb i{float:left;margin:0 12px 0 0;color:#666}
.breadcrumb::before{float:left;margin:12px 15px 0 0;width:13px;height:8px;background:#baa6aa;content:""}
.wrap .title{float:left;clear:both;margin:30px 0 0 0;width:1200px}
.title h1{float:left;padding:0 35px 0 15px;height:60px;background:#006382;color:#fff;font-size:22px;line-height:60px}
.title span{float:right;margin:30px 0 0 0;width:150px;color:#555;font-size:13px}
.wrap .advert{float:left;clear:both;margin:30px 0 0 0;width:1200px}
.advert img{width:1200px}
.wrap .main{position:relative;float:left;clear:both;width:1200px}
.main h2{position:absolute;top:30px;left:0;display:inline-block;padding:0 10px 0 0;color:#006382;font-size:16px}
.main h2::after{position:absolute;top:15px;right:0;width:1px;height:18px;background:#006382;content:"";transform:rotate(39deg)}
.main .institution{float:left;margin:80px 0 0 0;width:750px;border-top:1px solid #006382;border-bottom:1px solid #006382}
.institution ul{float:left;clear:both;margin:20px 0;width:100%;border-right:1px solid #006382;border-left:1px solid #006382}
.institution li{float:left;clear:both;width:100%}
.institution li i{float:left;margin:20px 0 20px 30px;width:230px;height:100px;border-radius:9px;background:#f3f3f3}
.institution li i img{float:left;clear:both;margin:15px 20px;padding:5px 10px;width:170px;height:60px;background:#fff}
.institution li p{float:left;margin:25px 0 20px 20px;width:300px;font-size:13px}
.institution li span{float:left;margin:36px 0 20px 39px;width:100px;height:50px}
.institution li span a{width:100px;height:50px;border:1px solid #d8d8d8;box-shadow:7px 9px 18px 0 #cbd6d8;color:#006382;text-align:center;font-weight:700;font-size:14px;line-height:50px}
.institution li span a:hover{background:#006382;color:#fff}
.main .weekly{float:right;margin:80px 0 0 0;width:380px}
.weekly .h3{float:left;padding:0 15px;height:50px;border-top:1px solid #888;border-bottom:1px solid #888;font-weight:700;font-size:14px;line-height:50px}
.weekly ul{float:left;clear:both;margin:10px 0 0 0;width:100%}
.weekly li{float:left;clear:both;margin:10px 0 0 0;width:100%}
.weekly li b{float:left;width:290px;font-weight:400;font-size:14px}
.weekly li b::before{float:left;margin:10px 20px 0 0;width:12px;height:6px;background:#baa6aa;content:""}
.weekly li span{float:right;width:90px}
.weekly li span a{width:90px;height:26px;border:1px solid #d8d8d8;border-radius:13px;box-shadow:3px 3px 6px 0 #dfd9da;color:#006382;text-align:center;font-size:13px;line-height:25px}
.weekly .red b{color:#835059;font-weight:700}
.weekly .red span a{border:none;background:#93636b;box-shadow:3px 3px 6px 0 #b9b0b1;color:#fff}
.weekly li span a:hover{background:#006382;color:#fff}
.wrap .course{float:left;clear:both;margin:39px 0 0 0;width:100%}
.course h2{position:relative;float:left;clear:both;padding:0 10px 0 0;color:#006382;font-size:16px}
.course h2::after{position:absolute;top:15px;right:0;width:1px;height:18px;background:#006382;content:"";transform:rotate(39deg)}
.course ul{float:left;clear:both;width:100%}
.course li{position:relative;float:left;margin:20px 0;width:410px;height:250px;border-top:1px solid #006382;border-bottom:1px solid #006382}
.course li::after{position:absolute;top:15px;right:0;width:1px;height:220px;background:#d6dddd;content:""}
.course li b{float:left;clear:both;margin:30px 0 0 30px;width:350px;font-size:16px}
.course li b a{color:#555}
.course li b a:hover{color:#0585ae}
.course li em{display:inline-block;margin:10px 0 0 30px;padding:0 20px;height:26px;border:2px solid #e6ece3;border-radius:15px;color:#555;font-size:13px;line-height:23px}
.course li dl{float:left;margin:39px 0 0 35px;width:239px}
.course li dd{float:left;margin:0 20px 0 0;width:39px}
.course li dd img{width:39px;height:39px;border-radius:25px}
.course li dd i{float:left;clear:both;width:39px;text-align:center;font-size:12px}
.course li span{float:right;margin:20px 0 0 0;width:130px;background:#006382}
.course li big{float:left;clear:both;width:100%;height:50px;color:#fff;font-weight:700;font-size:23px;line-height:50px}
.course li big::before{float:left;margin:2px 10px 0 20px;width:15px;content:"￥";font-weight:400;font-size:13px}
.course li small{float:left;clear:both;width:100%;height:36px;border-top:1px dashed #c8c8c8;color:#c8c8c8;text-align:center;line-height:36px}
.course li:nth-child(1),.course li:nth-child(4){width:380px}
.course li:nth-child(1) b,.course li:nth-child(4) b{margin:30px 0 0 0}
.course li:nth-child(1) em,.course li:nth-child(4) em{margin:10px 0 0 0}
.course li:nth-child(1) dl,.course li:nth-child(4) dl{margin:39px 0 0 0}
.wrap .teacher{float:left;clear:both;margin:30px 0 0 0;width:100%}
.teacher h2{position:relative;float:left;clear:both;padding:0 10px 0 0;color:#006382;font-size:16px}
.teacher h2::after{position:absolute;top:15px;right:0;width:1px;height:18px;background:#006382;content:"";transform:rotate(39deg)}
.teacher ul{float:left;clear:both;width:1230px}
.teacher li{position:relative;float:left;margin:20px 30px 0 0;width:380px;height:170px;border-radius:9px;background:#f1f2f2}
.teacher li i{float:left;margin:39px 0 0 20px;width:90px;height:90px}
.teacher li i img{width:90px;height:90px;border:2px solid #fff;border-radius:50px}
.teacher li b{float:left;margin:30px 0 0 20px;width:250px;color:#333;font-weight:700;font-size:14px}
.teacher li em{position:absolute;top:30px;right:60px;padding:0 18px;height:25px;border-radius:6px;background:#fff;color:#666;font-size:13px;line-height:25px}
.teacher li p{float:left;margin:0 0 0 20px;width:250px;color:#333;font-size:13px;line-height:25px}
.teacher li span{position:relative;float:right;margin:0 0 20px 20px;width:120px}
.teacher li span a{padding:0 0 0 30px;background:#006382;color:#fff;font-size:13px}
.teacher li span a::before{position:absolute;top:15px;right:20px;width:30px;height:1px;background:#fff;content:""}
.teacher li span a::after{position:absolute;top:10px;right:22px;width:1px;height:6px;background:#fff;content:"";transform:rotate(321deg)}
.teacher li span a:hover{background:#baa6aa}
.wrap .new{float:left;margin:39px 0 0 0;width:800px}
.new .h3{position:relative;float:left;clear:both;padding:0 10px 0 0;color:#006382;font-weight:700;font-size:16px}
.new .h3::after{position:absolute;top:15px;right:0;width:1px;height:18px;background:#006382;content:"";transform:rotate(39deg)}
.new ul{float:left;clear:both;margin:20px 0 0 0;width:100%}
.new li{float:left;margin:0 39px 0 0;width:350px;height:39px;line-height:39px;overflow:hidden}
.new li a{float:left;width:250px;color:#333;font-size:14px}
.new li a::before{float:left;margin:16px 30px 0 0;width:12px;height:6px;background:#baa6aa;content:""}
.new li span{float:right;width:60px;color:#666;font-size:13px}
.new li a:hover{color:#0585ae}
.new li:nth-child(10n){margin:0 39px 30px 0}
.wrap .hot{float:right;margin:39px 0 30px 0;width:360px}
.hot .h3{position:relative;float:left;clear:both;padding:0 10px 0 0;color:#006382;font-weight:700;font-size:16px}
.hot .h3::after{position:absolute;top:15px;right:0;width:1px;height:18px;background:#006382;content:"";transform:rotate(39deg)}
.hot ul{float:left;clear:both;margin:20px 0 0 0;width:100%}
.hot li{float:left;margin:0 39px 0 0;width:350px;height:39px;line-height:39px;overflow:hidden}
.hot li a{float:left;width:250px;color:#333;font-size:14px}
.hot li a::before{float:left;margin:16px 30px 0 0;width:12px;height:6px;background:#baa6aa;content:""}
.hot li span{float:right;width:60px;color:#666;font-size:13px}
.hot li a:hover{color:#0585ae}
.hot li:nth-child(5n){margin:0 39px 30px 0}
.wrap .footer{float:left;clear:both;margin:30px 0 0 0;width:100%;height:90px;border:2px solid #006382;font-size:14px}
.footer b{float:left;margin:30px 0 0 280px;width:300px;color:#006382;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:#006382}