@charset "gb2312";
/* CSS Document */
/* CSS style */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; }
fieldset, img { border: 0; }
img { vertical-align: top; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; outline: medium none; resize: none; }
input, textarea, select { font-size: 100%; }
legend { color: #333; }
.clear { height: 0; font-size: 0; line-height: 0; clear: both; display: block; overflow: hidden; }
body { color: #2b2b2b; font-family: "ËÎÌå", tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; background-color: #4d4948; }
a { color: #2b2b2b; text-decoration: none; }
a:hover { color: #cc0000; text-decoration: underline; }
.red, a.red:hover { color: #CC0000!important; font-style: normal; cursor: pointer; }
.bule, a.bule:hover { color: #2c4b90!important; }
.yellow, a.yellow:hover { color: #ff9900!important; }
.black, a.black:hover { color: #000!important; }
.fl { float: left; }
.fr { float: right; }
/*bg*/
.course-top, .course-top ul li, .nav-left, .nav-right, .nav-mid, .nav-mid h2, .paihang li em, .paihang li em.hot, #YHover dt, #YHover span, .top a, .search-tab h3.tab1, .search-left, .search-right, .search-conditions, .search-textfield, .search-botton { background: url(index_pic.gif) no-repeat; }
/*height*/
.height20 { clear: both; overflow: hidden; display: block; height: 20px; }
.m { margin-bottom: 5px!important; }
.m0 { margin-top: 0!important; }
.m6 { margin-bottom: 6px!important; }
.t { margin-top: 7px!important; }
.mt20 { margin-top: 20px; }
.r10 { margin-right: 10px; }
/*main*/
.advertise, .shangdu, .main, .links { width: 1000px; margin: 0 auto; }
/*¿ò¼Ü*/
.nav-s-a, .nav-s-a:hover, .newhouse-menu, .nav-tab em, .nav-tab em span, .nav-tab .hover a, .nav-tab li .hover span, .nav-tab .hover a span, .nav-tab li a, .nav-tab li a:hover, .nav-tab li a span, .nav-tab li a:hover span, .h-list dl .phone, .h-title, .left-pic, .right-pic, .content-dt a.jiantou, .bottom-round, .left-round, .right-round, .h-title1, .left-pic1, .right-pic1, .photo_Tabopen, .photo_Tabclose, .house-photo .photo-tab a:hover { background: url(newhouse.gif) no-repeat; }
.news-tit, .news-left-tit, .news-right-tit { background: url(news-bg.gif) no-repeat; }
/*logo*/
#logo { float: left; padding: 25px 40px 0 20px; }
#logo h2 a { text-indent: -999em; float: left; background: url(logo.jpg) no-repeat; width: 157px; height: 52px; display: block; }
/*µ¼º½*/
.course { margin: 0 auto; width: 980px; }
.course-top { background-position: 0 -125px; background-repeat: repeat-x; height: 35px; line-height: 35px; }
.course-top h1 { float: left; }
.course-top h3 { float: left; }
.course-top .QQqun { background: url(qqq_icon.gif) no-repeat scroll 0 2px; padding-left: 15px; height: 20px; line-height: 20px; float: left; margin-left: 20px; margin-top: 6px; }
.course-top .QQqun a { color: #ff0000; }
.course-top ul { float: right; }
.course-top ul li { float: left; width: 50px; margin-left: 10px; padding-left: 20px; cursor: pointer; }
.course-top ul li.setindex { background-position: 0 -160px; }
.course-top ul li.collect { background-position: -85px -160px; }
.course-top ul li.nav-s, .course-top ul li.nav-s-hover { position: relative; width: auto; background: none; padding: 0; z-index: 30; }
.course-top ul li.nav-s .nav-s-a, .course-top ul li.nav-s-hover .nav-s-a { background-position: -285px 5px; display: block; padding-right: 15px; padding-left: 20px; margin: 5px 1px 0; height: 25px; line-height: 25px; width: 50px; position: relative; z-index: 25; }
.course-top ul li.nav-s-hover .nav-s-a { border: 1px solid #d1d1d1; border-width: 1px 1px 0; background-color: #fff; margin: 4px 0 0; }
.course-top ul li.nav-s a b { position: absolute; right: 4px; top: 10px; width: 0; height: 0; border-width: 4px 4px; border-style: solid; border-color: #666 #f9f9f9 #f9f9f9; font-size: 0; line-height: 0; z-index: 21; }
.course-top ul li.nav-s-hover a b { position: absolute; right: 4px; top: 6px; width: 0; height: 0; border-width: 4px 4px; border-style: solid; border-color: #fff #fff #666; font-size: 0; line-height: 0; z-index: 21; }
.course-top ul li.nav-s dl, .course-top ul li.nav-s-hover dl { display: none; width: 210px; position: absolute; right: 0; _right: -1px; top: 29px; background: #fff; border: 1px solid #d1d1d1; z-index: 20; }
.course-top ul li.nav-s-hover dl { display: block; }
.course-top dl { padding: 5px 10px; text-align: left; line-height: 22px; width: 180px; }
.course-top dl dt a { color: #057BD2; font-weight: bold; padding-right: 8px; white-space: nowrap; }
.course-top dl dd { border-bottom: 1px dotted #d1d1d1; }
.course-top dl dd a { color: #666; white-space: nowrap; }
.course-top dl dd a:hover { color: #cc0000; white-space: nowrap; }
/*footer*/
/* nav */
.z_nav { width: 100%; height: 35px; line-height: 35px; overflow: hidden; background-color: #F2F2F2; border-bottom: 1px solid #E2E2E2; }
.z_nav-k { width: 1050px; margin: 0 auto; }
.z_nav-k .z_nav-logo { float: left; position: relative; top: 8px; }
.z_nav-k .z_nav-link { float: left; margin-left: 30px; }
.z_nav-k .z_nav-link a { float: left; margin: 0 10px; font-size: 15px; color: #333; }
.z_nav-k .z_nav-link a:hover { color: #666; }
.z_nav-k .z_nav-right { float: right; }
.z_nav-k .z_nav-right li { float: left; }
.z_nav-k .z_nav-right li a { float: left; font-size: 15px; color: #333; display: inline; }
.footer-menu { background-position: 0 -13px; background-repeat: repeat-x; width: 990px; height: 35px; margin: 0 auto; line-height: 35px; position: relative; border-bottom: 1px solid #777; }
.footer-menu1 { background: none; line-height: 22px; }
.footer-menu a, .footer-menu1 a { padding: 0 6px; color: #878787; }
.top a { position: absolute; top: 1px; right: 10px; background-position: 0 -719px; width: 59px; height: 24px; cursor: pointer; display: block; text-indent: -999em; overflow: hidden; }
.top a:hover { background-position: 0 -743px; width: 59px; height: 24px; position: absolute; top: 1px; right: 10px; display: block; }
.footer-title { padding: 10px 0; line-height: 23px; }
.footer-pic { width: 420px; margin: 0 auto; }
.footer-pic li { float: left; border: 1px solid #d1d1d1; width: 124px; line-height: 18px; height: 43px; margin: 6px; padding-top: 4px; }
.footer-pic img { float: left; margin: 0 8px 0 14px; }
.footer-pic li span { display: block; padding-top: 4px; }
#copyright { width: 100%; background-color: #3e3b3a; border-top: 4px solid #2e2b2a; margin-top: 30px; }
#footer { width: 980px; margin: 10px auto 0; padding: 10px 0; text-align: center; color: #fff; background: url(footer_jiaoyin.png) no-repeat scroll right center; }
#footer a { color: #fff; }
#footer p { line-height: 20px; }
#footer p.ztdh a { padding: 0 4px; color: #fff; }
/* Content */
.container { width: 100%; margin: 0 auto; height: 775px; position: relative; font-family: Microsoft YaHei; text-align: left; }
#content { background: #1e2850; text-shadow: 1px 1px 0 rgba(255,255,255,.1); background-clip: padding-box; }
#content a { color: #0088cc; }
#content a:hover { color: #005580; }
/* universal sly */
.slyWrap .controls { margin: 20px 0; }
.controls { text-align: center; }
.scrollbar { background: #808080; border-radius: 4px; border: 2px solid #808080; border-top-color: #666; line-height: 0; }
.scrollbar .handle { border-radius: 4px; background: #fff; cursor: pointer; line-height: 0; -webkit-box-shadow: 0 1px 0 #555; -moz-box-shadow: 0 1px 0 #555; -o-box-shadow: 0 1px 0 #555; box-shadow: 0 1px 0 #555; }
#horizontal .scrollbar { margin-top: -5px; height: 5px; }
#horizontal .scrollbar .handle { width: 100px; height: 100%; }
#horizontal .sly { height: 775px; }
#horizontal .sly ul { height: 100%; }
#horizontal .sly ul li { float: left; height: 100%; }
.sly ul li.p1 { background: url(../img/top_1.jpg) no-repeat; width: 600px; }
.sly ul li.p2 { background: url(../img/top_2.jpg) no-repeat; width: 600px; }
.sly ul li.p3 { background: url(../img/top_3.jpg) no-repeat; width: 1000px; }
.sly ul li.p4 { background: url(../img/top_4.jpg) no-repeat; width: 850px; position: relative; }
.sly ul li.p5 { background: url(../img/top_5.jpg) no-repeat; width: 830px; position: relative; }
.sly ul li.p6 { background: url(../img/top_6.jpg) no-repeat; width: 970px; position: relative; }
.sly ul li.p7 { background: url(../img/top_7.jpg) no-repeat; width: 390px; }
.sly ul li h1 span, .sly ul li h2 span { display: none; }
.sly ul li.p3 h3 { font-size: 28px; color: #fff; padding-top: 80px; padding-left: 290px; text-align: left; }
.sly ul li.p3 p { color: #fff; font-size: 14px; width: 536px; line-height: 20px; padding-top: 80px; padding-left: 270px; }
.sly ul li.p3 .focus { padding-left: 270px; padding-top: 30px; }
.p4 .text1, .p4 .text2, .p5 .text3, .p6 .text4, .p6 .text5 { position: absolute; width: 316px; font-size: 14px; line-height: 20px; color: #fff; }
.p4 .text1 { left: 20px; top: 260px; }
.p4 .text2 { left: 370px; top: 500px; }
.p5 .text3 { width: 620px; left: 163px; top: 590px; }
.p6 .text4 { width: 300px; left: 150px; top: 100px; }
.p6 .text5 { width: 300px; left: 150px; top: 395px; }
.p7 a { display: block; width: 390px; height: 775px; }
