@charset "utf-8";
#login input.txt{ width:120px; height:16px; padding-top:2px;}
.submitBtn{display:block;width:70px; height:30px; border:none; float:left; background:url(submitBtn.jpg) left top no-repeat;}
.resetBtn{display:block;width:63px; height:30px; border:none; float:right;  background:url(resetBtn.jpg) left top no-repeat;}

* {margin:0 auto;padding:0;line-height:150%;} 
html {background:#eee url(bg_html.jpg) top repeat-x;min-width:1003px;height:100%;}
body {font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#383838;background:url(bg_body.jpg) center top no-repeat;height:100%;}
a {color:#525252;text-decoration:none;line-height:inherit;}
a:hover{text-decoration:underline;}
img{border:none;}
ul,ol,dl{list-style-type:none;}
.clear{clear:both;}
/*common_begin*/

#top {width:1003px;position:relative;height:90px;position:relative;}
#logo a{width:433px;height:51px;left:30px;top:30px;display:inline-block;position:absolute;text-indent:-9999px;overflow:hidden;}
#qLink {position:absolute;top:40px;right:45px;display:inline;font-family:Verdana;font-size:11px;color:#fff;}
#qLink a {color:#fff;font-size:11px;}
#navBlock {width:920px;height:62px;position:relative;}
#home {display:inline-block;width:95px;height:44px;position:absolute;left:0;top:0;text-indent:-500px;overflow:hidden;}
#navigator {position:absolute;left:120px;top:15px;height:12px;}
#navigator li {position:absolute;height:12px;overflow:hidden;}
#navigator a {display:block;width:100%;height:24px;position:absolute;top:0;background:url(navigator.png) no-repeat;}
#navigator span {display:block;width:100%;height:12px;position:absolute;top:0;left:0;text-indent:-500px;overflow:hidden;background:url(navigator.png) no-repeat;opacity:0;filter:alpha(opacity=0);cursor:pointer;}
#navigator .current span {top:44px;}
#login p {margin-bottom:5px}

#case      {left:0;width:69px;}
#news      {left:82px;width:50px;}
#service   {left:145px;width:50px;}
#about     {left:215px;width:50px;}
#contact   {left:281px;width:60px;}
#join      {left:361px;width:50px;}
#blog      {left:423px;width:50px;}

#case     a {background-position:0 0;}
#news     a {background-position:-80px 0;}
#service  a {background-position:-143px 0;}
#about    a {background-position:-215px 0;}
#contact  a {background-position:-279px 0;}
#join     a {background-position:-361px 0;}
#blog     a {background-position:-423px 0;}

#case     span {background-position:0 -24px;}
#news     span {background-position:-80px -24px;}
#service  span {background-position:-143px -24px;}
#about    span {background-position:-215px -24px;}
#contact  span {background-position:-279px -24px;}
#join     span {background-position:-361px -24px;}
#blog     span {background-position:-423px -24px;}

/*切换样式*/
#cssstyle1 {display:block; background:url(csstyle.png) 0px 0px no-repeat; position:absolute;width:10px;height:10px;top:15px;right:120px;text-indent:-500px; overflow:hidden}
#cssstyle1:hover{ background-position:0px -15px;}

#cssstyle2 {display:block;background:url(csstyle.png) -15px 0px no-repeat;  position:absolute;width:10px;height:10px;top:15px;right:100px;text-indent:-500px; overflow:hidden}
#cssstyle2:hover{ background-position:-15px -15px;}

#cssstyle3 {display:block;background:url(csstyle.png) -30px 0px no-repeat;  position:absolute;width:10px;height:10px;top:15px;right:80px;text-indent:-500px; overflow:hidden}
#cssstyle3:hover{ background-position:-30px -15px;}

/*隐藏*/
#cssstyle4 {display:none;background:url(csstyle.png) -45px 0px no-repeat;  position:absolute;width:10px;height:10px;top:15px;right:100px;text-indent:-500px; overflow:hidden}
#cssstyle4:hover{ background-position:-45px -15px;}
#cssstyle5 {display:none;background:url(csstyle.png) -60px 0px no-repeat;  position:absolute;width:10px;height:10px;top:15px;right:80px;text-indent:-500px; overflow:hidden}
#cssstyle5:hover{ background-position:-60px -15px;}


#rss {display:block;position:absolute;width:30px;height:30px;top:0;right:30px;text-indent:-500px;overflow:hidden;}

#bottom {width:920px;margin:0 auto 40px;_margin:0 auto -40px;height:170px;background:url(bg_bottomRepeater.jpg) repeat-x;color:#999;}
#bottom div {background:url(../images/bg_bottom.jpg) 0 0 no-repeat;padding:40px 20px;height:130px;}
#bottom div a {border:0;}
#bottom div p {margin:0 0 1em;}
#bottom a {color:#999;border:1px solid #555;}
#bottom a img {border:1px solid #B1B1B1;}
#bottom a:hover img {border:1px solid #ff8000;}

#foot {height:40px;line-height:40px;width:100%;background:url(bg_foot.jpg) repeat-x;position:fixed;_position:relative;bottom:0;z-index:100;text-align:center;font-size:0;}
#foot .current {color:#FF6633;}

.fuckIe6 {}
.fuckIe6 *{font-size:12px;letter-spacing:normal;}
#footNav {vertical-align:middle;display:inline-block;height:24px;line-height:24px;margin:8px 0;}


.slide0 {display:inline-block;height:24px;padding:0 10px 0 0;background:url(bg_slide0.jpg) right bottom no-repeat;vertical-align:middle;margin:6px ;}
.slide0 .inner {display:inline-block;height:24px;line-height:24px;padding:0 0 0 10px;background:url(bg_slide0.jpg) left top no-repeat;}


.light {display:inline-block;height:16px;width:16px;line-height:16px;background-image:url(icons.gif);background-repeat:no-repeat;position:relative;overflow:hidden;margin:4px 2px;cursor:pointer;vertical-align:middle;}
.light span {display:block;height:16px;width:16px;background-image:url(icons.gif);position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);cursor:pointer;text-indent:-500px;overflow:hidden;}

.qq {display:inline-block;height:15px;line-height:15px;margin:4px 0;padding:0 0 0 25px;background:url(icons.gif) -480px 0 no-repeat;}

#rr {background-position:-100px -16px;}
#rr span {background-position:-100px 0px;}

#qz {background-position:-120px -16px;}
#qz span {background-position:-120px 0px;}

#kx {background-position:-140px -16px;}
#kx span {background-position:-140px 0px;}

#job {background-position:-160px -16px;}
#job span {background-position:-160px 0px;}

#sina {background-position:-180px -16px;}
#sina span {background-position:-180px 0px;}

#ckepop{border:solid 1px #606; position:relative; width:200px; height:30px;}

#pageTop {background-position:-200px -16px;width:62px;}
#pageTop span {background-position:-200px 0px;width:62px;}

#main {width:920px;overflow:hidden;padding:10px 0;background:#fff;}

.serviceSelector {width:896px;height:95px;position:relative;background:url(caseImg.jpg) no-repeat;overflow:visible;border-bottom:1px solid #E5E5E5;margin:0 auto 10px;}
.serviceSelector a {position:absolute;display:inline-block;width:170px;height:50px;padding-top:25px;padding-left:82px;color:#898989;z-index:10;cursor:pointer;}
.serviceSelector a:hover {text-decoration:none;}
.serviceSelector span {position:absolute;display:inline-block;width:100%;height:82px;left:0;top:0;background:url(caseImg.jpg) no-repeat;cursor:pointer;opacity:0;filter:alpha(opacity=0);}
.serviceSelector .current {height:98px;}
.serviceSelector p {display:inline-block;width:268px;height:82px;padding:0 0 0 6px;position:absolute;top:7px;background:url(caseImg.jpg) no-repeat;}
#case0 {left:6px;  background-position:-6px   -7px;}
#case1 {left:313px;background-position:-313px -7px;}
#case2 {left:610px;background-position:-610px -7px;}
#case0 span {background-position:-6px   -112px;}
#case1 span {background-position:-313px -112px;}
#case2 span {background-position:-610px -112px;}

.clsTit {position:relative;height:40px;line-height:40px;margin:0 10px 10px;padding:0 10px;border-bottom:1px dashed #7C7C7C;text-align:right;background:url(classTit.gif) no-repeat;}
.clsTit h2 {display:none;}
.clsTit p {position:absolute;display:inline-block;height:40px;line-height:40px;left:0;top:0;padding:0 10px;}
.clsTit span {line-height:40px;height:40px;display:inline-block; font-family:font-family:"Microsoft YaHei", '黑体';}
.clsTit .txtBox {height:20px;line-height:20px;border:1px solid #D1D1D1;background:#E8E8E8;vertical-align:middle;color:#666;}
#clsCase {background-position:10px 0;}
#clsNews {background-position:10px -40px;}
#clsServ {background-position:10px -80px;}
#clsAbou {background-position:10px -120px;}
#clsCont {background-position:10px -160px;}
#clsJoin {background-position:10px -200px;}
#clsLink {background-position:10px -240px;}
#clsRCas {background-position:10px -280px;}
#clsRNew {background-position:10px -320px;}
#partnerCase {background-position:10px -360px;}

.btn0,.btn1 {width:120px;height:22px;line-height:22px;text-align:center;margin:9px 0;vertical-align:middle;font-weight:bolder;color:#000;background:url(icons.gif) -120px -40px no-repeat;display:inline-block;}
.btn0:hover,.btn1:hover {text-decoration:none;}
.btn1 {width:81px;background-position:-120px -70px;}

.caseList {font-size:0;width:940px;padding:0 0 10px 9px;letter-spacing:-0.5em;}
.caseList li {width:195px;padding:10px;background:#EAEAEA;vertical-align:top;font-size:12px;margin:0 14px 10px 0;overflow:hidden;height:250px;position:relative;letter-spacing:normal;float:left;}
.caseList li span{position:absolute;right:10px;top:165px;width:20px;height:20px}
.caseList li span a{display:block;height:25px;text-indent:-999px;overflow:hidden}
.caseList img,.caseList h3,.caseList p {width:195px;display:block;margin:0;}
.caseList img {height:150px;}
.caseList h3 {margin:10px 0;background:url(icons.gif) 180px 2px no-repeat;font-size:12px;}
.caseList div {position:absolute;z-index:100;display:inline-block;padding:10px; height:250px;background:#333;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.caseList div h3 {background-position:180px -298px;}
.caseList div h3 a {color:#e7e7e7;}
.caseList div p,.caseList div p a {color:#bbb;}
.caseList .current {background:#333;}
.caseList .current h3 {background-position:180px -298px;}
.caseList .current h3 a {color:#e7e7e7;}
.caseList .current p,.caseList .current p a {color:#bbb;}


#blockBB {border-bottom:2px solid #e5e5e5;margin:0 10px; font-size:1px;}

#partnerList { margin-left:14px;font-size:0;letter-spacing:-0.5em;}
#partnerList li {display:block;float:left;width:120px;height:90px;font-size:12px;position:relative;text-align:center;line-height:50px;margin:10px 19px 10px 10px ;}
#partnerList li {*display:inline;}
#partnerList img {width:120px;height:90px;}
#partnerList span {position:absolute;display:inline-block;width:100%;height:100%;line-height:50px;top:0;left:0;opacity:0;filter:alpha(opacity=0);}

.txtBox {display:inline-block;vertical-align:top;}
.txtBox {*display:inline;}

.txtList {font-size:0;letter-spacing:-0.5em;}
.txtList li {line-height:16px;position:relative;padding:0 0 5px;}
.txtList span {display:inline-block;height:16px;line-height:16px;position:absolute;right:0;top:0;color:#666}
.topImg {display:inline-block; font-size:14px; font-family:"Microsoft YaHei", '黑体';}

.path {color:#EC8000;}

.showInfo {background:url(icons.gif) -480px -46px no-repeat;border-top:1px dashed #7C7C7C; font-family:"Microsoft YaHei", '黑体'; }
.showInfo p {padding-left:20px;font-size:14px}
.showInfo p span {color:#CC0000;padding-left:10px}

.page {margin:0 10px 10px;text-align:right;font-size:0;letter-spacing:-0.5em;}
.page a {margin:0 4px;min-width:18px;_width:18px;white-space:nowrap;display:inline-block;height:22px;border:1px solid #E8E8E8;background:#f8f8f8;line-height:22px;text-align:center;padding:0 4px;color:#898989;}
.page .current,.page a:hover {background:#898989;border:1px solid #898989;color:#fff;}

#relLink {overflow:hidden;}
#relLink a {display:inline-block;margin:5px 10px 10px;}
#relLink #prev {float:left;}
#relLink #next {float:right;}

.imgTxtList li {padding:0 20px; position:relative; margin:15px auto;display:block;width:860px;height:115px;position:relative;font-size:12px}
.imgTxtList .s_img {width:120px;height:90px;position:absolute;top:10px}
.imgTxtList .s_img img {width:120px;height:90px;}
.imgTxtList .news_com {position:absolute;width:720px;top:20px;right:15px}
.imgTxtList .news_com h4{display:block;width:100%;height:25px;line-height:25px;position:absolute;top:0}
.imgTxtList .news_com h4 a{font-family:"Microsoft YaHei", '黑体'; font-size:14px;}
.imgTxtList .news_com h4 span {font-weight:normal;color:#666}  
.imgTxtList .news_com  p {display:block;width:720px;position:absolute;color:#666;right:0;top:30px;line-height:18px;}  
.imgTxtList .bg {background:#F3F3F3;}

.picTit {text-align:center;}
.picTit img {display:inline-block;}

.simpleBlock {margin:0 20px 20px;padding:20px;color:#666;line-height:180%;overflow:hidden;zoom:1;}
.simpleBlock h4 {font-size:14px;}
.simpleBlock p {line-height:180%;margin:0 0 2em;}

#errorInfo {width:668px;display:inline-block;vertical-align:top;text-align:left;}
#errorInfo {*display:inline;}
#errorInfo p {margin:0;}
#errorInfo h4 {padding:0 0 10px;border-bottom:1px solid #D4D4D4;margin:0 0 10px}
/*index_begin*/
#banner {width:896px;height:317px;position:relative;margin:0 auto 10px;}
#jSlide {height:317px;background:#999;}
#jSlide img {width:896px;height:317px;}
#jSlide a {position:absolute;top:0;left:0;}
.slideBtns {position:absolute;width:100%;height:30px;z-index:1;;bottom:0}
.slideBtns ul{position:absolute;z-index:1;top:0;right:10px}
.slideBtns #slideBg{width:100%;height:30px;background:url(slide_ctr.png);opacity:0.3;filter:alpha(opacity=30);}
.slideBtns li{display:inline-block;zoom: 1;*display:inline;width:30px;height:30px;line-height:30px; float:left; text-align:center;cursor:pointer;color:#FFF}
.slideBtns ul .current{background:#000;opacity:0.5;filter:alpha(opacity=50)}

#contactBox {width:222px;height:317px;position:absolute;right:0;top:0;background:url(bg_banner.jpg) right 0 no-repeat;}
#contactBox .slide0 {position:absolute;left:35px;top:237px;}
#contactBox .inner {width:135px;text-align:center;}

#linkToContact {width:170px;height:70px;display:inline-block;text-indent:-500px;overflow:hidden;position:absolute;;left:35px;top:30px;}

#contactInfo {position:absolute;left:40px;top:180px;}
#contactInfo span {font-weight:bolder;color:#CC0000;}

#indexNewsBox {letter-spacing:-0.5em;font-size:0;margin:0 10px 10px;}

#indexStatus {width:417px;padding:10px;display:inline-block;vertical-align:top;font-size:0;letter-spacing:-0.5em; float:left}
#indexStatus {*display:inline;}
#indexStatus img {width:120px;height:90px;margin:0 9px 0 0;}
#indexStatus .txtBox {width:280px;float:right;}
#indexStatus h4 {font-size:12px;margin:0 0 10px;}
#indexStatus ul {border-top:1px solid #E3E3E3;margin:10px 0 0;padding:10px 0 0;}

#indexNews {width:427px;padding:10px;display:inline-block;vertical-align:top;font-size:0;letter-spacing:-0.5em; float:right;}
#indexNews {*display:inline;}
#indexNews img {width:120px;height:90px;margin:0 9px 0 0; }
#indexNews h4 {margin:0 0 5px;}
#indexNews .txtBox {width:290px; float:right;}
#indexNews h4 {font-size:12px;margin:0 0 10px;}
#indexNews ul {border-top:1px solid #E3E3E3;margin:10px 0 0;padding:10px 0 0;}

#indexLink {padding:10px;margin:0 10px 10px;line-height:180%;word-spacing:5px}
#indexLink a {white-space:nowrap;}
/*index_end*/

/*service_begin*/
#serviceIntro {width:840px;overflow:hidden;position:relative;}
#serviceIntro ul {width:2530px;font-size:0;letter-spacing:-0.5em;position:relative;}
#serviceIntro li {display:inline-block;width:840px;overflow:hidden;vertical-align:top;}
#serviceIntro li {*display:inline;}
#serviceIntro h3 {width:840px;height:210px;background-image:url(caseImg.jpg);background-repeat:no-repeat;}
#serviceIntro h3 span {display:none;}
#serv0 {background-position:0 -220px;}
#serv1 {background-position:0 -430px;}
#serv2 {background-position:0 -640px;}
#serviceIntro dt {background:#F3F3F3;height:31px;line-height:31px;font-size:12px;color:#666666;font-weight:bolder;word-spacing:4px;}
#serviceIntro img {vertical-align:middle;}
#serviceIntro dd {padding:10px 20px 20px 40px;line-height:200%;color:#818181;}
/*service_end*/

/*case_begin*/
#clsCaseList {padding:0 10px 10px;margin:0 0 10px;}
#clsCaseList li {height:28px;background:#F3F3F3;font-size:0px;letter-spacing:-0.5em;height:28px;line-height:28px;overflow:hidden;position:relative;}
#clsCaseList .odd {background:#fff;}
#clsCaseList a {display:inline-block;vertical-align:middle;white-space:nowrap;color:#666;height:17px;line-height:17px;margin:5px 2px;padding:0 4px;}
#clsCaseList a:hover{text-decoration:none;}
#clsCaseList .current {background:#656565;color:#fff;font-weight:bolder;}
#clsCaseList h3 {font-size:12px;text-align:center;font-weight:bolder;color:#333333;display:inline-block;width:90px;height:28px;line-height:28px;vertical-align:top;}
#clsCaseList h3 {*display:inline;}
#clsCaseList div {display:inline-block;vertical-align:top;line-height:28px;width:800px;}
#clsCaseList div {*display:inline;}
#clsCaseList button {cursor:pointer;background:url(icons.gif) -250px -40px no-repeat;width:7px;height:9px;border:0;position:absolute;right:10px;top:10px;} 
#clsCaseList .expand {background-position:-250px -50px;}
#clsCaseList button span {display:none;}

#caseInfo {margin:0 10px 10px;font-size:0;letter-spacing:-0.5em;overflow:hidden;zoom:1;}
#caseInfo h1{font-size:14px; text-align:left;}
#caseImg {_height:300px;padding-left:10px;min-heigth:300px;vertical-align:top; padding-top:10px;border-top:1px dashed #7C7C7C;}
#caseImg div{line-height:24px; color:#525252; }
#caseImg div h3{color:#333333;display:inline;font-size:12px;margin-right:10px; }
#caseTxt{height:250px}
#caseTxt img{border:solid 10px #EAEAEA;margin-bottom:10px; width:195px;height:150px;position:relative}
#caseTxt #leftV{width:236px;height:175px;position:absolute;top:20px;left:0}
#caseInfo #infoDiv{position:relative} 

#btnVisitSite {display:block;width:269px;height:51px;margin:0 0 20px;position:relative;background:url(icon_visitSite.jpg) 0 0 no-repeat;}
#btnVisitSite span {display:none;}

#caseProperty {color:#666;width:600px;height:175px;position:absolute;top:20px;right:45px}
#caseProperty * {line-height:200%;}
#caseProperty h4 {display:inline;font-size:12px;color:#333;margin:0 5px 0 0;}
#caseProperty a {white-space:nowrap;}
#caseProperty #intro {margin:20px 0 0;}
/*case_end*/

/*news_begin*/
#inquiry {margin:0 10px 0px;overflow:hidden;padding:0 0 10px;zoom:1;}
#inquiry table {width:590px;text-indent:20px;float:right;}
#inquiry th {font-size:12px;height:32px;line-height:32px;text-align:left;background:#F3F3F3;}
#inquiry td {height:26px;line-height:26px;}
#inquiry .bg {background:#F9F9F9;}
#inquiry #tit {width:350px;}
#inquiryForm {width:278px;height:144px;background:url(bg_inquiry.jpg) no-repeat;position:relative;margin:5px 0 0 10px;display:inline;float:left;}
#inquiryForm .txtBox {border:0;width:164px;height:21px;color:#525252;line-height:21px;position:absolute;left:20px;top:94px;}
#inquiryForm .btnSubmit {border:0;width:59px;height:21px;font-weight:bolder;position:absolute;left:196px;top:94px;cursor:pointer;}

#newsList {margin:0 10px 20px; position:relative;}
#newsTit {margin:0 10px 20px;height:38px;line-height:38px;background:#F3F3F3;padding:0 10px;position:relative;}
#newsTit h3 {font-weight:normal;font-size:18px;font-family:"Microsoft YaHei";height:38px;line-height:38px;color:#333;}
#newsTit span {display:inline-block;position:absolute;height:38px;line-height:38px;top:0;right:10px;font-size:11px;color:#666;}
#newsContent {margin:0 20px 20px;color:#666;line-height:180%;}
#newsContent p {margin:0 0 1.5em;line-height:180%;}
#tags {color:#333;font-weight:bolder;margin:0 20px 20px;line-height:100%;}
#tags a {color:#fff;background:#666;font-weight:normal;display:inline-block;padding:2px;margin:0 4px;vertical-align:middle;line-height:100%;}
#newsRelLink {margin:0 10px 20px;height:38px;line-height:38px;background:#F3F3F3;padding:0 10px;overflow:hidden;}
#newsRelLink a {line-height:38px;}
#newsRelLink #prev {float:left;}
#newsRelLink #next {float:right;}
#relNewsList {margin:0 25px;}
/*news_end*/

/*form_begin*/
#formDl {padding:0 25px;}
#formDl dt {margin:0 0 10px;}
#formDl dt span {color:#ff0000;}
#formDl dd {width:100%;overflow:hidden;margin:0 0 10px;position:relative;}
#formDl div {float:left;width:388px;height:33px;background:url(formIcon.png) 0 -300px no-repeat;}
#formDl .code {background-position:0 -350px;width:180px;}
#formDl #codeImg{position:absolute; left:190px; top:5px;}
#formDl .txtArea {background-position:0 -400px;height:auto;}
#formDl #codePic {display:inline-block;float:left;margin:0 0 0 10px;vertical-align:middle;}
#formDl .msgBox {float:right;background:0;width:445px;border:1px solid #ccc;background:#E1F7EC;position:relative;overflow:visible;height:auto;}
#formDl .msgBox div {background:url(formIcon.png) -1000px -590px no-repeat;position:relative;padding:9px 0 9px 40px;left:-6px;height:auto;}
#formDl .err {background:#FAF4D5;}
#formDl .err div {background-position:0 -590px;}
#formDl .txtBox {display:inline-block;width:325px;margin:8px 0 0 10px;padding:0 0 0 20px;height:16px;line-height:16px;border:0;background:transparent;background:url(formIcon.png) no-repeat;}
#formDl .code .txtBox {width:140px;}
#formDl #uname {background-position:0 0;}
#formDl #cname {background-position:0 -50px;}
#formDl #email {background-position:0 -100px;}
#formDl #tel   {background-position:0 -150px;} 
#formDl #xuqiu {background-position:-410px -200px;height:120px;width:355px;margin:5px 5px 15px;overflow:auto;}
#formDl #code  {background-position:0 -250px;}
#ys {text-indent:10px;line-height:33px;display:inline-block;_height:25px;_padding:8px 0 0;_line-height:100%;}
#ys input {vertical-align:middle;}
#formDl #submit {width:158px;height:25px;line-height:25px;text-align:center;color:#fff;border:0;background:url(formIcon.png) 0 -545px no-repeat;cursor:pointer;}
/*form_end*/

/*contact_begin*/
#contactTxt {float:left;line-height:25px;}
#contactMap {float:right;width:450px;height:190px;}
/*contact_end*/
/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.png', sizingMethod=scale);_background:0;*/