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:#F5F5F5;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{position:relative;z-index:9;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:9;background:#fff}
.nav ul{float:right;margin:30px 0 0 0;width:550px}
.nav li{position:relative;float:left;width:180px;color:#333;text-align:center;font-weight:700;font-size:16px;line-height:70px;cursor:pointer}
.nav li i{position:absolute;top:30px;right:10px;width:10px;height:10px;background:url(../images/home_navdown.png) no-repeat center}
.nav li a{width:180px;color:#333;text-align:center;font-weight:700;font-size:16px;line-height:70px}
.nav li dl{position:absolute;top:69px;right:0;z-index:999;z-index:999;display:none;padding:10px 0 20px 0;width:600px;border-right:1px solid #888;border-bottom:1px solid #888;border-left:1px solid #888;background:#fff}
.nav li dt{float:left;clear:both;margin:10px 0 0 0;width:90px;font-size:15px;line-height:36px}
.nav li dd{float:left;clear:both;margin:-36px 0 0 120px;width:480px}
.nav li dd a{float:left;width:120px;color:#666;text-align:left;font-weight:400;font-size:15px;line-height:36px}
.nav li a:hover{color:#b7382d}
.main{position:relative;margin:0 auto;width:1200px}
.main .guide{position:relative;z-index:999;float:left;margin:60px 0 0 10px;width:360px;height:450px;border:1px solid #888;background:#fff}
.guide::after{position:absolute;right:9px;bottom:9px;z-index:-9;width:360px;height:450px;border:1px solid #888;background:#fff;content:""}
.guide h2{float:left;clear:both;margin:0 0 0 20px;width:100%;height:50px;color:#333;font-size:16px;line-height:50px}
.guide dl{position:relative;right:11px;float:left;clear:both;padding:6px 0 0 0;width:100%;border-top:1px solid #888}
.guide dt{float:left;clear:both;margin:7px 0 0 20px;padding:0 0 0 39px;width:100%;height:30px;color:#2c5883;font-weight:700;font-size:15px;line-height:30px}
.guide dt:nth-child(1){background:url(../images/home_guide1.png) no-repeat left center}
.guide dt:nth-child(3){background:url(../images/home_guide2.png) no-repeat left center}
.guide dt:nth-child(5){background:url(../images/home_xueli.png) no-repeat left center}
.guide dt:nth-child(7){background:url(../images/home_guide3.png) no-repeat left center}
.guide dd{float:left;clear:both;margin:5px 0 10px 20px;width:100%}
.guide dd a{display:inline-block;margin:0 28px 0 0;color:#333;font-size:14px;line-height:28px}
.guide dd a:hover{color:#b7382d;font-weight:700}
.main .banner{float:right;margin:50px 0 0 0;width:800px;height:210px}
.banner .img1{float:left;width:280px;height:210px}
.img1 img{float:left;clear:both;width:280px;height:210px;border-radius:12px}
.banner .img2{float:right;width:500px;height:210px}
.img2 img{float:left;clear:both;width:500px;height:210px;border-radius:12px}
.main .school{float:right;margin:20px 0 0 0;width:800px;border-radius:12px;background:#e3e5e5}
.school h2{margin:20px 0 0 20px;font-size:16px}
.school span{float:left;clear:both;margin:20px 0 10px 20px;width:100%}
.school span a{float:left;margin:0 13px 15px 0;width:180px;height:65px;background:#fff}
.school span img{margin:6px 0 0 15px;width:150px;height:53px}
.main .city{float:left;clear:both;width:100%}
.city dl{position:relative;float:left;clear:both;margin:50px 0 0 0;width:100%;height:50px;text-align:center;font-size:15px;line-height:50px}
.city dt{float:left;width:78px;border-right:2px solid #fff;background:#bf5353;font-weight:700}
.city dd a{float:left;width:66px;border-right:2px solid #fff;background:#e3e5e5;color:#333}
.city dd a:hover{background:#2c5883;color:#fff}
.city i{float:left;width:66px;background:#e3e5e5;color:#2c5883;font-weight:700;font-size:13px;cursor:pointer}
.city span{position:absolute;top:60px;right:0;z-index:999;display:none;width:990px;background:#e3e5e5;box-shadow:3px 3px 5px 1px #ccc}
.city span a{float:left;margin:20px 0;width:66px;border-right:1px dashed #aaa;color:#2c5883;font-size:15px;line-height:20px}
.city span a:last-child{border-right:none}
.city span a:hover{color:#b7382d}
.main .news{float:left;clear:both;margin:35px 0 0 0;width:100%;border-top:1px solid #888;border-bottom:1px solid #888}
.news .practice{float:left;clear:both;width:100%}
.practice h3{position:relative;float:left;clear:both;margin:25px 0 0 20px;width:100%;color:#2c5883;font-size:16px}
.practice h3::after{position:absolute;top:12px;left:100px;width:50px;height:1px;background:#888;content:""}
.practice ul{float:left;clear:both;margin:20px 0 20px 20px;width:1160px}
.practice li{float:left;overflow:hidden;margin:0 50px 0 0;width:238px;height:36px;font-size:15px;line-height:36px}
.practice li::before{float:left;margin:15px 15px 0 0;width:6px;height:6px;border-radius:3px;background:#2c5883;content:""}
.practice li a{color:#333}
.practice li a:hover{color:#b7382d}
.news .live{float:right;width:380px;height:460px;border-left:1px solid #888}
.live h3{position:relative;float:left;clear:both;margin:25px 0 0 20px;width:100%;color:#2c5883;font-size:16px}
.live h3::after{position:absolute;top:12px;left:100px;width:50px;height:1px;background:#888;content:""}
.live ul{float:left;clear:both;margin:10px 0 30px 20px;width:339px}
.live li{float:left;clear:both;margin:15px 0 0 0;width:100%}
.live li i{float:left;padding:10px 0;width:90px;height:60px;border:1px solid #888;border-radius:6px;text-align:center;font-size:13px;line-height:20px}
.live li b{float:right;overflow:hidden;width:230px;height:20px;color:#333;text-align:right;font-size:14px;line-height:20px}
.live li span{float:right;margin:15px 0 0 0;width:100px;height:25px;text-align:center;line-height:25px}
.live li span a{border-radius:12px;background:#2c5883;color:#fff;font-size:14px}
.live li:nth-child(2) span a{background:#bf5353}
.live li span a:hover{background:#ccc;color:#333;font-weight:700}
.main .hot{float:left;clear:both;margin:39px 0 0 0;width:100%}
.hot h3{float:left;clear:both;width:100%;color:#2c5883;font-size:16px}
.hot h3::before{float:left;margin:6px 20px 0 0;width:9px;height:12px;background:#333;content:""}
.hot ul{float:left;clear:both;margin:30px 0 0 0;width:1220px}
.hot li{float:left;margin:0 12px 0 0;width:190px}
.hot li a img{float:left;clear:both;width:190px}
.hot li a b{float:left;clear:both;margin:15px 0 0 0;width:190px;height:50px;color:#333;font-weight:400;font-size:14px;line-height:25px}
.main .advert{float:left;clear:both;margin:39px 0 0 0;width:1200px;height:100px}
.advert img{width:1200px;height:100px}
.main .articles{float:left;clear:both;width:1200px}
.articles h2{position:relative;top:-9px;left:25px;height:50px;background:#333;color:#fff;text-align:center;font-size:18px;line-height:50px}
.articles dl{float:left;clear:both;width:100%}
.articles dt{float:left;height:33px;border:2px solid #d7d7d7;border-radius:15px;color:#333;text-align:center;font-size:15px;line-height:29px;cursor:pointer}
.articles dd{float:left;clear:both;display:none;width:100%}
.articles .control{border-bottom:1px dashed #888}
.articles .act{border:none;background:#2c5883;color:#fff;line-height:33px}
.articles li{overflow:hidden;height:36px;font-size:15px;line-height:36px}
.articles li span{font-size:13px}
.main .kuaiji{position:relative;float:left;clear:both;margin:30px 0 0 0;width:100%;border:9px solid #e7e8ea;border-radius:6px;background:#fff}
.kuaiji h2{width:130px}
.kuaiji dt{width:170px;margin:20px 0 25px 20px}
.kuaiji h5{position:relative;float:left;clear:both;margin:0 0 20px 0;width:100%;color:#333;font-size:16px}
.kuaiji h5::after{position:absolute;top:12px;left:100px;width:50px;height:1px;background:#888;content:""}
.articles .train{float:left;margin:30px 0 30px 39px;width:730px}
.train li{float:left;margin:0 65px 0 0;width:300px}
.train li a{float:left;width:230px;color:#333}
.train li a:hover{color:#b7382d}
.train li span{float:right;width:50px;color:#2c5883;text-align:right}
.articles .infor{float:right;margin:30px 39px 30px 0;width:350px}
.infor li{float:left;clear:both;width:350px}
.infor li i{float:left;margin:0 0 0 5px;width:39px;color:#bf5353}
.infor li a{float:left;width:230px;color:#333}
.infor li a:hover{color:#b7382d}
.infor li span{float:right;width:50px;color:#666;text-align:right}
.articles .wide{float:left;margin:30px 0 30px 39px;width:1170px}
.wide li{float:left;margin:0 58px 0 0;width:330px}
.wide li a{float:left;width:230px;color:#333}
.wide li a:hover{color:#b7382d}
.wide li span{float:right;width:80px;color:#666;text-align:right}
.wide li span::before{float:left;margin:17px 0 0 0;width:28px;height:1px;background:#2c5883;content:""}
.main .jianzhu{position:relative;float:left;clear:both;margin:50px 0 0 0;width:100%;border:9px solid #e7e8ea;border-radius:6px;background:#fff}
.jianzhu h2{width:130px}
.jianzhu dt{width:130px;margin:20px 0 25px 15px;}
.jianzhu h5{position:relative;float:left;clear:both;margin:0 0 20px 0;width:100%;color:#333;font-size:16px}
.jianzhu h5::after{position:absolute;top:12px;left:100px;width:50px;height:1px;background:#888;content:""}
.main .k12{position:relative;float:left;clear:both;margin:50px 0 60px 0;width:100%;border:9px solid #e7e8ea;border-radius:6px;background:#fff}
.k12 h2{width:150px}
.k12 dt{width:170px;margin:20px 0 25px 20px;}
.k12 h5{position:relative;float:left;clear:both;margin:0 0 20px 0;width:100%;color:#333;font-size:16px}
.k12 h5::after{position:absolute;top:12px;left:100px;width:50px;height:1px;background:#888;content:""}
.progress{float:right;margin:30px 39px 30px 0;width:350px}
.progress li{float:left;clear:both;margin:6px 0 10px 0;width:350px;height:80px;border-radius:9px;background:#f2f2f2;line-height:80px}
.progress li i{float:left;margin:15px 0 15px 20px;width:50px;height:50px}
.progress li img{width:50px;height:50px;border-radius:25px}
.progress li a{float:right;margin:0 20px 0 0;width:230px;color:#333}
.progress li a:hover{color:#b7382d}
.footer{clear:both;margin:30px auto;width:1200px;height:282px;border:2px solid #666}
.footer .friend{float:left;width:530px;height:280px;border-right:2px solid #666}
.friend h3{float:left;clear:both;margin:20px 0 0 30px;width:100%;height:30px;color:#2c5883;font-size:20px;line-height:30px}
.friend span{float:left;clear:both;margin:20px 0 20px 30px;width:480px}
.friend span a{display:inline-block;margin:0 30px 0 0;color:#555;font-size:14px;line-height:36px}
.friend span a:hover{color:#b7382d}
.footer .name{float:right;width:666px;border-bottom:1px solid #555}
.name h2{float:left;clear:both;width:100%;height:170px;text-align:center;font-weight:700;font-size:28px;line-height:170px}
.name h2 span{display:inline-block;margin:0 0 0 20px;color:#2c5883}
.name a{float:left;clear:both;width:100%;color:#333;text-align:center;font-size:13px;line-height:30px}
.footer .other{float:right;width:660px;height:78px;line-height:78px}
.other span{float:left;clear:both;margin:0 0 0 30px;width:100%;font-size:15px}
.other span a{display:inline-block;margin:0 20px 0 0;color:#555}
.other span a:hover{color:#b7382d}
#closefloat{position:absolute;top:0;right:0;width:30px;height:30px;font-size:12px;cursor:pointer}