@charset "utf-8";
/************COMMON STYLE************/
html, body { width:100%; height:100% }
body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, th, td, form, input, select, textarea, img { margin:0; padding:0 }
body { background:#e9e9e9; line-height:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:center }
ul, ol, li { list-style:none }
h1, h2, h3, h4, h5, h6, th, td { font-size:12px; font-weight:normal }
img { border:0; vertical-align:bottom }
input, select, textarea { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000; vertical-align:bottom }
a { color:#000; text-decoration:none; outline:0 }
a:hover { color:#000 }
.wrap { clear:both; width:1000px; background:#fff; margin:0 auto; text-align:left }
.cl { clear:both }
.cf:after { content:"."; clear:both; display:block; height:0; visibility:hidden }
.cf { display:inline-block }
* html .cf { height:1% }
.cf { display:block }
.fl { float:left }
.fr { float:right }
.hd { display:none }
.mt5 { margin-top:5px }
.mt10 { margin-top:10px }
.mt20 { margin-top:20px }
.mt40 { margin-top:40px }
.l { text-align:left }
.c { text-align:center }
.r { text-align:right }
.line { text-decoration:underline }
.f11 { font-size:11px }
.f12 { font-size:12px }
.f14 { font-size:14px }
.f16 { font-size:16px }
.f18 { font-size:18px }
.fn { font-weight:normal }
.fb { font-weight:bold }
.c000 { color:#000 }
.c333 { color:#333 }
.c666 { color:#666 }
.cf00 { color:#f00 }
.c00f { color:#00f }
.c080 { color:#080 }
.c999 { color:#999 }
/************PAGE STYLE************/
.page { clear:both; padding:10px; line-height:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#999; text-align:center }
.page span, .page a { display:inline-block; border:#ccc 1px solid; background:#fff; margin:0 2px; padding:0 5px; color:#333; vertical-align:middle }
.page span, .page a { *display:inline
}
.page a:hover, .page a.s, .page span.s { border:#666 1px solid; background:#f5f5f5; color:#000 }
.page span.s { font-weight:bold }
/*.page { clear:both; padding:10px; line-height:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif, "宋体"; color:#444; text-align:center }
.page span, .page a { display:inline-block; border:#ccc 1px solid; background:#fff; margin:0 2px; padding:0 5px; color:#333; vertical-align:middle }
.page span, .page a { *display:inline
}
.page a:hover, .page a.s, .page span.s { border:#7b0 1px solid; background:#7b0; color:#fff }
.page span.s { font-weight:bold }*/
/************CUT STYLE************/
.cut { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; /* for IE */ -o-text-overflow:ellipsis; /* for Opera */ -icab-text-overflow:ellipsis; /* for iCab */ -khtml-text-overflow:ellipsis; /* for Konqueror Safari */ -moz-text-overflow:ellipsis; /* for Firefox,mozilla */ -webkit-text-overflow:ellipsis; /* for Safari,Swift*/ }
/************BG STYLE************/
.headSearch li.select, .headSearch h6, .headBottom, .headNav li, .loginIn li, .menu h6, .barA .fl, .barB ul, .barB li.s, .exhibition360 .textList li, .materialsDetail .info .fl h6 span, .materialsDetail .info .fr h6, .barE ul, .barE li.s { background:url(../images/bg.gif) no-repeat }
.factoryShowIn ul { background:url(../images/factory_bg.gif) no-repeat }
.exhibition360 .flash { background:url(../images/exhibition_falsh_bg.gif) no-repeat }
/************HEAD STYLE************/
.headTop { height:100px; position:relative }
.headLogo { position:absolute; left:20px; top:15px }
.headTag { position:absolute; right:20px; top:0; background:#f2f2f2; padding:5px 10px; line-height:12px; color:#999 }
.headTag img { vertical-align:middle }
.headSearch { position:absolute; right:20px; bottom:15px }
.headSearch ul { float:left; display:inline; border:#cdcdcd 1px solid; padding:5px; vertical-align:bottom }
.headSearch li { float:left; display:inline; vertical-align:bottom }
.headSearch li.select { width:88px; height:20px; background-position:right -276px; padding:0 20px 0 10px; color:#666 }

.headSearch li.inputText { border-left:#d0d0d0 1px solid; border-right:#d0d0d0 1px solid; margin:0 5px; padding:0 5px }
.headSearch li.inputText input { width:150px; height:20px; border:0; background:none; line-height:20px; font-weight:bold; font-size:12px; color:#000 }
.headSearch li.inputBtn a { float:left; display:inilne; background:#c00; padding:0 10px; margin:0 1px; font-weight:bold; color:#fff }
.headSearch h6 { float:left; border:#cdcdcd 1px solid; background-position:-177px -302px; padding:5px 5px 5px 30px; margin-left:10px; color:#999; vertical-align:bottom }
.headSearchSelectBox { clear:both; width:200px; height:150px; border:#ccc 1px solid; background:#fff; overflow-y:auto }
.headSearchSelectBox li { border-bottom:#eee 1px solid; padding:0 10px; text-align:left; cursor:pointer }
.headBottom { background-repeat:repeat-x; background-color:#439020; padding:0 20px }
.headNav ul { height:38px }
.headNav li { float:left; display:inline; padding:0px 29px 0px 29px; background-position:right -226px; line-height:38px; font-weight:bold; text-align:center; vertical-align:bottom }
.headNav li a { display:block; color:#fff }
.headNav li.s { background-position:0 -69px; background-repeat:repeat-x }
.headNav li.e { background:none }
.headSubNav ul { height:30px; text-align:center }
.headSubNav li { display:inline; margin:0 10px; line-height:30px }
.headSubNav li a { color:#fff }
/************FOOT STYLE************/
.footOut { border-top:#ebebeb 1px solid }
.footIn { height:105px; border-top:#f8f8f8 5px solid; position:relative }
.footLogo { position:absolute; left:100px; top:25px }
.footBorder { position:absolute; left:315px; top:20px; width:1px; height:65px; background:#eee; overflow:hidden }
.footNav { position:absolute; left:355px; top:20px; color:#ccc }
.footNav a { color:#333 }
.footCopyright { position:absolute; left:355px; bottom:20px; color:#666 }
/************BAR,CON STYLE************/
.barA { clear:both; height:25px; border-bottom:#ddd 1px solid; padding:0 10px; line-height:25px }
.barA .fl { background-position:-194px -364px; padding-left:12px; font-weight:bold; color:#1b863b }
.barA .fl a { color:#1b863b }
.conA { clear:both; padding:10px; color:#666 }
.barB ul { height:35px; background-position:0 -158px; background-repeat:repeat-x; padding-left:1px }
.barB li { float:left; display:inline; border:#e2e2e2 1px solid; margin-left:-1px; line-height:33px; text-align:center; vertical-align:bottom }
.barB li.s { background-position:0 -192px; background-repeat:repeat-x; border-bottom:#fff 1px solid }
.conB { clear:both; border:#e2e2e2 1px solid; border-top:0; border-bottom:0; padding:10px 20px }
.barC { clear:both; border:#e8e8e8 1px solid; padding:0 10px; line-height:25px; font-weight:bold; color:#000 }
.conC { clear:both; border:#e8e8e8 1px solid; border-top:0; padding:10px }
.barD { clear:both; border-bottom:#eaeaea 1px solid; background:#f9f9f9; padding:0 10px; line-height:25px; font-weight:bold; color:#000 }
.conD { clear:both; padding:10px 0 }
.barE ul { height:35px; background-position:0 -501px; background-repeat:repeat-x; padding-left:1px }
.barE li { float:left; display:inline; border:#e2e2e2 1px solid; margin-left:-1px; line-height:33px; text-align:center; vertical-align:bottom }
.barE li.s { background-position:0 -535px; background-repeat:repeat-x; border-top:#fff 1px solid }
.conF { clear:both; padding:10px }
/************SHOW STYLE************/
#btn { background:#fbfbfb; padding:10px }
#btn img { cursor:pointer }
#pic { height:400px; border:#e8e8e8 1px solid; overflow:hidden }
/************TABLE STYLE************/
.tableA { border-collapse:collapse }
.tableA th, .tableA td { border:#eee 1px solid; padding:10px }
.tableA th { background:#fbfbfb }
.tableB { border-collapse:collapse }
.tableB th, .tableB td { border:#FFF 1px solid; padding:10px }
.tableB th { background:#F5F5F5 }
/************MAIN STYLE************/
.main { width:960px; padding:10px 20px }
.location { height:25px; background:#f4f4f4; padding:0 10px; line-height:25px; color:#888 }
.location a { color:#888 }
.contentLeft { float:left; width:180px }
.contentRight { float:right; width:765px }
.loginOut { border:#dadada 1px solid; background:#fff; padding:1px }
.loginIn { border:#f5f5f5 2px solid; background:#fff; padding:10px }
.loginIn ul { height:24px }
.loginIn li { background-repeat:repeat-x; line-height:24px; font-weight:bold; text-align:center; vertical-align:bottom }
.loginIn li a { color:#fff }
.loginIn li.login { float:left; width:49px; background-position:0 -108px }
.loginIn li.reg { float:right; width:98px; background-position:0 -133px }
.menu dt { border-bottom:#000 1px solid; padding:10px 3px 3px 10px; font-weight:bold }
.menu h6 { border-bottom:#ccc 1px dashed; background-position:-186px -335px; padding:3px 3px 3px 20px }
.menu li { border-bottom:#ccc 1px dashed; padding:3px 3px 3px 20px }
.menu li a { color:#666 }
.menu ul.s1 { border-bottom:#ccc 1px dashed; padding:3px 3px 3px 20px }
.menu ul.s1 li { float:left; display:inline; width:71px; border:0; padding:0; vertical-align:bottom }
.menu ul.s2 { border-bottom:#ccc 1px dashed; padding:3px 3px 3px 20px }
.menu ul.s2 li { float:left; display:inline; width:47px; border:0; padding:0; vertical-align:bottom }
.productNew ul { height:105px }
.productNew li { float:left; display:inline; width:110px; margin:0 7px; text-align:center; vertical-align:bottom }
.productNew li a { color:#666 }
.productNew li img { display:block; border:#ddd 1px solid; padding:4px; margin:0 auto }
.factoryShowOut { border-top:#f8f8f8 5px solid; background:#fff; padding-top:1px }
.factoryShowIn { border-top:#eee 1px solid }
.factoryShowIn ul { height:262px; background-repeat:repeat-x }
.factoryShowIn li { float:left; display:inline; width:212px; height:222px; border-right:#eee 1px solid; padding:20px; vertical-align:bottom; overflow:hidden }
.factoryShowIn li.s { border:0 }
.factoryShowIn li h4 { font-weight:bold; color:#1b863b }
.factoryShowIn li h4 a { color:#1b863b }
.factoryShowIn li h5 img { border:#ececec 10px solid; background:#fff; padding:1px }
.factoryShowIn li h6 { line-height:18px; font-size:11px; color:#666 }
.aboutShow { line-height:18px; font-size:11px; color:#666 }
.materialShow .bar { clear:both; height:25px; border-bottom:#e3e3e3 1px solid; position:relative }
.materialShow .bar ul { position:absolute; left:10px; top:0; height:26px }
.materialShow .bar li { float:left; display:inline; border:#e3e3e3 1px solid; margin:0 5px 0 -1px; padding:0 10px; line-height:24px; font-weight:bold; vertical-align:bottom }
.materialShow .bar li.s { border-bottom:#fff 1px solid }
.materialShow .con li { height:28px; border-bottom:#e9e9e9 1px solid; padding:3px 0; line-height:28px; vertical-align:bottom }
.materialShow .con li a:hover { color:#1b863b }
.materialShow .con li .fl, .materialShow .con li .fr { width:367px }
.materialShow .con li b { float:left; width:100px; font-weight:normal; cursor:pointer }
.materialShow .con li span { float:right; width:267px; text-align:right; cursor:pointer }
.samples .pic img { float:left; display:inline; border:#eee 1px solid; margin-right:20px }
.samples .pic a { float:left; display:inline; border:#f00 1px solid; padding:0 10px; font-weight:bold }
.contactus .text li { padding:20px 0; vertical-align:bottom }
.contactus .text li .fl, .contactus .text li .fr { width:362px }
.exhibition .picList li { float:left; display:inline; width:161px; padding:10px 0; margin-right:25px; vertical-align:bottom }
.exhibitionPhoto li { float:left; display:inline; margin:0 9px; padding:10px 0; vertical-align:bottom }
.exhibition360 .flash { clear:both; background-repeat:repeat-x; background-color:#439020; padding:5px }
.exhibition360 .flash embed { vertical-align:bottom }
.exhibition360 .flash .top { border:#fff 1px solid }
.exhibition360 .flash .bottom { height:29px }
.exhibition360 .textList { text-align:center }
.exhibition360 .textList li { display:inline-block; background-position:-189px -397px; padding-left:18px; margin:0 10px; vertical-align:bottom }
.exhibition360 .textList li { *display:inline
}
.materials ul { padding:10px 0 }
.materials li { float:left; display:inline; width:151px; height:200px; border:#e8e8e8 1px solid; background:#fafafa; padding:10px; margin:0 6px; vertical-align:bottom }
.materials li h4 { height:84px; overflow:hidden; line-height:14px; font-size:11px; color:#000 }
.materialsList li { float:left; display:inline; width:156px; margin:0 15px; padding:15px 0; vertical-align:bottom }
.materialsList li .pic img { border:#ddd 1px solid; padding:2px }
.materialsList li .text { height:40px; padding:0 3px }
.materialsList li .text h2 { float:left; width:116px }
.materialsList li .text h6 { float:right; width:34px }
.materialsDetail .info { border:#e8e8e8 1px solid; padding:20px }
.materialsDetail .info .fl { width:230px }
.materialsDetail .info .fl h6 { background:#e6e6e6; line-height:25px; font-weight:bold; text-align:center }
.materialsDetail .info .fl h6 span { display:inline-block; background-position:-185px -427px; padding-left:20px }
.materialsDetail .info .fl h6 span { *display:inline
}
.materialsDetail .info .fr { width:453px }
.materialsDetail .info .fr h1 { border-bottom:#eee 1px solid; padding:10px; font-size:18px }
.materialsDetail .info .fr ul { border-bottom:#eee 1px solid; padding:10px }
.materialsDetail .info .fr li { height:20px; padding:3px 0; vertical-align:bottom }
.materialsDetail .info .fr li b { float:right; width:323px }
.materialsDetail .info .fr li span { float:left; width:100px; text-align:right }
.materialsDetail .info .fr h6 { background-position:right -454px; padding:10px 20px 10px 10px; text-align:right }
.productHot li { float:left; display:inline; width:126px; margin:0 11px; text-align:center; vertical-align:bottom }
.productHot li img { display:block; margin:0 auto; border:#e8e8e8 1px solid; padding:2px }
.materialsPic .info ul { padding:1px 0 0 1px }
.materialsPic .info li { float:left; display:inline; width:351px; border:#e8e8e8 1px solid; margin:-1px 0 0 -1px; padding:5px 10px; vertical-align:bottom }
.productDetail .info ul { padding:1px 0 0 1px }
.productDetail .info li { float:left; display:inline; width:351px; border:#e8e8e8 1px solid; margin:-1px 0 0 -1px; padding:5px 10px; vertical-align:bottom }
.productList li { float:left; display:inline; width:156px; margin:0 15px; padding:15px 0; vertical-align:bottom }
.productList li .pic img { border:#ddd 1px solid; padding:2px }
.productList li .text { height:21px; padding:0 3px }
.productList li .text h2 { float:left; width:124px }
.productList li .text h6 { float:right; width:26px }
.productListA li { float:left; display:inline; width:200px; margin:0 24px; padding:10px 0; text-align:center; vertical-align:bottom }
.productListA li h3 { margin-top:5px }
.productListB p{border:#eee 1px solid; padding:10px}
.productListB p img{vertical-align:middle}
.productListB li{ float:left; display:inline; width:335px; margin:0 18px; padding:10px 0; text-align:center; vertical-align:bottom }
.productListB li h3 { margin-top:5px }
.productListB li h3 img{vertical-align:middle}
.productListC li{ float:left; display:inline; width:33.2%; padding:10px 0; text-align:center; vertical-align:bottom }
.productListC li h3 { margin-top:5px }
.productListD{padding:10px 0}
.productListD li{ float:left; display:inline; width:49.9%; padding:10px 0; text-align:center; vertical-align:bottom }
.productListD li h3 { margin-top:5px }
.product dl { clear:both; height:120px; border:#dfdfdf 1px solid; padding:10px; margin-top:10px }
.product dt { float:left; width:330px }
.product dd { float:right; width:383px }
.packingDetail table { border-bottom:#f5f5f5 2px solid }
.packingDetail td { height:400px; border:#dfdfdf 1px solid; background:#fff; line-height:50px; text-align:center }
.packingDetail td img { display:block; margin:0 auto }
.packingList .leftBtn { float:left; display:inline; width:31px; margin-top:36px; cursor:pointer }
.packingList .rightBtn { float:right; display:inline; width:31px; margin-top:36px; cursor:pointer }
.packingList .centerCon { float:left; display:inline; width:660px; height:128px; margin:0 11px 0 12px; overflow:hidden }
.packingList .centerCon li { float:left; display:inline; width:158px; padding:0 3px 0 4px; text-align:center; vertical-align:bottom }
.packingList .centerCon li img { display:block; width:150px; height:100px; margin:0 auto; border:#e8e8e8 1px solid; padding:3px }
.processingDetail { float:left; width:566px }
.processingDetail table { border-bottom:#f5f5f5 2px solid }
.processingDetail td { height:530px; border:#dfdfdf 1px solid; background:#fff; line-height:50px; text-align:center }
.processingDetail td img { display:block; margin:0 auto }
.processingList { float:right; width:159px }
.processingList .topBtn { cursor:pointer }
.processingList .bottomBtn { cursor:pointer }
.processingList .middleCon { width:159px; height:472px; margin:5px 0; overflow:hidden }
.processingList .middleCon li { padding:1px 0; text-align:center; vertical-align:bottom }
.processingList .middleCon li img { display:block; width:150px; height:88px; margin:0 auto; border:#e8e8e8 1px solid; padding:3px }
.project dl { clear:both; height:110px; border-bottom:#ccc 1px dashed; padding:20px }
.project dt { float:left; width:295px }
.project dt img { border:#f1f1f1 4px solid; background:#fff; padding:1px }
.project dd { float:right; width:390px }
.project dd li span { float:left; width:50px }
.project dd li b { float:right; width:340px }
.project h6 { padding:20px 0; text-align:center }
.project h6 img { border:#f1f1f1 4px solid; background:#fff; padding:1px }
.quality .pic li { float:left; display:inline; width:49.9%; padding:20px 0; line-height:50px; text-align:center; vertical-align:bottom }
.quality .pic li img { display:block; border:#eee 1px solid; margin:0 auto }
.video { text-align:center }
.searchList li { float:left; display:inline; width:80px; padding:5px 0; margin:0 6px; line-height:14px; font-size:11px; vertical-align:bottom; text-align:center }
.searchList li img { display:block; margin:0 auto 5px }
.link li { float:left; display:inline; width:166px; margin:0 10px; padding:5px 0; vertical-align:bottom; list-style:circle }
.sitemap ul { float:left }
.sitemap li { clear:both }
.sitemap li span { float:left; display:inline; width:100px; background:#C2E2F2; border:#fff 1px solid; font-weight:bold; text-align:center }
.sitemap li li span { width:200px; background:#E1F2FA; padding-left:10px; font-weight:normal; text-align:left }
.sitemap li li li span { width:300px; background:#F2FBFF }
.sitemap li.green span { background:#E2F2C2 }
.sitemap li.green li span { background:#F2FAE1 }
.sitemap li.green li li span { background:#FBFFF2 }
.login li { clear:both; height:25px; padding:5px 0; line-height:25px; vertical-align:bottom }
.login li b { float:left; display:inline; width:200px; text-align:right }
.login li span { float:right; display:inline; width:535px }
.login li input.s { height:24px; border:0; border-bottom:#ccc 1px solid; background:#fff; padding:0 5px; line-height:24px; font-size:12px; font-weight:normal; color:#000 }
.cartList table { border-collapse:collapse }
.cartList table th, .cartList table td { border:#ddd 1px solid; padding:5px 10px; text-align:center }
.cartList table th { background:#f5f5f5 }
.cartForm h6 { clear:both; border-bottom:#333 1px solid; padding:5px 10px; font-weight:bold; color:#04d }
.cartForm ul { clear:both; padding:10px }
.cartForm li { clear:both; padding:3px 0 }
.cartForm li b { float:left; width:100px; text-align:right }
.cartForm li span { float:right; width:615px }
.satellitemap { line-height:36px; font-size:18px; text-align:center }
.satellitemap img { display:block; margin:0 auto }
.faq dt { clear:both; font-weight:bold; color:#f60 }
.faq dd { clear:both; padding:10px }
.searchTxtList li { float:left; display:inline; width:139px; padding:5px 0; margin:0 5px; vertical-align:bottom }
.productCate li { float:left; display:inline; width:236px; background:#effeef; border:#fff 1px solid; padding:5px; text-align:center; vertical-align:bottom }
.productCate li.s { background:#fefbd1 }
.searchAll li { float:left; display:inline; width:120px; padding:10px 0; margin:0 14px; line-height:14px; font-size:11px; vertical-align:bottom; text-align:center }
.searchAll li img { display:block; margin:0 auto 5px }
.searchForm { clear:both; background:#eee; padding:10px }


/**********************************
头部js输出样式(2010-1-29 154 add)
**********************************/
#form2{float:left; clear:both;}
.clear{ clear:both; height:0px; margin:0px ; padding:0px; border:0px; overflow:hidden}
.headSearch li.select { font-weight:bold; overflow:auto}
.divSelectOpion{ position:absolute;  border:solid 0px #cdcdcd;  left:0px; top:0px; padding-bottom:5px; font-weight:lighter; white-space:nowrap; overflow:hidden;padding:0px; z-index:1000}
.divSelectOpionTop{ height:31px; overflow:hidden}
.divSelectOpionMain{ height:150px;overflow:auto;border:solid 1px #cdcdcd;background:#FFFFFF;}
.divSelectOpion a{color:#666666;color:#000000; display:block; margin:0px;  /*background-position:-190px -335px;*/ padding:0px 18px 0px 18px; }
.divSelectOpion a:hover{ background-color:#CCCCCC}
.divSelectOpion a.fengefu{ padding:0px 18px 0px 10px; }
.divSelectOpion a.fengefu:hover{background-color:#FFFFFF}
.divSelectOpion h3,h4{ background:#FFFFFF;border-bottom:solid 1px #cdcdcd; overflow:visible;  display:block; float:none}
.headSearch ul li{cursor:pointer!important; cursor:hand;}
/*************************************************************************************
                                     设计师页样式
*************************************************************************************/

/************BAR,CON STYLE************/
.mainDesign .clear{ clear:both; width:0px; height:0px; border:0px; margin:0px; padding:0px; display:block; overflow:hidden}


.mainDesign .icoA { background-position:-175px -352px }
.mainDesign .icoB { background-position:-175px -249px }
.mainDesign .icoC { background-position:-175px -320px }
.mainDesign .icoD { background-position:-175px -214px }
.mainDesign .conA { clear:both; border:#dedede 0px solid; border-top:0; padding:10px }
.mainDesign .barB { clear:both; height:30px; padding:0 10px; line-height:30px; color:#fff }
.mainDesign .barB a { color:#fff }
.mainDesign .barB .fl { background-position:0 -721px; padding-left:10px; font-weight:bold }
.mainDesign .bgA { background:#0066ae }
.mainDesign .bgB { background:#219fb6 }
.mainDesign .bgC { background:#0f9c65 }
.mainDesign .bgD { background:#aaa }
.mainDesign .conB { clear:both; border:#dedede 1px solid; padding:10px }
.mainDesign .barCOut { clear:both; border:#e6e6e6 0px solid; border-bottom: solid 1px #000000;  padding:0 10px }
.mainDesign .barCIn { height:25px; border-bottom:#e6e6e6 0px solid; padding:0 5px; line-height:25px }
.mainDesign .conC { clear:both; border:#e6e6e6 0px solid; border-top:0;padding:10px }
.mainDesign .barD { clear:both; height:30px; border-bottom:#e6e6e6 1px solid; padding:0 5px; line-height:30px }
.mainDesign .barD b { float:left; font-weight:normal }
.mainDesign .barD span { float:right }
.mainDesign .conD { clear:both; padding:10px }
.mainDesign .barEOut { clear:both; border:#e6e6e6 1px solid; padding:1px }
.mainDesign .barEIn { height:26px; background-position:0 -31px; background-repeat:repeat-x; padding:0 10px; line-height:26px }
.mainDesign .barEIn .fl { background-position:-185px -323px; padding-left:20px; font-weight:bold }
.mainDesign .conE { clear:both; border:#e6e6e6 1px solid; border-top:#f5f5f5 1px solid; padding:10px }
.mainDesign .barF { clear:both; height:33px; border:#ddd 1px solid; padding:0 10px; line-height:33px }
.mainDesign .barF .fl { background-position:0 -825px; padding-left:25px }
.mainDesign .conF { clear:both; border:#ddd 1px solid; border-top:0; padding:10px }
.mainDesign .barG { clear:both; height:30px; border-left:#e6e6e6 1px solid; border-right:#e6e6e6 1px solid; background-repeat:repeat-x }
.mainDesign .barG ul { height:30px }
.mainDesign .barG li { float:left; display:inline; border-right:#e6e6e6 1px solid; padding:0 20px; line-height:30px; font-weight:bold }
.mainDesign .barG li.s { background-position:0 -145px; background-repeat:repeat-x; color:#fff }
.mainDesign .barG li.s a { color:#fff }
.mainDesign .conG { clear:both; border:#e6e6e6 1px solid; border-top:#f9f9f9 1px solid }
.mainDesign .barH { clear:both; height:28px; border:#e6e6e6 1px solid; border-bottom:#439020 1px solid; background-position:0 -58px; padding:0 10px; line-height:28px; overflow:hidden }
.mainDesign .barH .fl { background:#439020; height:25px; background-position:0 -176px; margin-top:3px; line-height:25px; color:#fff }
.barH .fl a { color:#fff }
.barH .fl b { float:left; display:inline; padding:0 8px 0 10px }
.barH .fl span { float:left; width:2px; height:28px; background-position:-198px -176px  }
.mainDesign .barH .fl a { color:#fff }
.mainDesign .barH .fl b { float:left; display:inline; padding:0 8px 0 10px }
.mainDesign .barH .fl span { float:left; width:2px; height:28px; background-position:-198px -176px }
.mainDesign .conH { clear:both; border:#e6e6e6 1px solid; padding:10px }
.mainDesign .barI { clear:both; padding:10px; font-size:14px; font-weight:bold; color:#f60 }
.mainDesign .conI { clear:both; padding:10px }
/************MAIN STYLE************/
.mainDesign div.mainContentLeft { float:left; width:650px }
.mainDesign div.mainContentRight { float:right; width:295px }
.mainDesign .fastB { border:#cecece 1px solid; padding:5px }
.mainDesign .fastB li { float:left; display:inline; width:105px; padding:5px 0; margin:0 5px; line-height:28px; text-align:center; vertical-align:bottom }
.mainDesign .fastB li b { display:block; border:#dcdcdc 1px solid; background:#fff; padding:1px; font-weight:normal }
.mainDesign .fastB li span { display:block; background-position:0 -58px; background-repeat:repeat-x; padding:0 15px }
.mainDesign .goodWork li { float:left; display:inline; width:132px; padding:12px 0; margin:0 12px; line-height:25px; vertical-align:bottom; text-align:center }
.mainDesign .goodWork li b { display:block; background:#f5f5f5; font-weight:normal }
.mainDesign .goodWork li span { display:block; border:#ccc 1px solid; background:#fff; padding:5px; position:relative; left:-2px; top:-2px }
.mainDesign .goodWork li img { display:block; margin:0 auto }

.mainDesign .workStyle{ overflow:hidden; padding-left:20px;}
.mainDesign .workStyle h3{ font-weight:bold}
.mainDesign .workStyle ul.cf{overflow:hidden; clear: both; display:block; margin:0px; padding:0px; list-style:none; white-space:normal; word-spacing:normal}
.mainDesign .workStyle li { float:left; width:auto; display:inline;    margin:0px 0px; line-height:25px; height:25px; color:#999;  padding:0px 5px; white-space:nowrap;}
.mainDesign .workStyle li a { color:#555; display: block; overflow:visible; }
.mainDesign .workPrice li { line-height:25px; color:#999 }
.mainDesign .workPrice li a { color:#555 }
.mainDesign .designerList li { float:left; display:inline; width:100px; padding:5px 0; margin:0 12px; line-height:25px; vertical-align:bottom; text-align:center }
.mainDesign .designerList li a { color:#555 }
.mainDesign .designerList li img { display:block; margin:0 auto }
.mainDesign .designerRecommend { padding:10px 20px }
.mainDesign .designerRecommend dl { padding:5px 0; line-height:25px; color:#666 }
.mainDesign .designerRecommend dt { font-weight:bold }
.mainDesign .designerHot { padding:0 }
.designerHot .left { float:left; display:inline; width:150px; height:203px; background-position:right top; background-repeat:repeat-y; padding:20px; line-height:25px; font-weight:bold; text-align:center }
.mainDesign .designerHot .left img { display:block; margin:0 auto }
.mainDesign .designerHot .right { float:right; display:inline; width:438px; background-position:center top; background-repeat:repeat-y; padding:0 10px }
.mainDesign .designerHot .right .fl,.mainDesign  .designerHot .right .fr { width:209px }
.mainDesign .authWork { padding:4px 0 }
.mainDesign .authWork li { float:left; display:inline; width:60px; padding:4px 0; margin:0 4px; vertical-align:bottom }
.mainDesign .authOther { padding:4px 0 }
.mainDesign .authOther li { float:left; display:inline; width:60px; margin:0 4px; line-height:25px; color:#999; vertical-align:bottom }
.mainDesign .authOther li a { color:#555 }
.mainDesign .showCase li { float:left; display:inline; width:116px; margin:0 4px; line-height:25px; text-align:center; vertical-align:bottom }
.mainDesign .showCase li a { color:#555 }
.mainDesign .showCase li img { display:block; margin:0 auto; border:#eee 1px solid; padding:2px }
.mainDesign .designerQuestion { background-position:center top; background-repeat:repeat-y; padding:0 10px }
.mainDesign .designerQuestion .fl, .designerQuestion .fr { width:304px }
.mainDesign .questionList { padding:10px 5px }
.mainDesign .questionList li { line-height:25px; color:#999 }
.mainDesign .questionList li a { color:#555 }
.mainDesign .cf60{ color:#000000;}
.mainDesign .goodAuth { padding:0 10px }
.mainDesign .goodAuth dl { clear:both; background-position:left bottom; background-repeat:repeat-x; padding:10px 0; color:#666 }
.mainDesign .goodAuth dt { float:left; width:86px }
.mainDesign .goodAuth dt img { border:#e6e6e6 1px solid; background:#fff; padding:2px; width:80px; }
.mainDesign .goodAuth dd { float:right; width:177px }


.mainDesign .artDetail { border:#e6e6e6 1px solid; padding:20px 12px; text-align:center }
.mainDesign .artDetail .info { display:inline-block; border:#e6e6e6 1px solid; padding:5px; position:relative }
.mainDesign .artDetail .info .pic { *display:inline }
.mainDesign .artDetail .info .big { width:19px; height:19px; background-position:-42px -252px;  cursor:pointer !important; cursor:hand; position:absolute; right:7px; bottom:7px;background:   url(../images/mainDesignFangdaJing.gif)   no-repeat;  }

.mainDesign .artDetail .more { clear:both }
.mainDesign .artDetail .more .left, .artDetail .more .right { display:inline; width:10px; height:33px; padding-top:20px; text-align:center; cursor:pointer }
.mainDesign .artDetail .more .left { float:left }
.artDetail .more .right { float:right }
.artDetail .more .left span, .artDetail .more .right span { display:block; width:5px; height:9px; margin:0 auto; overflow:hidden }
.mainDesign .artDetail .more .left span { background-position:-45px -202px }
.mainDesign .artDetail .more .right span { background-position:-51px -202px }
.mainDesign .artDetail .more .center { float:left; display:inline; width:594px; margin:0 5px }
.mainDesign .artDetail .more .center li { float:left; display:inline; width:62px; padding:0 2px; vertical-align:bottom }
.mainDesign .artDetail .more .center li img { display:block; border:#ddd 1px solid; padding:3px }
.mainDesign .projectArt { padding:20px 0px 20px 10px; line-height:25px; color:#555; text-indent:2em; overflow: hidden; height:100%; }
.mainDesign .projectShow li { float:left; display:inline; width:121px; margin:0 2px; line-height:25px; vertical-align:bottom; text-align:center }
.mainDesign .projectShow li a { color:#555 }
.mainDesign .projectShow li img { display:block; border:#e6e6e6 1px solid; padding:2px; margin:0 auto }




.mainDesign .scrollList {overflow: hidden;width:auto;margin-left:auto; margin-right:auto; text-align:center}
.mainDesign .scrollList img{padding:3px;border:1px solid #ddd;}
.mainDesign .scrollList a{padding:1px}
#showLargePic {position:absolute;left:300px;top:100px;border:4px solid #ddd;padding:20px 20px 20px 20px;background:#efefef;display:none; }
#showLargePic span {position:absolute;right:2px;top:2px;margin-bottom:10px;cursor:pointer}
#showLargePic img {border:1px solid #eaeaea;}
.mainDesign .projectArt{}
.mainDesign .objContent{ float:left; margin:0px; padding:0px; overflow:hidden;height:110px; width:141px; text-align:left; line-height:20px; margin:0px 7px 24px 9px; }
.mainDesign .objContent dt{ float:left;padding:5px 5px 5px 0px;height:98px;width:40px;text-indent:0px; background:#FFFFFF; text-align:left; overflow:hidden}
.mainDesign .objContent dd{ float:left;padding:5px 5px 5px 0px;height:98px; width:90px;background:#FFFFFF; overflow:hidden}
.mainDesign .objContent dd p{ margin:0px; padding:0px; overflow:hidden; display:block; text-indent:0px; text-align:center}
#demo{overflow: hidden; margin:0px; padding:0px;text-align:center; display:table;margin-left:auto; margin-right:auto; width:auto; white-space:nowrap;}
#demo1{ margin:0px; padding:0px; list-style: none; overflow:hidden; }
#demo1 li{margin:0px; padding:0px; list-style: none; float:left; margin-right:8px;}
.stateList li{ float:left; display:inline; width:65px; white-space:nowrap;  height:20px; }