@charset "utf-8";
/* CSS Document */
ul{ margin:0px; padding:0px; list-style:none;}
ul li{ margin:0px; padding:0px; list-style:none;}
a.news33:link {color: #666 ;text-decoration: none;}
a.news33:visited {color:#666;text-decoration: none;}
a.news33:hover, a.news:active {color:#F00;text-decoration:none;}

body {background-color:#fff;margin: 0 auto;padding: 0;font-family:宋体,Verdana, Arial, Helvetica, Sans-Serif;font-size:12px;color:#666;}
/*作品大赏*/
.to{ width:1003px; height:10px; margin:0 auto; clear:both; background:#FFF;}
.ShowCase{ width:1003px; height:51px; background:url(../image/home_01.jpg) no-repeat; margin:0 auto; text-align:right;}
.ShowCase p{ margin:25px 30px 0px 0; float:right; padding:0px;}
.ShowCaseContent{ width:1003px; height:275px; margin:0 auto; background:#FFF; clear:both;}
.ShowCase_left{ width:317px; height:275px; float:left; overflow:hidden;}
.ShowCase_left p{ margin:3px 0 0 3px; padding:0px; width:315px; height:261px;}

.ShowCase_right{ width:686px; height:275px; float:left;overflow:hidden;}
.ShowCase_right ul{ width:678px; height:268px; margin:2px 0 0 5px;display:block; padding:0px; }
.ShowCase_right ul a{ width:226px; height:268px; display:block;  float:left;  overflow:hidden;}
.ShowCase_right ul a:hover{ width:226px; height:268px;display:block; float:left; overflow:hidden;background:url(../image/t1.jpg) no-repeat;cursor:hand;}
.ShowCase_right ul li{ width:226px; height:268px;position:relative; float:left; }
.ShowCase_right ul li img{ width:210px; height:143px; position:absolute;top:8px; left:7px;}
.ShowCase_right ul li h1{ font-size:12px; font-weight:normal; position:absolute; top:156px; left:7px;}
.ShowCase_right ul li h2{font-size:12px; font-weight:normal; position:absolute; top:156px; left:170px;}
.ShowCase_right ul li p{ margin:0px; padding:0px; line-height:170%; width:210px; height:78px; overflow:hidden; position:absolute; top:175px; left:7px;}
/*线*/
.line1{ width:1003px; height:12px; overflow: hidden; margin:0 auto; padding:0px; clear:both; background:url(../image/home_03.jpg) no-repeat;}

/*价格和新闻*/
.price_News{ width:1003px; height:347px; background:#FFF; margin:0 auto; clear:both;}
.price{ width:567px; height:347px; float:left;}
.price_title{ width:567px; height:40px; background:url(../image/home_04_01_01.jpg) no-repeat;}
.price_title p{ margin:13px 13px 0px 0px; padding:0px; float:right;}
.price_Content{ width:567px; height:307px;}
.price_Content ul{ width:553px; height:303px;}
.price_Content ul li{ width:168px; height:303px; float:left; position:relative; margin:0 0 0 10px; }
.price_Content ul li a:link{ width:168px; height:303px; float:left; color: #999; cursor:pointer; background:url(../image/price1.jpg) no-repeat;}
.price_Content ul li a:visited{width:168px; height:303px; float:left; color:#999; cursor:pointer;background:url(../image/price1.jpg) no-repeat;}
.price_Content ul li a:hover{width:168px; height:303px; float:left; color:#D52929; cursor:pointer; background:url(../image/price2.jpg) no-repeat;}
.price_Content ul li a:active{width:168px; height:303px; float:left; color:#D52929; cursor:pointer;background:url(../image/price2.jpg) no-repeat;}
.price_Content ul li img{ border:0px; width:156px; height:123px; position:absolute; top:6px; left:6px;}
.price_Content ul li h1{ font-size:16px; font-weight: normal; position:absolute; top:148px; left:38px;}
.price_Content ul li h2{ font-size:14px; font-weight:normal; position:absolute; top:182px; left:0px; width:156px; text-align:center;}
.price_Content ul li h3{ font-size:14px; font-weight:normal; position:absolute; top:215px; left:0px;width:156px; text-align:center;}
.price_Content ul li h4{ font-size:14px; font-weight:normal; position:absolute; top:252px; left:0px;width:156px; text-align:center;}
.price_Content ul li h5{ font-size:14px; font-weight:normal; position:absolute; top:275px; left:0px;width:156px; text-align:center;}

.news{ width:436px; height:347px; float:left;}
.news_title{ width:436px; height:35px; background:url(../image/home_04_02_01.jpg) no-repeat;}
.news_title p{ margin:13px 13px 0px 0px; padding:0px; float:right;}
.news_content{ width:436px; height:312px; background:url(../image/home_04_02_02.jpg) no-repeat;}
.news_content ul{ width:378px; height:305px; margin:0px 0 0 30px;}
.news_content ul li{ width:378px; height:73px; position:relative;}
.news_content ul li a{ width:378px; height:73px; display:block; cursor:pointer}
.news_content ul li a:hover{ width:378px; height:73px; display:block; color:#D52929;cursor:pointer}
.news_content ul li h1{ font-size:12px; font-weight: normal; display:block; width:69px; height:67px; float:left;}
.news_content ul li h1 span{ display:block; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:bold; font-size:26px; position:absolute; top:10px; left:15px;}
.news_content ul li h1 i{ display:block; font-style: normal; font-weight:bold; font-size:12px; position:absolute; top:34px; left:15px;}
.news_content ul li h2{ font-size:12px; font-weight: normal; display:block; width:309px; height:67px; float:left;}
.news_content ul li h2 p{ margin:0px; padding:0px; font-weight:bold; width:300px; display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}}
.news_content ul li h2 span{ display:block; font-weight: normal; width:300px; font-size:12px; position:absolute; top:23px; left:69px; line-height:120%; height:33px; overflow:hidden; font-style:normal;}
.news_content ul li h3{ font-size:12px; font-weight: normal; display:block; width:378px; height:6x; position:absolute; left:0px; top:67px; clear:both; background:url(../image/line3.jpg) no-repeat;}


/*外景解决方案*/
.location{ width:1003px; height:51px; margin:0 auto; clear:both; background:url(../image/home_05.jpg) no-repeat;}
.location p{ float: right; margin:23px 25px 0 0px;}
.location_Content{ width:1003px; height:300px; background: #FFF; margin:0 auto; clear:both; overflow:hidden;}
.location_Content_left{ width:307px; height:300px; float:left; position:relative;}
.pic1{ width:274px; height:269px; border:1px solid #CCC; padding:2px; position:absolute; left:20px; top:7px;}
.tuijian{ width:115px; height:116px; position:absolute; left:192px; top:170px;}

.location_Content_right{ width:696px; height:300px; float:left;}
.location_Content_right ul{ width:686px; height:268px; margin:10px 0 0 0px;}
.location_Content_right ul li{ float:left; width:227px; height:312px; overflow:hidden; position:relative;}
.location_Content_right ul a{ width:226px; height:268px; background:none; display:block;}
/*.location_Content_right ul a:hover{ width:227px; height:312px; background:url(../image/wj1.jpg) no-repeat; }*/
.location_Content_right ul a:hover{ width:226px; height:268px; background:url(../image/t1.jpg) no-repeat; }


.location_Content_right ul img{ width:211px; height:144px; border:0px; position:absolute; top:7px; left:8px;}
.location_Content_right ul li h1{ font-size:12px; font-weight:blod; position:absolute; top:156px; left:7px;}
.location_Content_right ul li h2{font-size:12px; font-weight:normal; position:absolute; top:156px; left:170px;}
.location_Content_right ul li p{ margin:0px; padding:0px; line-height:170%; width:211px; height:125px; overflow:hidden; position:absolute; top:175px; left:7px;}

/*明星主打*/
.star{ width:1003px; height:313px; margin:0 auto; background:#FFF;}
.star_left{ width:665px; height:313px; float:left;}
.star_left_title{ width:665px; height:45px; background:url(../image/home_08_01_01.jpg) no-repeat; position:relative;}
.star_left_title ul{ width:337px; height:45px; overflow:hidden; margin:0 0 0 276px;}
.star_left_title ul li{ float:left; width:67px;}
.star_left_title p{ margin:0px; padding:0px; position:absolute; right:13px; top:15px;}



.star_left_Content{ width:665px; height:268px; clear:both;}
.star_left_Content ul{ width:638px; height:262px; margin:7px 0 0 16px;}
.star_left_Content ul li{ width:194px; height:262px; float:left; position:relative; margin:0 0 0 8px;}
/*
.star_left_Content ul li a{ display:block; float:left;width:194px; height:262px; cursor:pointer;}
.star_left_Content ul li a:link{ width:194px; height:262px; background:url(../image/star1.jpg) no-repeat;}
.star_left_Content ul li a:visited{ width:194px; height:262px; background:url(../image/star1.jpg) no-repeat;}
.star_left_Content ul li a:hover{ width:194px; height:262px; background:url(../image/star2.jpg) no-repeat; color:#D52929;}
.star_left_Content ul li a:active{ width:194px; height:262px; background:url(../image/star2.jpg) no-repeat;}
*/
#Tabs0  li a{ display:block; float:left;width:194px; height:262px; cursor:pointer;}
#Tabs0  li a:link{ width:194px; height:262px; background:url(../image/star1.jpg) no-repeat;}
#Tabs0  li a:visited{ width:194px; height:262px; background:url(../image/star1.jpg) no-repeat;}
#Tabs0  li a:hover{ width:194px; height:262px; background:url(../image/star2.jpg) no-repeat; color:#D52929;}
#Tabs0  li a:active{ width:194px; height:262px; background:url(../image/star2.jpg) no-repeat;}

#Tabs1  li a{ display:block; float:left;width:194px; height:262px; cursor:pointer;}
#Tabs1  li a:link{ width:194px; height:262px; background:url(../image/sj1.jpg) no-repeat;}
#Tabs1  li a:visited{ width:194px; height:262px; background:url(../image/sj1.jpg) no-repeat;}
#Tabs1  li a:hover{ width:194px; height:262px; background:url(../image/sj2.jpg) no-repeat; color:#D52929;}
#Tabs1  li a:active{ width:194px; height:262px; background:url(../image/sj2.jpg) no-repeat;}


#Tabs2  li a{ display:block; float:left;width:194px; height:262px; cursor:pointer;}
#Tabs2  li a:link{ width:194px; height:262px; background:url(../image/sheji1.jpg) no-repeat;}
#Tabs2  li a:visited{ width:194px; height:262px; background:url(../image/sheji1.jpg) no-repeat;}
#Tabs2  li a:hover{ width:194px; height:262px; background:url(../image/sheji2.jpg) no-repeat; color:#D52929;}
#Tabs2  li a:active{ width:194px; height:262px; background:url(../image/sheji2.jpg) no-repeat;}


#Tabs3  li a{ display:block; float:left;width:194px; height:262px; cursor:pointer;}
#Tabs3  li a:link{ width:194px; height:262px; background:url(../image/guwen1.jpg) no-repeat;}
#Tabs3  li a:visited{ width:194px; height:262px; background:url(../image/guwen1.jpg) no-repeat;}
#Tabs3  li a:hover{ width:194px; height:262px; background:url(../image/guwen2.jpg) no-repeat; color:#D52929;}
#Tabs3  li a:active{ width:194px; height:262px; background:url(../image/guwen2.jpg) no-repeat;}

#Tabs4  li a{ display:block; float:left;width:194px; height:262px; cursor:pointer;}
#Tabs4  li a:link{ width:194px; height:262px; background:url(../image/lifu1.jpg) no-repeat;}
#Tabs4  li a:visited{ width:194px; height:262px; background:url(../image/lifu1.jpg) no-repeat;}
#Tabs4  li a:hover{ width:194px; height:262px; background:url(../image/lifu2.jpg) no-repeat; color:#D52929;}
#Tabs4  li a:active{ width:194px; height:262px; background:url(../image/lifu2.jpg) no-repeat;}

.star_left_Content ul li img{ width:193px; height:140px; border:0px; position:absolute; left:1px; top:1px;}
.star_left_Content ul li h1{ font-size:14px; color:#888888; font-weight: bold; position:absolute; top:158px; left:83px;}
.star_left_Content ul li h3{ font-size:12px; font-weight:bold; color:#CA2A44; font-family:"Times New Roman", Times, serif; position:absolute; top:173px; left:84px;}
.star_left_Content ul li h2{ font-size:12px; position:absolute; top:201px; left:35px;}

.star_right{ width:338px; height:313px; float:left;}
.star_right_title{ width:338px; height:44px; background:url(../image/home_08_02_01.jpg) no-repeat;}
.star_right_title ul{ width:225px; height:41px; margin:0 0 0 103px; overflow:hidden;}
.star_right_title ul li{ width:50px; height:41px; float:left}
.star_right_content{ width:338px; height:269px; background:url(../image/home_08_02_02.jpg) no-repeat;}
.star_right_content ul{ margin:13px 0 0 43px; padding:0px; width:266px; height:232px;}
.star_right_content ul li{ width:266px; height:232px;}

/*写真作品论坛*/
.photo_bbs{ width:1003px; height:46px; background:url(../image/home_09.jpg) no-repeat; margin:0 auto; clear:both; position:relative;}
.photo_more{ position:absolute; left:610px; top:18px;}
.bbs_more{position:absolute; left:931px; top:18px;}
.photo_bbs_content{ width:1003px; height:272px; background:#FFF;}

.photo{ width:673px; height:272px; float:left; overflow:hidden;}
.photo ul{ width:683px; height:268px; margin:2px 0 0 10px;display:block; padding:0px; }
.photo ul a{ width:207px; height:263px; display:block;  float:left;  overflow:hidden;}
.photo ul a:hover{ width:207px; height:263px;display:block; float:left; overflow:hidden;background: url(../image/tab1.jpg) no-repeat;cursor:hand;}
.photo ul li{ width:207px; height:263px;position:relative; float:left; margin:0 0 0 5px;  }
.photo ul li img{ width:193px; height:146px; position:absolute;top:8px; left:7px;}
.photo ul li h1{ font-size:12px; font-weight:normal; position:absolute; top:156px; left:7px;}
.photo ul li h2{font-size:12px; font-weight:normal; position:absolute; top:156px; left:150px;}
.photo ul li p{ margin:0px; padding:0px; line-height:170%; width:193px; height:78px; overflow:hidden; position:absolute; top:175px; left:7px;}

.bbs_bbs{ width:330px; height:272px; float:left; overflow:hidden;}
.bbs_bbs ul{ width:280px; height:250px;  margin:10px 0 0 26px; padding:0px;}
.bbs_bbs ul li{width:280px; height:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; display:block; clear:both; }

/*线*/
.line1{ width:1003px; height:12px; overflow: hidden; margin:0 auto; clear:both; background:url(../image/home_03.jpg) no-repeat;}


/*通用链接
a:link{color:#FEE2BB;text-decoration: none;}
a:visited{color:#FEE2BB;text-decoration: none;}
a:hover,a:active{color:#FEE2BB;text-decoration:none;}
*/
/*伪链接标准格式*/
a.Test:link {color: #000;text-decoration: none;}
a.Test:visited {color: #000;text-decoration: none;}
a.Test:hover, a.Test:active {color: #000;text-decoration:none;}

.WebCenter {margin: 0px auto;}

/*清除浮动*/
/* 这是对Firefox进行的处理，因为Firefox支持生成元素，而IE所有版本都不支持生成元素 */
.ClearFix:after {}{content: "."; clear: both; height: 0; visibility: hidden; display: block;}
/* 这是对 Mac 上的IE浏览器进行的处理 */ 
.ClearFix {}{ display: inline-block;}
/* 这是对 win 上的IE浏览器进行的处理 */ 
* html .ClearFix {}{height: 1%;}
/* 这是对display: inline-block;进行的修改，重置为区块元素*/
.ClearFix {}{display: block;}         

/*溢出文字用省略号点代替*/
.HideWord {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
/*
溢出文字不显示省略号点
.HideWord {white-space:nowrap;text-overflow:ellipsis; text-overflow:clip;overflow:hidden;}
*/