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;color:#333;min-width:1200px}
.clearfix:after{clear: both;display:block;visibility:hidden;height:0;content:"."}
.clearfix{*+height:1%}
.head{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 img{position:relative;z-index:10;background:#fff}
.nav ul{float:right;margin:30px 0 0 0;width:910px}
.nav li{position:relative;float:left;width:130px;cursor:pointer}
.nav li u{position:absolute;top:30px;right:10px;width:10px;height:10px;background:url(../images/home_navdown.png) no-repeat center}
.nav li i{position:absolute;top:0;right:0;width:37px;height:16px;background:url(../images/home_hot.png) no-repeat center}
.nav li,.nav li a{width:130px;color:#333;text-align:center;font-weight:700;font-size:16px;line-height:70px}
.nav li span{position:absolute;top:69px;left:0;z-index:999;float:left;clear:both;display:none;padding:0 10px 18px 20px;border-right:1px solid #888;border-bottom:1px solid #888;border-left:1px solid #888;background:#fff}
.nav li span hr{float:left;margin:12px 0 0 0;width:5px;height:1px;border:none;background:#999}
.nav li span a{background:url(../images/home_nav.png) no-repeat left center;color:#666;font-weight:400;font-size:15px;line-height:33px}
.nav li p{position:absolute;top:69px;right:0;z-index:999;display:none;padding:15px;width:560px;border-right:1px solid #888;border-bottom:1px solid #888;border-left:1px solid #888;background:#fff}
.nav li p a{float:left;width:80px;color:#666;font-weight:400;font-size:13px;line-height:33px}
.nav li a:hover,.nav li p a:hover,.nav li span a:hover{color:#b7382d}
.wrap{margin:0 auto;width:1200px}
.wrap .breadcrumb{float:left;clear:both;margin:20px 0 0 0;width:100%;height:30px;color:#555;font-size:13px;line-height:30px}
.breadcrumb::before{float:left;margin:10px 20px 0 0;width:9px;height:9px;border-radius:5px;background:#2c5783;content:""}
.breadcrumb i{float:left;margin:0 15px 0 0}
.breadcrumb a{float:left;margin:0 15px 0 0;color:#555}
.breadcrumb a:hover{color:#b7382d}
.wrap .main{float:left;margin:50px 0 0 0;width:820px}
.main .search{float:left;clear:both;width:100%}
.main .article{float:left;clear:both;margin:30px 0 0 0;width:100%;border-radius:12px 12px 0 0;background:#efefef}
.article .title{float:left;clear:both;margin:30px 0 0 39px;width:750px}
.title h1{float:left;clear:both;width:100%;height:36px;font-size:23px;line-height:36px;color:#2c5783}
.title ul{float:left;width:50%}
.title li{float:left;margin:15px 20px 0 0;padding:0 15px;height:28px;background:#fff;font-size:13px;line-height:28px}
.title li a{display:inline;color:#333}
.title li a:hover{color:#bf5353}
.title span{float:right;margin:15px 0 0 0;width:50%;height:28px;background:url(../images/practice_speaker.png) no-repeat left center;background-size:25px;font-size:13px;line-height:28px}
.title span a{padding:0 0 0 32px;color:#bf5353;font-weight:700}
.title span a:hover{color:#2c5783;text-decoration:underline}
.article dl{float:left;clear:both;margin:39px 0 39px 39px;width:750px}
.article dd{margin:0 25px 0 0;font-size:15px;line-height:28px}
.article dd h2{float:left;clear:both;margin:8px 0;width:100%;display:block;font-size:16px}
.article dd h2::before{content: "";float: left;margin: 7px 15px 0 0;width: 8px;height: 15px;background: #2c5783}
.article dd strong{float:left;clear:both;margin:8px 0;width:100%;display:block}
.article dd p{float:left;clear:both;margin:8px 0;width:100%;}
.article dd p strong{display:inline;float:none}
.article dd img{float:left;clear:both;max-width:100%}
.article dd a{display:inline}
.main .context{float:left;clear:both;width:100%}
.context ul{float:left;clear:both;width:100%;height:70px;border-top:2px solid #fff;border-bottom:2px solid #d9d9d9;background:#dee0e0}
.context li{float:left;margin:20px 0 0 0;width:50%;height:30px;border-right:1px dashed #999;text-align:center;font-size:14px;line-height:30px}
.context li:last-child{border-right:none}
.context li a{display:inline;color:#333}
.context li a:hover{color:#bf5353}
.wrap .live{float:left;clear:both;margin:50px 0 0 0;width:100%}
.wrap .live h3{padding:0 0 0 39px;height:30px;background:url(../images/practice_live.png) no-repeat left top;background-size:25px;font-size:16px;line-height:30px}
.live ul{float:left;clear:both;width:870px}
.live li{float:left;margin:20px 50px 0 0;width:385px;background:#f3f3f3}
.live li b{float:left;clear:both;margin:20px 0 0 25px;width:335px;height:50px;font-size:14px;line-height:25px}
.live li i{float:left;clear:both;margin:20px 0 20px 25px;padding:0 25px;height:28px;border:1px dashed #666;font-size:13px;line-height:28px}
.live li span{float:right;margin:8px -2px 0 0;width:90px;height:39px;box-shadow:3px 3px 7px 0 #999;text-align:center;font-size:16px;line-height:39px}
.live li span a{width:100%;background:#2c5783;color:#fff}
.live li span a:hover{opacity:.6;transition-duration:.3s}
.main .suggest{float:left;clear:both;margin:30px 0 0 0;width:100%}
.main .h2{float:left;clear:both;width:100%;height:30px;font-weight:700;font-size:16px;line-height:30px}
.main .h2::before{float:left;margin:0 10px 0 0;width:39px;height:39px;color:#d6dfe3;content:"”";font-weight:700;font-size:75px;line-height:39px}
.main .correlation{position:relative;float:left;clear:both;margin:30px 0 80px 0;width:100%}
.correlation ul{float:left;clear:both;margin:30px 0 0 0;width:100%;border-top:1px solid #888;border-bottom:1px solid #888}
.correlation .correlation_ad{float:left;clear:both;width:800px;height:150px;position: relative;}
.correlation_ad::before{content:"";width:1px;height:150px;position:absolute;left:250px;background:#888;}
.correlation li{float:left;clear:both;width:100%;height:150px;border-top:1px dashed #999}
.correlation li a:hover b{color:#b7382d}
.correlation li a:hover p{text-decoration:underline}
.correlation li a{float:right;clear:both;width:570px;height:150px;border-left:1px solid #888}
.correlation li a b{float:left;clear:both;margin:20px 0 0 30px;width:510px;height:30px;color:#333;font-weight:700;font-size:16px;line-height:30px}
.correlation li a p{float:left;clear:both;overflow:hidden;margin:25px 0 0 30px;width:510px;height:50px;color:#666;font-size:13px;line-height:25px}
.correlation li:nth-child(1){background:url(http://www.shudouzi.com/d/file/p/swzd05.jpg) no-repeat 10px center}
.correlation li:nth-child(2){background:url(http://www.shudouzi.com/d/file/p/swzd06.jpg) no-repeat 10px center}
.correlation li:nth-child(3){background:url(http://www.shudouzi.com/d/file/p/swzd07.jpg) no-repeat 10px center}
.correlation li:nth-child(4){background:url(http://www.shudouzi.com/d/file/p/swzd08.jpg) no-repeat 10px center}
.correlation li:nth-child(5){background:url(http://www.shudouzi.com/d/file/p/swzd09.jpg) no-repeat 10px center}
.correlation li:nth-child(6){background:url(http://www.shudouzi.com/d/file/p/swzd10.jpg) no-repeat 10px center}
.correlation li:nth-child(7){background:url(http://www.shudouzi.com/d/file/p/swzd11.jpg) no-repeat 10px center}
.correlation li:nth-child(8){background:url(http://www.shudouzi.com/d/file/p/swzd12.jpg) no-repeat 10px center}
.correlation li:nth-child(9){background:url(http://www.shudouzi.com/d/file/p/swzd13.jpg) no-repeat 10px center}
.correlation li:nth-child(10){background:url(http://www.shudouzi.com/d/file/p/swzd14.jpg) no-repeat 10px center}
.correlation li:nth-child(11){background:url(http://www.shudouzi.com/d/file/p/swzd15.jpg) no-repeat 10px center}
.correlation li:nth-child(12){background:url(http://www.shudouzi.com/d/file/p/swzd05.jpg) no-repeat 10px center}
.correlation li:first-child{border-top:none}
.correlation hr{position:absolute;top:23px;left:250px;z-index:999;width:1px;height:1500px;background:#888}
.correlation span{position:absolute;top:30px;width:250px}
.correlation img{float:left;clear:both;margin:16px 0 16px 20px;width:210px;height:118px}
.wrap .sidebar{float:right;margin:50px 0 0 0;width:330px}
.sidebar .image{float:left;clear:both;width:100%}
.image img{width:330px;height:160px}
.sidebar .sidead{float:left;clear:both;width:100%}
.sidebar .h3{float:left;clear:both;width:100%;height:60px;text-align:center;font-weight:700;font-size:16px;line-height:60px}
.sidebar .hot{float:left;clear:both;width:100%;border-bottom:1px solid #888}
.hot .h3{border-top:1px solid #888;border-bottom:1px solid #888}
.hot ul{float:left;clear:both;margin:20px 0 20px 30px;width:270px}
.hot li{float:left;clear:both;width:100%;height:39px;font-size:14px;line-height:39px}
.hot li a{color:#333}
.hot li a:hover{color:#b7382d}
.hot .red a{color:#b7382d}
.hot .red a:hover{color:#2c5783}
.sidebar .best{float:left;clear:both;margin:50px 0 0 0;width:100%;border:1px solid #888;border-radius:12px}
.best .h3{border-bottom:5px solid #d6dfe3}
.best ul{float:left;clear:both;margin:20px 0 20px 20px;width:290px}
.best li{float:left;clear:both;overflow:hidden;width:100%;height:39px;font-size:14px;line-height:39px}
.best li:before{float:left;margin:15px 20px 0 0;width:12px;height:5px;background:#d6dfe3;content:""}
.best li a{color:#333}
.best li a:hover{color:#b7382d}
.sidebar .train{float:left;clear:both;margin:50px 0 0 0;width:100%;border:1px solid #888;border-radius:12px}
.train .h3{border-bottom:5px solid #d6dfe3}
.train ul{float:left;clear:both;margin:20px 0 20px 20px;width:290px}
.train li{float:left;clear:both;overflow:hidden;width:100%;height:39px;font-size:14px;line-height:39px}
.train li:before{float:left;margin:15px 20px 0 0;width:12px;height:5px;background:#d6dfe3;content:""}
.train li a{color:#333}
.train li a:hover{color:#b7382d}
.footer{clear:both;margin:70px 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:#5aa7d3}
.footer h5{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}
