/* - - - - - - CSS Document - - - - - - - - - Title : shucu style sheet Version: 1.0 Updated: 07.15.09 Author : mcplive.cn - - - - - - - - - - - - - - - - - - - - - */ /*Layout*/ body { background-color:#DADADA; font-size:12px;} #wrap { width:960px; margin:0 auto; background:#fff;} .clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0; line-height:0;} /*topstory*/ .topstory { display:block; width:452px; height:256px; border:8px solid #EBEBEB; position:relative; overflow:hidden; background-color:#000} .topstory .mimg{ float:left; width:360px; height:256px; overflow:hidden; border:1px solid #838282;} .topstory .mimg div{ display:none;} .topstory .mimg img{ width:360px; height:256px;} .topstory a:link{ text-decoration:none; color:#fff;} .topstory a:hover{ text-decoration:underline; color:#fff;} .topstory a:acitvie{ text-decoration:underline; color:#fff;} .topstory a:visited{ text-decoration:none; color:#fff;} .topstory ul{ float:right; width:90px; height:256px;} *html .topstory ul{ position:absolute; right:0; top:0; width:90px; height:256px;} .topstory li{ display:block; height:64px; width:90px; cursor:pointer; overflow:hidden;} .topstory li img{ width:90px; height:64px;filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } .topstory li.cur img{ width:90px; height:64px; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; } .topstory dl{ position:absolute; width:360px; height:0px; bottom:1px; left:0px; background:url(img/shadow.png) no-repeat; display:none;} .topstory dt{ line-height:30px; text-align:center; font-size:18px; font-family:"黑体"; font-weight:900;} .topstory dd{ line-height:20px; text-align:center; font-size:12px; color:#FFF} *html .topstory dl{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="style/img/shadow.png");background:none;} #topstory_pointer{ position:absolute; top:0; right:0; z-index:1000; width:98px; height:64px; background:url(img/point.png) no-repeat; cursor:pointer;} /*content*/ #content{ width:950px; margin:10px 5px;} #content .left{ width:468px; float:left;} #content .left #hot{ width:468px; margin-bottom:0px; background:#F8F8F8;} #content .left #hot ul{ width:466px; margin:8px 0px 0px 0px;} #content .left #hot ul li{ width:204px; float:left; padding: 2px 0px 7px 19px;} #content .left #hot ul li img{ width:204px; height:74px;} /*magazine*/ #content .left #magazine{ width:468px; margin:12px 0px 0px 0px; height:271px; overflow:hidden;} .boxtitle{ width:468px; /*background:#EBEBEB; */border-bottom: solid 2px #000000; height:26px; line-height:26px; margin:0px 0px 5px 0px;} .boxtitleleft{ width:370px; float:left;font-family:'Microsoft yahei','Arial'; font-size:18px; color:#222; padding:0px 0px 0px 10px;} .boxtitleright{ width:50px; float:right;font-family:'宋体', 'Arial';font-size:12px; color:#190E0A; padding:0px 0px 0px 30px;} .boxtitleright a{ color:#190E0A; text-decoration:none;} .boxtitleright a:hover{ color:#190E0A; text-decoration:underline;} .magazinebox1{ width:468px; margin:5px 0px 0px 0px; padding:0px 0px 5px 0px;} .magazinebox1left{ width:136px; float:left; padding:6px 0px 0px 10px;} .magazinebox1left .magazinepic{ width:100px; padding:0px 18px 6px 10px;} .magazinebox1left .magazinepic img{ width:100px; height:142px; } .sinaguanzhu{ width:136px;} .sinaguanzhu iframe{ margin:0px auto;} .magazinebox1right{ width:304px; float:left; border-left: dashed 1px #C8C8C8; margin:6px 0px 0px 0px; padding:3px 0px 0px 17px;} .magazinebox1right li{ width:289px; float:left; background:url(../img/line01.jpg) no-repeat 0px 10px; padding:0px 0px 0px 15px;font-family:'宋体', 'Arial'; font-size:14px; line-height:24px; color:#363636;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;} .magazinebox1right li a{color:#363636; text-decoration:none;} .magazinebox1right li a:Hover{color:#CB0101; text-decoration: underline;} a.blue{color:#0000FF; text-decoration:none;} a:hover.blue{color:#CB0101;text-decoration: underline;} .magazinebox2{ width:468px; border-top:dashed 1px #C8C8C8; padding:2px 0px 0px 0px;} .magazinebox2 ul{ width:468px; margin:4px 0px 0px 0px;} .magazinebox2 ul li{ width:221px; padding:0px 0px 0px 13px; float:left;font-family:'宋体', 'Arial'; font-size:14px; line-height:24px; color:#363636;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;} .magazinebox2 ul li a{color:#363636; text-decoration:none;} .magazinebox2 ul li a:hover{color:#CB0101; text-decoration: underline;} a.hong{color:#CB0101; text-decoration:none;} a:hover.hong{color:#CB0101;text-decoration: underline;} /*newproduct*/ #newproduct{ width:468px; margin:16px 0px 0px 0px; height:180px; overflow:hidden;} #newproduct ul{ width:468px; padding:9px 0px 0px 0px;} #newproduct ul li{ width:140px; float:left; padding:0px 8px 0px 8px;} #newproduct ul li img{ width:140px; height:106px;} #newproduct ul li p{ width:140px; font-size:12px;font-family:'宋体', 'Arial'; line-height:20px; color:#190E0A;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;} #newproduct ul li p a{color:#190E0A; text-decoration:none;} #newproduct ul li p a:hover{color:#190E0A; text-decoration:underline;} #content .right{ width:472px; float:left; margin-left:10px;} #content .right #Headline{ width:462px; margin-bottom:5px; background:#fff; padding:2px 5px 0px 5px;height:288px; overflow:hidden;} #content .right #Headline .box{ width:462px; border-bottom: dashed 1px #D2D2D2; padding:0px 0px 12px 0px; margin:0px 0px 10px 0px; height:72px;} #content .right #Headline .box h1{ color:#CB0101; font-size:18px; font-family:'Microsoft yahei','Arial'; text-align:center; margin: 0px 0px 0px 0px; padding:7px 0px 8px 0px;} #content .right #Headline .box h1 a{ color:#CB0101; text-decoration:none;} #content .right #Headline .box h1 a:hover{ color:#E20404; text-decoration:underline;} #content .right #Headline .box p{ color:#525252; line-height:20px;font-family:'宋体', 'Arial';} #content .right #Headline .box p span a{color:#333; text-decoration: underline;} #content .right #Headline .box p span a:hover{color:#CB0101;text-decoration:underline;} #Headline ul{ width:462px; font-size:12px; color:#333333; padding:0px 0px; margin:5px 0px 0px 0px;} #Headline ul li{ float:left; width:221px; line-height:24px;font-family:'宋体', 'Arial'; font-size:14px; color:#000000; overflow:hidden;display: block;white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding:0px 5px 0px 5px;} #Headline ul li a{ color:#333; text-decoration:none;} #Headline li a:hover{ color:#CB0101; text-decoration:underline;} /*news*/ #content .right #news{ width:472px; margin:10px 0px 0px 0px; height:154px; overflow:hidden;} .boxtitle2{ width:472px; /*background:#EBEBEB; */ border-bottom: solid 2px #000000; height:26px; line-height:26px; margin:0px 0px 5px 0px;} .boxtitle2left{ width:374px; float:left;font-family:'Microsoft yahei','Arial'; font-size:18px; color:#222; padding:0px 0px 0px 10px;} .boxtitle2right{ width:50px; float:right;font-family:'宋体', 'Arial';font-size:12px; color:#190E0A; padding:0px 0px 0px 30px;} .boxtitle2right a{ color:#190E0A; text-decoration:none;} .boxtitle2right a:hover{ color:#190E0A; text-decoration:underline;} #content .right #news ul{ width:472px; margin:6px 0px 0px 0px;} #content .right #news ul li{float:left; width:216px; padding:0px 0px 0px 20px; background:url(../img/line01.jpg) no-repeat 5px 10px; font-size:14px; color:#525252; line-height:24px;font-family:'宋体', 'Arial';overflow:hidden;display: block;white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } #content .right #news ul li a{color:#525252; text-decoration:none;} #content .right #news ul li a:hover{color:#CB0101; text-decoration:underline;} /*blog*/ #blog{ width:472px; margin:10px 0px 0px 0px; height:272px; overflow:hidden;} #content .right #blog ul{ width:472px; padding:0px 0px 0px 0px;} #content .right #blog ul li{ float:left; width:472px; border-bottom: dashed 1px #D2D2D2; padding:7px 0px 7px 0px; margin:0px 0px 3px 0px;} #content .right #blog ul li .blogleft{ width:40px; float:left; padding:0px 13px 0px 13px;} #content .right #blog ul li .blogleft img{ width:40px; height:40px;} #content .right #blog ul li .blogright{ width:396px; float:left;padding:0px 10px 0px 0px;} #content .right #blog ul li .blogright h1{ width:396px; color:#000000; font-size:14px; padding:2px 0px 8px 0px; font-family:'宋体', 'Arial';overflow:hidden;display: block;white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;} #content .right #blog ul li .blogright h1 span{ margin:0px 5px 0px 0px;} #content .right #blog ul li .blogright h1 a{color:#000000; text-decoration:none;} #content .right #blog ul li .blogright h1 a:hover{color:#CB0101; text-decoration:underline;} #content .right #blog ul li .blogright p{ width:396px;font-family:'宋体', 'Arial'; font-size:12px; line-height:20px; color:#444444;overflow:hidden;display: block;white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;} #content .right #blog ul .blogtext{ border-bottom: none;} /*groups*/ #groups{ width:472px; margin:16px 0px 0px 0px; height:180px; overflow:hidden;} #groups .groupsbox{ width:472px;} #groups .groupsbox .groupsintro{ width:216px; float:left; padding:0px 0px 0px 0px;} #groups .groupsbox .groupsintro li{ width:216px; float:left; padding:4px 0px 0px 0px;} #groups .groupsbox .groupsintro li .groupspic{ width:40px; float:left; padding:0px 11px 0px 11px;} #groups .groupsbox .groupsintro li .groupspic img{ width:40px; height:40px;} #groups .groupsbox .groupsintro li .groupsintroduct{ width:154px; float:left;} #groups .groupsbox .groupsintro li .groupsintroduct h1{ width:154px; font-size:12px; color:#444444;font-family:'宋体', 'Arial'; padding:5px 0px 5px 0px;} #groups .groupsbox .groupsintro li .groupsintroduct h1 a{ color:#444444; text-decoration:none;} #groups .groupsbox .groupsintro li .groupsintroduct h1 a:hover{ color:#444444; text-decoration:underline;} #groups .groupsbox .groupsintro li .groupsintroduct p{ width:154px; font-size:12px; color:#444444;font-family:'宋体', 'Arial';} #groups .groupsbox .groupsintro li .groupsintroduct p span{ margin:0px 0px 0px 12px;} #groups .groupsbox .groupsintro li .groupsintroduct p .shumu{ margin:0px 3px 0px 3px;} #groups .groupsbox .groupstext{ width:256px; float:left; padding:3px 0px 0px 0px;} #groups .groupsbox .groupstext li{ width:228px; float: left; padding:0px 8px 0px 20px; background:url(../img/line01.jpg) no-repeat 5px 10px; font-size:12px; color:#525252; line-height:22px;font-family:'宋体', 'Arial';overflow:hidden;display: block;white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;} /*分栏期刊文章精华*/ #articles{ width:950px; background:#fff; margin:0px auto 6px;} #articles ul{ width:950px;} #articles ul li{ float:left; width:465px; padding:8px 5px; height:320px;} #articles ul li .articlestitle{ width:455px; /*background:url(../img/articlestitle.jpg) no-repeat;*/border-bottom: solid 2px #000000; height:31px; padding:4px 0px 0px 10px;-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; font-family:'Microsoft yahei','Arial'; color:#333;} #articles ul li .articlestitle dt{ float:left; height:31px; padding:2px 0px 0px 0px;font-family:'Microsoft yahei','Arial'; font-size:18px; font-weight: 200; color:#333; line-height:24px; } #articles ul li .articlestitle dd{ float:right;padding-left:30px;padding-right:8px; padding-top:10px; margin:0px; font-size:12px;color:#333;font-family:'宋体', 'Arial';} #articles ul li .articlestitle dd a{ color:#333; text-decoration:none; margin:0px 3px;} #articles ul li .articlestitle dd a:hover{ color:#CB0101; text-decoration:underline;} #articles ul li .articlestitle dd a .more{float:right; font-size:12px; color:#666; padding:0px; margin:0px;} #articles ul li .articlestitle dd a .more{color:#666; text-decoration:none;} #articles ul li .articlestitle dd a:hover .more{ color:#CB0101; text-decoration:underline;} .articlescontent{ background:#F6F6F6; width:449px; padding:16px 8px 12px; border-bottom: dashed 1px #BCBCBC;} .articlescontent .photopart{ float:left; width:150px; /*background:url(../img/photopart_bg.jpg) no-repeat; */height:116px;} .articlescontent .photopart img{ width:136px; height:102px; border: solid 1px #fff; margin: 6px 0px 0px 6px;} .articlescontent .textpart{ float:left; width:293px; margin-left:6px;} .articlescontent .textpart h3{ width:293px; font-size:16px;font-family:'Microsoft yahei','Arial'; color:#AA0000; margin: 2px 0px 10px 0px;overflow:hidden;display: block;white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;} .articlescontent .textpart h3 a{color:#AA0000; text-decoration: none;} .articlescontent .textpart h3 a:hover{color:#AA0000; text-decoration:underline;} .articlescontent .textpart p{ font-size:12px; line-height:21px; color:#848484;} .articlescontent .textpart p span{ color:#BC3939; font-size:12px;} .articlescontent .textpart p span a{color:#BC3939; text-decoration:none;} .articlescontent .textpart p span a:hover{color:#AA0000; text-decoration:underline;} #articles .articleslist{ width:465px; background:#fff; padding:8px 0px;} #articles .articleslist ul{ width:465px;} #articles .articleslist ul li{ float:left; width:208px; margin:0px; background:url(../img/line.jpg) no-repeat 8px 8px; color:#606060; line-height:24px; font-size:14px; padding:0px 5px 0px 16px;overflow:hidden;display: block;white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;font-family:'Microsoft yahei','Arial'; height:auto;} #articles .articleslist ul li a{ color:#3D3D3D; text-decoration:none;} #articles .articleslist ul li a:hover{ color:#D21427; text-decoration:underline;} #articles .articlesphoto{width:455px;background:#fff;padding:12px 5px 8px; border-top: dashed 1px #BCBCBC;} #articles .articlesphoto ul{width:455px;} #articles .articlesphoto ul li{ float:left; width:150px; padding:0px; margin-right:2px;} #articles .articlesphoto ul li img{ width:136px; height:102px; border:solid 1px #B0B0B0; margin:0px auto;} #articles .articlesphoto ul li p{ font-size:12px; color:#333333; line-height:22px; text-align:center; margin-top:5px;font-family:'宋体', 'Arial';} #articles .articlesphoto ul li p a{ color:#333333; text-decoration:none;} #articles .articlesphoto ul li p a:hover{ color:#CB0101; text-decoration:underline;} #articles .evaluation_room{ width:940px; padding:0px 5px; height:368px;} #articles .evaluation_room .evaluationtitle{ width:920px; height:29px; /*background:url(../img/evaroomtitle.jpg) no-repeat;*/border-bottom: solid 2px #000000; font-family:'Microsoft yahei'; font-size:16px; color:#333; padding:10px 0px 0px 20px;-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding;} #articles .evaluation_room .evaluationtitle dt{ float:left; font-family:'Microsoft yahei','Arial'; font-size:18px; color:#333;} #articles .evaluation_room .evaluationtitle dd{float:right; font-size:12px;color:#333;font-family:'宋体', 'Arial';padding-left:30px;padding-right:8px; padding-top:10px;} #articles .evaluation_room .evaluationtitle dd a{ color:#333; text-decoration:none; margin:0px 3px;} #articles .evaluation_room .evaluationtitle dd a:hover{ color:#CB0101; text-decoration:underline;} #articles .evaluation_room .evaluationtitle dd a .more{float:right; font-size:12px; color:#666; padding:0px; margin:0px;line-height:28px;} #articles .evaluation_room .evaluationtitle dd a .more{color:#666; text-decoration:none;} #articles .evaluation_room .evaluationtitle dd a:hover .more{ color:#CB0101; text-decoration:underline;} .evacontent{width:940px; background:#fff; border-bottom: solid 1px #F2EDED; margin:0px 0px 10px 0px;} .evacontent .deep{ width:470px; float:left; border-right: solid 1px #F2EDED;} .deeptitle{ width:444px; background: url(../img/deeptitle.jpg) repeat-x; height:33px; font-size:14px; color:#985F5F; font-weight:bold; line-height:33px; padding-left:26px;} .evacontent .new{ width:469px; float:left;}