body,a,b,dd,dl,dt,h1,h2,h3,h5,i,li,ol,p,span,u,ul{display:block;margin:0;padding:0}
dd,dl,dt,li,ul{list-style:none}
a,u{border:0;text-decoration:none}
img{border:0;display:block}
table{border-collapse:collapse}
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%}
.nav{position:relative;z-index:100;margin:15px auto;width:1200px}
.nav .logo{float:left;width:130px;height:130px}
.nav ul{position:relative;float:right;width:680px}
.nav li{float:left;width:170px}
.nav li span{margin:30px 0 0 3px;height:30px;font-weight:700;font-size:13px;line-height:30px}
.nav li a{margin:15px 0 0 0;height:30px;color:#333;font-size:16px;line-height:30px}
.nav hr{position:absolute;top:52px;left:-30px;width:680px;height:1px;border:none;background:#DDD}
.nav i{position:absolute;top:61px;width:50px;border-top:1px solid #888}
.nav li a:hover{color:#D3715F}
.advert,.answers,.answers li,.answers ul,.category,.course,.course li,.course ul,.guide,.guide li,.guide ul,.hot,.hot li,.hot ul,.info li,.info ul,.motif ul,.project,.region,.renewal dl{float:left;clear:both}
.guide span a,.headline p u,.project i{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.region{margin:30px 0;padding:20px 0;width:100%;background:#F2F5FA}
.region p{margin:0 auto;width:1200px}
.region p a{float:left;width:73px;color:#333;text-align:center;letter-spacing:1px;font-size:13px;line-height:20px}
.region p a:hover{color:#5AA7D3}
.main{position:relative;margin:0 auto;width:1200px}
.main h1{position:absolute;top:50px;left:10px;font-size:12px}
.main .first{float:left;margin:30px 0 0 0;width:830px}
.first .headline{position:relative;float:left;width:830px;height:230px;border:1px solid #888;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
.headline h2{position:absolute;top:-5px;left:50px;width:100px;background:#FFF;text-align:center;font-size:15px}
.headline p{position:relative;float:left;margin:39px 30px 0 65px;width:320px}
.headline p b{overflow:hidden;margin:10px 0 18px 0;height:30px;line-height:30px}
.headline p b a{color:#333;font-size:16px}
.headline p b a:hover{color:#D3715F}
.headline p span{overflow:hidden;height:69px;color:#888;letter-spacing:1px;font-size:13px;line-height:23px}
.headline p i a{width:60px;height:39px;background:url(../images/info_arrow.png) no-repeat center right;color:#D3715F;font-weight:700;font-style:normal;font-size:13px;line-height:39px}
.headline p i a:hover{border-bottom:1px solid #888}
.headline p u{position:absolute;top:18px;left:-38px;width:10px;height:10px;background:#2C5783}
.headline hr{position:absolute;top:-8px;left:415px;width:1px;height:230px;border:none;background:#888}
.first .renewal{float:left;margin:80px 0 0 0;width:830px}
.motif ul,.renewal dl{position:relative;width:830px}
.renewal .control{border-top:1px solid #888;border-bottom:1px solid #888;cursor:pointer}
.control .active{font-weight:700}
.control dt{position:relative;display:inline-block;margin:15px 0 39px 0;width:130px;height:30px;text-align:center;font-size:15px;line-height:30px}
.control dt:hover{color:#D3715F}
.control hr{position:absolute;border:none}
.active hr{top:-23px;left:53px;width:23px;height:5px;background:#2C5783}
.motif dd{display:none}
.motif ul{margin:39px 0 0 0}
.motif li{float:left;overflow:hidden;width:415px;height:39px;background:url(../images/info_li.png) no-repeat 30px center;line-height:39px}
.motif li a{float:left;margin:0 0 0 60px;width:260px;color:#333;font-size:15px}
.motif li b{float:right;margin:0 30px 0 0;width:50px;color:#666;text-align:right;font-size:12px}
.motif li a:hover{color:#D3715F}
.motif hr{position:absolute;top:-48px;left:415px;width:1px;height:557px;border:none;background:#888}
.main .side{float:right;margin:30px 0 0 0;width:300px}
.side .guide{margin:0 0 30px 0;width:300px;background:#F3F3F3}
.guide h2{margin:15px 0 0 30px;width:250px;height:50px;border-bottom:1px solid #888;text-align:center;font-size:17px;line-height:50px}
.guide ul{margin:15px 0 10px 0;width:300px}
.guide li{margin:17px 0 0 30px;width:239px;border-bottom:2px solid #FFF}
.guide img{float:left;margin:0 0 17px 0;width:70px;height:70px;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px}
.guide span{float:right;width:160px}
.guide span h3{float:right;margin:0 0 10px 0;width:160px;height:30px;text-align:right;font-weight:normal;font-size:16px;line-height:30px}
.guide span a{float:right;width:80px;height:30px;background:#2C5783;color:#FFF;text-align:center;font-size:13px;line-height:30px}
.guide span a:hover{background:#D3715F}
.side .course{margin:0 0 30px 0;width:300px;background:#F3F3F3}
.course h2{margin:30px 0 0 115px;width:70px;height:39px;border-top:1px solid #888;border-bottom:1px solid #888;text-align:center;font-size:17px;line-height:39px}
.course ul{margin:35px 0 0 0;width:300px}
.course li{margin:0 0 35px 23px;width:253px}
.course li u{float:left;width:150px}
.course li b{margin:0 0 10px 0;height:20px;font-size:16px;line-height:20px}
.course li b a{color:#333}
.course li b a:hover{color:#D3715F}
.course li p{overflow:hidden;height:36px;color:#777;font-size:12px;line-height:18px}
.course li i{float:right;margin:20px 0 0 0;padding-left:30px;width:60px;height:39px;border:1px solid #888;background-color:#FFF;background-image:url(../images/info_play.png);background-position:7px 9px;background-repeat:no-repeat;font-style:normal;font-size:13px;line-height:39px}
.course li i a{color:#333}
.course li i a:hover{color:#5AA7D3}
.advert{margin:20px 0 50px 0;width:1200px}
.advert img{width:1200px}
.category{margin:70px 0 0 0;width:1200px}
.category .project{position:relative;margin:0 0 120px 0;width:1200px;border-top:1px solid #888;border-bottom:1px solid #888}
.project h2{position:absolute;top:-50px;width:180px;font-size:20px}
.project i{position:absolute;top:-35px;left:150px;width:10px;height:10px;background:#2C5783}
.project .image{float:left;width:330px;height:675px;border-right:1px dashed #CCC}
.image img{margin:33px 30px;width:270px;height:180px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
.project .info{float:left;width:500px;height:675px;border-right:1px dashed #CCC}
.info ul{margin:30px 0;width:500px}
.info li{overflow:hidden;margin:0 0 0 50px;width:390px;height:39px;background:url(../images/content_li.png) no-repeat left;line-height:39px}
.info li a{float:left;margin:0 0 0 30px;width:280px;color:#333;font-size:15px}
.info li b{float:right;width:80px;color:#666;text-align:right;font-size:13px;font-weight:normal}
.info li a:hover{color:#D3715F}
.project .right{float:right;width:368px}
.right .answers{position:relative;width:368px}
.answers h3,.hot h3{position:absolute;top:-10px;left:20px;width:100px;background:#FFF;text-align:center;font-size:15px}
.answers ul{margin:39px 0 0 0;width:368px}
.answers li{margin:0 0 20px 0;width:368px}
.answers img{float:left;margin:18px 0 0 35px;width:50px;height:50px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}
.answers u{float:right;margin:0 20px 0 0;width:230px}
.answers u b{float:left;overflow:hidden;margin:0 0 5px 0;width:230px;height:30px;font-size:15px;line-height:30px}
.answers u b a{color:#333}
.answers u p{float:left;overflow:hidden;width:230px;height:36px;font-size:13px;line-height:18px}
.answers u b a:hover{color:#D3715F}
.right .hot{position:relative;margin:30px 0 0 0;width:368px;border-top:1px solid #888}
.hot ul{margin:30px 0 0 0;width:368px}
.hot li{overflow:hidden;width:368px;height:35px;line-height:35px}
.hot u{float:left;margin:0 0 0 50px;width:70px;color:#2C5783;font-weight:700;font-size:12px}
.hot a{float:left;width:230px;color:#333;font-size:15px}
.hot a:hover{color:#D3715F}
.footer{clear:both;margin:30px auto;width:1200px;height:200px;border:1px solid #888;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;width:230px;text-align:right;font-weight:normal;margin:0 30px 0 0}
.footer .about i a{float:right;margin-right:30px}