a,b,big,body,dd,dl,dt,em,h1,h2,h3,h5,h6,i,li,ol,p,small,span,ul{display:block;box-sizing:border-box;margin:0;padding:0}
dd,dl,dt,li,ul{list-style:none}
a{text-decoration:none}
em,i{font-style:normal}
img{display:block;border:0}
hr{border:none}
div{box-sizing:border-box}
body{min-width:1200px;background:#fff;color:#333;font-family:Helvetica,hiragino sans gb,microsoft yahei,Arial,sans-serif}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.head{margin:0 auto;width:1200px}
.head .logo{float:left;margin:30px 0 0 0;width:80px}
.logo img{width:80px;height:30px}
.head .subnav{position:relative;float:left;margin:30px 0 0 20px;padding:0 0 0 10px;width:360px;height:30px;line-height:30px}
.subnav::before{position:absolute;top:8px;left:0;width:1px;height:15px;background:#888;content:""}
.subnav dl{position:relative;float:left;clear:both;width:100%}
.subnav dt{float:left;width:50px;text-align:center;font-size:14px}
.subnav dt a{color:#333}
.subnav dt a:hover{color:#bf5353}
.subnav dd{position:relative;float:left;width:70px;cursor:pointer}
.subnav dd i{float:left;margin:2px 0 0 10px;padding:0 0 0 10px;width:70px;height:26px;border-radius:6px;background:url(../images/city_down.png) no-repeat 45px center #eee;background-size:16px;font-size:14px;line-height:26px}
.subnav dd span{position:absolute;top:50px;left:0;z-index:999;display:none;padding:15px 0 0 5px;width:300px;height:210px;border:1px solid #666;border-radius:9px;background:#fff;box-shadow:0 0 9px 3px #c6c9c9}
.subnav dd span a{float:left;width:58px;height:30px;color:#333;text-align:center;font-size:14px;line-height:30px}
.subnav dd span a:hover{color:#bf5353}
.head .nav{float:right;margin:30px 0 0 0;width:600px}
.nav li{position:relative;float:left;margin:0 0 0 15px;padding:0 0 150px 0;width:105px;height:30px;text-align:center;font-size:14px;line-height:30px}
.nav li a{width:100%;border:1px solid #d7d7d7;border-radius:15px;color:#333}
.nav li a:hover{border:1px solid #2c5783;color:#2c5783}
.nav li i{width:100%;border:1px solid #d7d7d7;border-radius:15px;cursor:pointer}
.nav li i:hover{border:1px solid #2c5783;color:#2c5783}
.nav li span{position:absolute;top:50px;left:-5px;z-index:999;display:none;width:120px;background:#fff;box-shadow:0 0 6px 3px #888}
.nav li span a{border:none;background-image:none!important}
.nav li span a:hover{border:none;color:#bf5353}
.nav li:nth-child(1)::after,.nav li:nth-child(4)::after{position:absolute;top:-15px;right:0;width:25px;height:25px;background:url(../images/city_hot.png) no-repeat center;background-size:25px;content:""}
.nav li i,.nav li:nth-child(3) a,.nav li:nth-child(4) a{padding:0 10px 0 0;background:url(../images/city_down2.png) no-repeat 82px center;background-size:9px}
.board{margin:-90px 0 0 0;width:100%;background:#2c5783;box-shadow:0 3px 9px 5px #c6c9c9}
.board .content{margin:0 auto;padding:30px 0 0 0;width:1200px}
.content h1{padding:0 0 0 50px;width:100%;height:30px;background:url(../images/city_h1.png) no-repeat left center;background-size:30px;color:#fff;font-size:23px;line-height:30px}
.content ul{position:relative;z-index:9;float:left;clear:both;margin:30px 0 30px 0;width:1500px}
.content li{z-index:9;float:left;margin:0 200px 0 0;width:80px;height:30px;text-align:center;line-height:30px}
.content li a{color:#fff}
.content li a:hover{color:#bf5353}
.content hr{position:absolute;top:30px;left:25px;z-index:9;width:30px;height:5px;background:#fff}
.wrap{margin:0 auto;width:1200px}
.wrap .breadcrumb{float:left;clear:both;margin:30px 0 0 0;width:100%}
.breadcrumb::before{float:left;margin:5px 20px 0 0;width:9px;height:9px;border-radius:5px;background:#2c5783;content:""}
.breadcrumb i{float:left;margin:0 20px 0 0;height:30px;color:#333;font-size:13px;line-height:30px}
.breadcrumb a{float:left;margin:0 20px 0 0;height:30px;color:#333;font-size:13px;line-height:30px}
.breadcrumb a:hover{color:#bf5353}
.wrap .banner{float:left;clear:both;margin:20px 0 0 0;width:100%}
.banner img{float:left;clear:both;width:1200px}
.wrap .main{float:left;margin:30px 0 0 0;width:860px}
.main .advert{float:left;width:336px;height:280px}
.main .hotissue{float:right;width:500px}
.hotissue b{float:left;clear:both;overflow:hidden;margin:10px 0 0 0;width:100%;height:30px;text-align:center;font-size:18px;line-height:30px}
.hotissue b a{color:#2c5783}
.hotissue b a:hover{color:#bf5353}
.hotissue ul{float:left;clear:both;margin:20px 0 0 0;width:100%}
.hotissue li{float:left;clear:both;overflow:hidden;width:100%;height:36px;text-align:center;font-size:15px;line-height:36px}
.hotissue li a{color:#333}
.hotissue li a:hover{text-decoration:underline}
.hotissue .red a{color:#bf5353}
.hotissue .red a:hover{text-decoration:underline}
.main .list{float:left;clear:both;margin:30px 0 0 0;width:100%}
.list ul{position:relative;height:780px;background:#f2f2f2}
.list li{width:100%;height:130px;border-bottom:6px solid #fff}
.list li b{float:right;overflow:hidden;margin:20px 30px 0 0;width:600px;height:30px;font-size:15px;line-height:30px}
.list li a{color:#333}
.list li a:hover b{color:#bf5353}
.list li p{float:right;overflow:hidden;margin:10px 30px 0 0;width:600px;height:39px;font-size:13px;line-height:20px}
.list li a:hover p{text-decoration:underline}
.list span{position:absolute;top:-2px;left:30px;width:150px;height:1040px}
.list span img{float:left;clear:both;margin:15px 0 15px 0;width:150px;height:100px}
.wrap .live{position:relative;float:right;margin:35px 0 0 0;width:300px;border:1px solid #888;border-radius:12px}
.live .h3{position:absolute;top:-15px;left:30px;width:130px;height:30px;background:#fff;text-align:center;font-weight:700;font-size:15px;line-height:30px}
.live ul{float:left;clear:both;overflow:hidden;margin:20px 0 0 0;width:100%;height:1180px}
.live li{float:left;clear:both;width:100%;border-bottom:1px dashed #888}
.live li i{float:left;clear:both;margin:25px 0 0 20px;width:170px;height:25px;background:#eaeaea;color:#666;text-align:center;font-size:13px;line-height:25px}
.live li b{float:left;clear:both;overflow:hidden;margin:9px 0 0 20px;width:260px;height:39px;font-weight:400;font-size:15px;line-height:20px}
.live li span{float:left;clear:both;margin:12px 0 25px 30px;width:250px}
.live li span::before{float:left;margin:6px 0 0 0;width:1px;height:15px;background:#888;content:""}
.live li span::after{float:left;margin:13px 0 0 0;width:70px;height:1px;background:#888;content:""}
.live li span a{float:right;width:139px;height:30px;border-radius:15px;background:#555;color:#fff;text-align:center;font-size:14px;line-height:30px}
.live li span a:hover{opacity:.6;transition-duration:.3s}
.live li:nth-child(8){border-bottom:none}
.live li:nth-child(2) span a{background:#bf5353}
.wrap .course{position:relative;float:right;margin:35px 0 0 0;width:300px;border:1px solid #888;border-radius:12px}
.course .h3{position:absolute;top:-15px;left:30px;width:130px;height:30px;background:#fff;text-align:center;font-weight:700;font-size:15px;line-height:30px}
.course ul{float:left;clear:both;margin:0 0 50px 0;width:100%}
.course li{float:left;clear:both;margin:50px 0 0 20px;width:260px}
.course li span{float:left;width:90px}
.course li span img{float:left;clear:both;width:100%;border-radius:45px}
.course li span i{float:left;clear:both;margin:15px 0 0 0;width:100%;color:#333;text-align:center;font-size:13px}
.course li dl{float:right;width:150px}
.course li dt{float:left;clear:both;margin:10px 0 0 0;width:100%;height:30px;color:#2c5783;font-weight:700;font-size:15px;line-height:30px}
.course li dd:nth-child(2){float:left;clear:both;width:150px;height:30px;background:url(../images/city_listen.png) no-repeat right center;background-size:20px;color:#333;font-size:13px;line-height:30px}
.course li dd:nth-child(3){float:left;clear:both;margin:20px 0 0 0;width:100%;height:30px;color:#555;font-size:13px;line-height:30px}
.wrap .information{float:left;clear:both;margin:50px 0 0 0;width:100%;border-top:1px dashed #888;border-bottom:1px dashed #888}
.information h2,.training h2{position:relative;float:left;clear:both;margin:30px 0 0 20px;width:100%;font-weight:400;font-size:16px}
.information h2::before,.training h2::before{float:left;margin:3px 20px 0 0;width:11px;height:16px;border:1px solid #888;background:#fff;box-shadow:3px 3px 6px 0 #c6c9c9;content:""}
.information h2::after,.training h2::after{position:absolute;top:0;left:-4px;width:11px;height:16px;border:1px solid #2c5783;background:#2c5783;content:""}
.information ul{float:left;clear:both;margin:30px 0;width:1310px}
.information li{float:left;overflow:hidden;margin:0 30px;width:360px;height:39px;font-size:14px;line-height:39px}
.information li::before{float:left;margin:13px 20px 0 0;width:9px;height:12px;background:#e3e5e8;content:""}
.information li a{color:#333}
.information li a:hover{color:#bf5353}
.wrap .training{float:left;clear:both;margin:50px 0;width:100%;height:369px;border-top:1px solid #888;border-bottom:1px solid #888}
.training dl{float:left;clear:both;margin:30px 0 0 0;width:1225px}
.training dt{float:left;margin:0 25px 0 0;width:220px;height:30px;border:1px solid #aaa;border-radius:15px;text-align:center;font-size:14px;line-height:30px;cursor:pointer}
.training ul{float:left;clear:both;display:none;margin:30px 0;width:1310px}
.training li{float:left;overflow:hidden;margin:0 105px 0 0;width:330px;height:39px;line-height:39px}
.training li a{float:left;width:260px;color:#333;font-size:14px}
.training li a:hover{color:#bf5353}
.training li span{float:right;width:50px;color:#666;font-size:13px}
.training .active{border:none;background:#ccd6e2;color:#555;font-weight:700}
.footer{clear:both;margin: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}
#closefloat{position:absolute;top:0;right:0;width:30px;height:30px;font-size:12px;cursor:pointer}