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:#F3F3F3;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%}
.header{position:relative;margin:30px auto 0 auto;width:1200px}
.header .nav{float:left;clear:both;width:1200px;height:100px;border:1px solid #a8a8a8;background:#e8e8e8}
.nav .logo{float:left;margin:18px 0 0 60px;width:160px;height:58px}
.logo img{width:160px;height:58px}
.nav span{float:right;margin:25px 30px 0 0;width:160px;height:50px;text-align:center;font-size:15px;line-height:50px}
.nav span a{float:left;clear:both;width:100%;border-radius:6px;background:#2c5883;color:#fff}
.nav span a:hover{background:#bf5353}
.float{position:fixed;top:0;z-index:999}
.main{margin:0 auto;width:900px}
.main h1{float:left;clear:both;margin:39px 0 0 0;width:100%;height:30px;font-size:20px;line-height:30px}
.main span{float:left;margin:15px 0 0 0;padding:0 20px;height:26px;background:#e8e8e8;color:#555;font-size:13px;line-height:26px}
.main .word{float:left;clear:both;margin:30px 0 0 0;padding:39px;width:100%;border-radius:15px;background:#fff;font-size:15px;line-height:33px}
.main .word a{display:inline}
.main .word strong{float:left;clear:both;display:block;margin:8px 0;width:100%}
.main .word p{float:left;clear:both;margin:8px 0;width:100%}
.main .word p strong{float:none;display:inline}
.main .word img{float:left;clear:both;max-width:100%}
.main .word h2{float:left;clear:both;margin:8px 0;width:100%;font-size:16px}
.main .word h2::before{float:left;margin:8px 20px 0 0;width:9px;height:15px;background:#2c5883;content:""}
.main .recommend{margin:0 auto;width:900px}
.recommend ul{float:left;clear:both;margin:30px 0 0 0;width:939px}
.recommend li{float:left;margin:0 39px 0 0;width:430px;border:5px solid #e1e5ea;border-radius:15px}
.recommend li b{float:left;clear:both;margin:20px 0 0 20px;width:390px;height:30px;font-size:15px;line-height:30px}
.recommend li p{float:left;margin:20px 0 20px 20px;width:290px;color:#555;font-size:13px;line-height:25px}
.recommend li a{float:right;margin:20px 15px 20px 0;width:80px;height:60px;border-radius:9px;color:#fff;text-align:center;font-size:14px;line-height:60px}
.recommend li:first-child a{background:#2c5883}
.recommend li:last-child a{background:#bf5353}
.recommend li a:hover{opacity:.6;transition-duration:.3s}
.correlation{position:relative;float:left;clear:both;margin:39px 0 0 0;width:100%;background:#fff}
.correlation .center{position:relative;margin:0 auto;width:1200px}
.correlation h2{margin:30px 0 0 0;height:30px;color:#333;font-size:18px;line-height:30px}
.correlation h2::before{float:left;margin:8px 20px 0 0;width:5px;height:15px;background:#2c5883;content:""}
.correlation .slide{position:relative;overflow:hidden;margin:39px auto;width:1020px;height:280px}
.slide ul{position:absolute;top:0;left:0}
.slide li{float:left;margin:0 20px;width:300px}
.slide li a img{width:300px;height:170px}
.slide li a h3{margin:20px 0 0 0;height:30px;color:#333;font-size:15px;line-height:30px}
.slide li a p{overflow:hidden;margin:10px 0 0 0;height:50px;color:#333;font-size:13px;line-height:25px}
.slide li a:hover h3{color:#bf5353}
.slide li a:hover p{text-decoration:underline}
.correlation span{position:absolute;width:60px;height:60px}
.correlation .prev{top:150px;left:0;background:url(../images/subject_left.png) no-repeat center;background-size:58px}
.correlation .next{top:150px;right:0;background:url(../images/subject_right.png) no-repeat center;background-size:58px}
.correlation span:hover{opacity:.6;transition-duration:.3s}
.school{position:relative;margin:0 auto;width:1200px}
.school h2{float:left;clear:both;margin:30px 0 0 0;width:100%;height:30px;color:#333;font-size:18px;line-height:30px}
.school h2::before{float:left;margin:8px 20px 0 0;width:5px;height:15px;background:#2c5883;content:""}
.school ul{float:left;clear:both;margin:20px 0 120px 0;width:1220px}
.school li{float:left;margin:0 20px 0 0;width:285px}
.school li a{float:left;clear:both;width:100%;border:1px solid #aaa;background:#e7e7e7}
.school li a i{float:left;clear:both;margin:25px 0 0 32px;width:220px;height:93px;background:#fff}
.school li a img{float:left;clear:both;margin:20px 0 0 35px;width:150px;height:53px}
.school li a em{float:left;clear:both;margin:20px 0 25px 32px;width:220px;height:35px;background:#2c5883;color:#fff;font-size:14px;line-height:35px}
.school li a em::before{float:left;margin:5px 50px 0 25px;width:25px;height:25px;background:url(../images/subject_play.png) no-repeat center;background-size:23px;content:""}
.school li a:hover em{background:#bf5353}
.footer{clear:both;margin:50px auto 30px auto;width:1200px;height:200px;border:1px solid #888;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#555}
.footer a{color:#555;font-size:15px}
.footer a:hover{color:#58b2d3}
.footer h5{float:left;clear:both;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}