@charset "utf-8";
/* CSS Document */

.maintop {margin:20px 0 0 0;width:960px;padding:0 4px;}

.focus {width:565px;height:295px;position:relative;}
.focus img {float:none;}

#slides {width:565px;position:absolute;top:0px;left:0px;z-index:9;}
#slides .next,#slides .prev {display:block;width:25px;height:25px;background:url(/e-jjj/content/images/arrow-prev.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e-jjj/content/images/arrow-prev.png' ,sizingMethod='crop');position:absolute;top:135px;left:5px;z-index:101;outline:none;cursor:pointer;}
#slides .next {background:url(/e-jjj/content/images/arrow-next.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e-jjj/content/images/arrow-next.png' ,sizingMethod='crop');left:535px;}
.slides_container {width:565px;height:295px;background:#f0f0f0;overflow:hidden;position:relative;}
.focusimg {width:565px;height:295px;}
.focusimg img {width:565px;height:295px;}
.focusbg {width:565px;height:25px;background:#000;opacity:0.4;-moz-opacity:0.4;filter:alpha(opacity=40);position:absolute;left:0;top:270px;z-index:10;}
.pagination {width:300px;height:25px;padding:0 0 0 265px;position:absolute;left:0;top:270px;_position:relative;_top:-25px;z-index:102;}
.pagination li {_display:inline;margin:7px 2px 0;}
.pagination li a {display:block;float:left;width:12px;height:0;padding-top:12px;background:url(/e-jjj/content/images/pagination1.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e-jjj/content/images/pagination1.png' ,sizingMethod='crop');font-size:0;overflow:hidden;}
.pagination li.current a {background:url(/e-jjj/content/images/pagination2.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e-jjj/content/images/pagination2.png' ,sizingMethod='crop');}

.focusnews {_display:inline;margin:0 0 0 20px;width:373px;height:293px;border:1px solid #5a5858;background:#dfe0e1;}
.focusnewstitle {margin:10px 0 0 0;width:353px;height:22px;padding:0 10px;border-bottom:2px solid #f39800;}
.focusnewstitle h1 {font-size:16px;line-height:18px;font-weight:normal;white-space:nowrap;}
.focusnewstitle h1 span {float:left;padding:0 5px 0 0;}
.focusnewstitle h1 cite {float:left;margin:1px 0 0 0;padding:2px 5px;background:#f80;font-size:12px;line-height:12px;color:#fff;font-family:Arial, Helvetica, sans-serif;}
.focusnewstitle p {float:right;margin:3px 0 0 0;white-space:nowrap;}
.focusnewstitle p a {float:left;padding:0 16px 0 0;background:url(/e-jjj/content/images/more_bg.gif) no-repeat right top;color:#000;}
.focusnewstitle p a span {float:left;background:#dfe0e1;line-height:13px;color:#000;cursor:pointer;}
.focusnewstitle p a:hover span {color:#eb6100;}
.focusnewswrap {margin:15px 0 0 0;width:354px;padding:0 9px;}
.focusnewsleft {margin:3px 0 0 0;width:94px;}
.focusnewsleft ul {width:82px;}
.focusnewsleft li {width:82px;height:120px;}
.focusnewsleft li img {width:80px;height:80px;border:1px solid #710000;}
.focusnewsleft li p {margin:6px 0 0 0;width:82px;color:#1e1e1e;text-align:center;}
.focusnewsleft li p a {color:#1e1e1e;}
.focusnewsleft li p a:hover {color:#710000;}
.focusnewsright {width:260px;}
.focusnewsright ul {width:260px;}
.focusnewsright li {width:260px;height:24px;font-size:14px;line-height:16px;}

.conttop {margin:20px 0 0 0;width:968px;height:8px;background:url(/e-jjj/content/images/content_top.gif);font-size:0;overflow:hidden;}
.contbottom {width:968px;height:8px;background:url(/e-jjj/content/images/content_bottom.gif) no-repeat 0 bottom;font-size:0;overflow:hidden;}
.content {width:950px;padding:0 9px;background:url(/e-jjj/content/images/content_bg.gif);}

.conttitle {margin:2px 0 0 0;width:660px;height:34px;}
.conttitle h1 {width:250px;}
.conttitle h1 span {float:left;padding:3px 5px 5px;background:#f80;font-size:22px;font-weight:normal;line-height:22px;color:#fff;}
.conttitle h1 cite {float:left;padding:3px 5px 5px;font-size:26px;font-weight:normal;line-height:26px;color:#3e3a39;font-family:Arial, Helvetica, sans-serif;}
.conttitle ul {margin:10px 0 0 0;width:313px;}
.conttitle li {padding:0 6px 0 0;}
.conttitle p.more {margin:8px 0 0 0;white-space:nowrap;}
.conttitle p.more a {float:left;padding:0 16px 0 0;background:url(/e-jjj/content/images/more_bg.gif) no-repeat right top;color:#000;}
.conttitle p.more a span {float:left;background:#dfe0e1;line-height:13px;color:#000;cursor:pointer;}
.conttitle p.more a:hover span {color:#eb6100;}
.casewrap {width:660px;}
.commendcase {width:660px;height:327px;position:relative;overflow:hidden;}
.bigcase {width:436px;height:327px;}
.bigcase ul {width:436px;height:9999em;position:absolute;left:0;top:0;}
.bigcase li {width:436px;height:327px;position:relative;overflow:hidden;}
.casenumber {width:29px;height:34px;padding:4px 0 0 0;background:url(/e-jjj/content/images/casenumber_bg.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e-jjj/content/images/casenumber_bg.png' ,sizingMethod='crop');position:absolute;left:0;top:0;z-index:3;text-align:center;}
.casenumber span {font-size:18px;color:#fff;font-family:Arial, Helvetica, sans-serif;}
.bigcaseimg {width:436px;height:327px;position:absolute;left:0;top:0;z-index:2;}
.bigcaseimg img {width:436px;height:327px;}
.bigcasebg {width:436px;height:24px;background:#000;opacity:0.4;-moz-opacity:0.4;filter:alpha(opacity=40);position:absolute;left:0;top:303px;z-index:2;}
.bigcasetext {width:416px;height:24px;padding:0 10px;position:absolute;left:0;top:303px;z-index:3;}
.bigcasetext a {color:#fff;}
.bigcasetext a:hover {color:#eb6100;}
.bigcasetext h1 {font-size:14px;font-weight:normal;line-height:24px;color:#fff;}
.bigcasetext p {float:right;font-size:14px;line-height:24px;color:#fff;}

.thumbcase {width:216px;position:absolute;left:444px;top:0;}
.thumbcase ul {width:216px;}
.thumbcase li {width:108px;height:109px;position:relative;}
.casethumbimg {width:100px;height:75px;position:absolute;left:0;top:0;z-index:2;}
.casethumbimg img {width:100px;height:75px;}
.thumbcase li p {margin:3px 0 0 0;width:100px;height:16px;line-height:16px;color:#595757;text-align:center;position:absolute;left:0;top:80px;z-index:2;overflow:hidden;}
.thumbcase li p a {color:#595757;}
.thumbcase li p a:hover {color:#eb6100;}
.thumbcase li span {display:block;width:13px;height:17px;background:url(/e-jjj/content/images/thumbcasenumber_bg.png);_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/e-jjj/content/images/thumbcasenumber_bg.png' ,sizingMethod='crop');line-height:16px;color:#fff;text-align:center;font-family:Arial, Helvetica, sans-serif;position:absolute;left:0;top:0;z-index:3;overflow:hidden;}

.casestylepic {margin:10px 0 0 0;width:660px;}
.casestylepic ul {width:660px;}
.casestylepic li {_display:inline;margin:0 5px 0 0;width:214px;height:160px;position:relative;}
.casestyleimg {width:214px;height:160px;position:absolute;left:0;top:0;z-index:2;}
.casestyleimg img {width:214px;height:160px;}
.casestyletextbg {width:214px;height:24px;background:#000;opacity:0.4;-moz-opacity:0.4;filter:alpha(opacity=40);position:absolute;left:0;top:136px;z-index:3;}
.casestyletext {width:214px;height:24px;position:absolute;left:0;top:136px;z-index:4;}
.casestyletext p {width:214px;height:24px;font-size:14px;line-height:24px;text-align:center;overflow:hidden;}
.casestyletext a {color:#fff;}
.casestyletext a:hover {color:#eb6100;}

.casetextnav {margin:10px 0 0 0;width:653px;height:62px;padding:2px 0;background:#dfe0e1;}
.casetextnav ul {width:653px;overflow:hidden;}
.casetextnav li {_display:inline;margin:0 0 0 -2px;width:207px;height:62px;padding:0 0 0 10px;border-left:2px solid #7a7a7a;}
.casetextnav dl {width:200px;}
.casetextnav dt {width:200px;height:22px;font-size:14px;line-height:22px;color:#000;}
.casetextnav dd {height:18px;padding:0 6px 0 0;color:#000;}

.topcase {width:280px;padding:0 0 0 10px;}
.toptitle {margin:2px 0 0 0;width:280px;height:34px;}
.toptitle h1 {width:280px;font-size:18px;font-weight:normal;color:#000;}
.toptitle h1 span {float:left;padding:0 6px 0 0;}
.toptitle h1 cite {float:left;margin:4px 0 0 0;height:16px;padding:0 14px 0 4px;background:#f80 url(/e-jjj/content/images/toplist_right.gif) no-repeat right top;font-size:12px;color:#fff;font-family:Arial, Helvetica, sans-serif;}
.topcasewrap {width:280px;}
.topcasenav {width:280px;height:20px;background:#dfe0e1;border-top:2px solid #f39800;}
.topcasenav ul {width:280px;}
.topcasenav li {width:66px;height:20px;line-height:20px;color:#2c2c2c;text-align:center;cursor:pointer;}
.topcasenav .selected {background:#f80;color:#fff;}
.topcaselistwrap {width:280px;}
.topcaselist {width:280px;}
.topcaselist ul {margin-bottom:-14px;width:280px;overflow:hidden;}
.topcaselist li {margin:-3px 0 0 0;width:280px;height:101px;padding:15px 0 0 0;background:url(/e-jjj/content/images/line1.gif) repeat-x top;}
.topcasepic {width:134px;height:87px;}
.topcasepic img {width:116px;height:87px;}
.topcasetext {width:146px;}
.topcasetext h1 {width:146px;height:16px;font-size:14px;line-height:16px;color:#735d26;overflow:hidden;}
.topcasetext h1 a {color:#735d26;}
.topcasetext h1 a:hover {color:#eb6100;}
.topcasetext h3 {margin:4px 0 0 0; width:146px;height:14px;font-size:12px;line-height:14px;overflow:hidden;}
.topcasetext p {margin:4px 0 0 0;width:146px;height:38px;line-height:18px;color:#3b3b3b;overflow:hidden;}
.topcasetext h2 { margin:4px 0 0 0;width:146px;height:16px;font-size:12px;line-height:16px;color:#735d26;overflow:hidden;}
.topcasetext h2 em {float:left;font-style:normal;line-height:16px;color:#000;}
.topcasetext h2 em a {color:#000;}
.topcasetext h2 em a:hover {color:#eb6100;}
.topcasetext h2 cite {float:right;padding:0 0 0 22px;background:url(/e-jjj/content/images/viewnumber_bg.gif) no-repeat 0 2px;font-weight:normal;line-height:16px;color:#626262;font-family:Arial, Helvetica, sans-serif;}
.topcasetext h2 span {float:right;font-weight:normal;line-height:16px;color:#626262;font-family:Arial, Helvetica, sans-serif;}

.middlebanner {_display:inline;margin:20px 4px 0;width:960px;}
.middlebanner img {width:960px;height:100px;}

.designerwrap {width:660px;}
.designer {width:660px;}
.designer ul {margin:0 -8px -17px 0;width:668px;_position:relative;}
.designer li {_display:inline;margin:0 17px 0 0;width:150px;height:167px;position:relative;}
.designerpic {width:150px;height:150px;position:absolute;left:0;top:0;z-index:2;}
.designerpic img {width:148px;height:148px;border:1px solid #aaa;}
.designernamebg {width:150px;height:24px;background:#000;opacity:0.4;-moz-opacity:0.4;filter:alpha(opacity=40);position:absolute;left:0;top:126px;z-index:3;}
.designername {width:150px;height:24px;position:absolute;left:0;top:126px;z-index:4;}
.designername p {width:150px;height:24px;font-size:14px;line-height:24px;color:#fff;text-align:center;overflow:hidden;}
.designername p a {color:#fff;}
.designername p a:hover {color:#eb6100;}

.topdesigner {width:280px;padding:0 0 0 10px;}
.topdesignerwrap {width:280px;}
.topdesignernav {width:280px;height:20px;background:#dfe0e1;border-top:2px solid #f39800;}
.topdesignernav ul {width:280px;}
.topdesignernav li {width:66px;height:20px;line-height:20px;color:#2c2c2c;text-align:center;cursor:pointer;}
.topdesignernav .selected {background:#f80;color:#fff;}
.topdesignerlistwrap {width:280px;}
.topdesignerlist {width:280px;}
.topdesignerlist ul {margin-top:-5px;margin-bottom:-11px;width:280px;overflow:hidden;}
.topdesignerlist li {margin:11px 0 0 0;width:280px;height:110px;background:url(/e-jjj/content/images/line1.gif) repeat-x bottom;}
.topdesignerpic {width:112px;height:96px;}
.topdesignerpic img {width:94px;height:94px;border:1px solid #aaa;}
.topdesignertext {width:168px;}
.topdesignertext h1 {width:168px;height:16px;font-size:14px;line-height:16px;color:#735d26;overflow:hidden;}
.topdesignertext h1 a {color:#735d26;}
.topdesignertext h1 a:hover {color:#eb6100;}
.topdesignertext p {margin:4px 0 0 0;width:168px;height:54px;line-height:18px;color:#3b3b3b;overflow:hidden;}
.topdesignertext h2 {margin:8px 0 0 0;width:168px;height:16px;font-size:12px;line-height:16px;color:#735d26;overflow:hidden;}
.topdesignertext h2 em {float:left;font-style:normal;line-height:16px;color:#000;}
.topdesignertext h2 em a {color:#000;}
.topdesignertext h2 em a:hover {color:#eb6100;}
.topdesignertext h2 cite {float:right;padding:0 0 0 22px;background:url(/e-jjj/content/images/viewnumber_bg.gif) no-repeat 0 2px;font-weight:normal;line-height:16px;color:#626262;font-family:Arial, Helvetica, sans-serif;}
.topdesignertext h2 span {float:right;font-weight:normal;line-height:16px;color:#626262;font-family:Arial, Helvetica, sans-serif;}

.commenddesigner {margin:18px 0 0 0;width:280px;}
.commenddesigner dl {width:280px;}
.commenddesigner dd {width:60px;height:50px;}
.commenddesigner dd img {width:48px;height:48px;border:1px solid #aaa;}
.commenddesigner dt {width:40px;height:50px;}
.commenddesigner dt a {float:left;width:40px;height:50px;font-size:18px;line-height:40px;color:#000;text-align:center;}
.commenddesigner dt a:hover {color:#eb6100;}

.productwrap {width:660px;}
.product {width:660px;}
.product ul {_display:inline;margin:0 -10px -14px 0;width:670px;}
.product li {width:133px;height:100px;}
.product li img {width:117px;height:87px;border:1px solid #aaa;}
.product .firstitem {width:266px;height:200px;}
.product .firstitem img {width:249px;height:186px;border:1px solid #aaa;}
.productsort {margin:8px 0 0 0;width:650px;height:35px;padding:10px 0 0 0;background:#d4d4d4;}
.productsort p {width:650px;font-size:14px;color:#040404;text-align:center;}
.productsort p a {color:#040404;}
.productsort p a:hover {color:#eb6100;}

.topbrand {width:280px;padding:0 0 0 10px;}
.topbrandwrap {width:280px;}
.topbrandnav {width:280px;height:20px;background:#dfe0e1;border-top:2px solid #f39800;}
.topbrandnav ul {width:280px;}
.topbrandnav li {width:66px;height:20px;line-height:20px;color:#2c2c2c;text-align:center;cursor:pointer;}
.topbrandnav .selected {background:#f80;color:#fff;}
.topbrandlistwrap {width:280px;}
.topbrandlist {width:280px;}
.topbrandlist ul {margin-top:-5px;margin-bottom:-11px;width:280px;overflow:hidden;}
.topbrandlist li {margin:11px 0 0 0;width:280px;height:110px;background:url(/e-jjj/content/images/line1.gif) repeat-x bottom;}
.topbrandpic {width:112px;height:96px;}
.topbrandpic img {width:94px;height:94px;border:1px solid #aaa;}
.topbrandtext {width:168px;}
.topbrandtext h1 {width:168px;height:16px;font-size:14px;line-height:16px;color:#735d26;overflow:hidden;}
.topbrandtext h1 a {color:#735d26;}
.topbrandtext h1 a:hover {color:#eb6100;}
.topbrandtext p {margin:4px 0 0 0;width:168px;height:54px;line-height:18px;color:#3b3b3b;overflow:hidden;}
.topbrandtext h2 {margin:8px 0 0 0;width:168px;height:16px;font-size:12px;line-height:16px;color:#735d26;overflow:hidden;}
.topbrandtext h2 em {float:left;font-style:normal;line-height:16px;color:#000;}
.topbrandtext h2 em a {color:#000;}
.topbrandtext h2 em a:hover {color:#eb6100;}
.topbrandtext h2 cite {float:right;padding:0 0 0 22px;background:url(/e-jjj/content/images/viewnumber_bg.gif) no-repeat 0 2px;font-weight:normal;line-height:16px;color:#626262;font-family:Arial, Helvetica, sans-serif;}
.topbrandtext h2 span {float:right;font-weight:normal;line-height:16px;color:#626262;font-family:Arial, Helvetica, sans-serif;}

.commendbrand {margin:18px 0 0 0;width:280px;}
.commendbrand dl {width:280px;}
.commendbrand dd {width:60px;height:53px;}
.commendbrand dd img {width:51px;height:51px;border:1px solid #aaa;}
.commendbrand dt {width:40px;height:53px;color:#000;}
.commendbrand dt a {float:left;width:40px;height:53px;font-size:18px;line-height:43px;color:#000;text-align:center;}
.commendbrand dt a:hover {color:#eb6100;}

.halfbanner {_display:inline;margin:20px 4px 0;width:960px;}
.halfbanner ul {_display:inline;margin:0 -6px 0 0;width:966px;}
.halfbanner li {width:483px;}
.halfbanner li img {width:477px;height:97px;}

.bottomcontent {margin:20px 0 0 0;width:968px;}
.articlewrap {width:670px;}
.articletop {width:670px;height:8px;background:url(/e-jjj/content/images/left_top.gif) no-repeat 0 0;font-size:0;overflow:hidden;}
.articlebottom {width:670px;height:8px;background:url(/e-jjj/content/images/left_bottom.gif) no-repeat 0 0;font-size:0;overflow:hidden;}
.article {width:660px;padding:0 1px 0 9px;background:url(/e-jjj/content/images/left_bg.gif) repeat-y left;}
.articlelist {width:660px;}
.articlelist ul {_display:inline;margin:0 -6px 0 0;width:666px;}
.articlelist li {width:207px;padding:0 15px 0 0;}
.articlelist li h1 {width:207px;height:18px;font-size:14px;font-weight:normal;line-height:18px;color:#000;text-align:center;}
.articlelist li h1.bg1 {background:#ffd099;}
.articlelist li h1.bg2 {background:#82c6bb;}
.articlelist li h1.bg3 {background:#91c5d3;}
.articlepic {margin:10px 0 0 0;width:207px;height:155px;}
.articlepic img {width:207px;height:155px;}
.articletext {margin:10px 0 0 0;width:207px;}
.articletext dl {width:207px;}
.articletext dd {width:207px;height:18px;line-height:18px;color:#101010;}
.articletext dd a {color:#101010;}
.articletext dd a:hover {color:#eb6100;}

.appdownload {margin:3px 0 0 0;width:290px;padding:0 0 0 4px;}
.appdownloadtitle {width:286px;height:34px;padding:1px;border:1px solid #c1c1c1;background:#fff;}
.appdownloadtitle h1 {width:276px;height:34px;padding:0 0 0 10px;background:#595757;font-size:18px;line-height:34px;font-weight:normal;color:#fff;}
.appdownloadtitle h1 span {font-family:Arial, Helvetica, sans-serif;}
.appdownloadlist {margin:6px 0 0 0;width:286px;height:263px;padding:1px;border:1px solid #c1c1c1;background:#fff;}
.appdownloadlist ul {width:266px;height:263px;padding:0 10px;background:#595757;overflow:hidden;}
.appdownloadlist li {width:266px;height:114px;padding:18px 0 0 0;border-bottom:1px dotted #3e3d3d;}
.appicon {width:103px;padding:0 0 0 5px;}
.appicon img {width:87px;height:87px;}
.apptext {width:158px;}
.apptext h1 {width:158px;height:30px;font-size:18px;line-height:20px;font-weight:normal;color:#fff;}
.apptext p {width:158px;font-size:14px;line-height:18px;color:#fff;}
.apptext h2 {width:28px;padding:0 0 0 130px;font-size:0;}
.apptext h2 img {margin:12px 5px 0 0;width:21px;height:27px;}

.coopmedia {_display:inline;margin:20px 4px 0;width:960px;background:#cdcdcd;}
.coopmedia h1 {margin:10px 0 0 0;width:950px;height:22px;padding:0 0 0 10px;font-size:14px;font-weight:normal;color:#464646;}
.coopmedia ul {width:950px;padding:0 0 10px 10px;}
.coopmedia li {width:79px;height:18px;padding:6px 0px 0px 0px;white-space:nowrap;}
.coopmedia li a {color:#464646;}
.coopmedia li a:hover {color:#eb6100;}