﻿@charset "utf-8";
/* CSS Document */


/* main */
#main{margin:0 auto;width:980px;}
#main .top_border{ height:6px; width:1000px; background:url(/templets/sc/img/main_05.jpg) no-repeat 0 0; font-size:0px;}
#main .top_title{height: 61px;width: 980px;background: url(/templets/sc/img/case_tit_bg.png) no-repeat 0 0;}
#main .title,#main .switch,#main .current{ float:left}
#main .title{ padding:16px 0 0 20px;_padding:6px 0 0 20px; width:500px;}
#main .title h2{ font-family:"微软雅黑",Arial; font-size:24px; font-weight:normal; color:#5b5b5b; }
#main .switch,#main .current{ padding-top:33px;  height:28px;}
#main .current{background:url(/templets/sc/img/main_top_switch_16.png) no-repeat center 33px;}
#main .current a{ display:block; font-family:"微软雅黑",Arial; font-size:13px; text-decoration:none; height:25px;  line-height:25px; color:#333; width:66px; padding:3px 7px 0 7px; text-align:center; background:#FFF}
#main .switch a{ display:block; font-family:"微软雅黑",Arial; font-size:13px; text-decoration:none; width:55px; height:25px; line-height:25px; color:#555; padding:3px 7px 0 7px; text-align:center; _width:66px;}
#main .switch a:hover{ color:#333}

#main .content{ width:958px; border-left:1px solid #dedede; border-right:1px solid #dedede; padding:10px; background:#FFF; border-bottom:1px solid #dedede}
#main .content_news{ width:960px; border-left:1px solid #dedede; border-right:1px solid #dedede; padding:20px 0 0 20px; background:#FFF;_margin-top:-9px;}
.wingsAreacontent {width:960px;_width:980px; /*border-left:1px solid #cecece; border-right:1px solid #cecece;*/ padding:15px 0 0 20px;_padding:0px 0 0 20px; background:#FFF;_margin-top:0px;} 
#main .left,#main .right{float:left; background:#FFF}
#main .left{ width:610px; padding:10px 20px 10px 10px;}
#main .list_text img{ display:block; float:left;padding-right:20px;}
#main .list_text h4 a{ font-family:"微软雅黑",Arial;font-size: 18px; text-decoration:none; color:#555; font-weight:normal;}
#main .list_text h4 a:hover{ color:#333}
#main .list_text p{ padding-top:6px;}
#main .list_text p a{ font-family:"微软雅黑",Arial; font-size:13px; text-decoration:none; color:#999; line-height:18px;}
#main .list_text div a{ font-family:"微软雅黑",Arial; font-size:13px; text-decoration:none; color:#999; line-height:18px;}


#main .list_text p a:hover{ color:#333}
#main .list_text .btn{ float:right; background:url(/templets/sc/img/quanwen_btn.jpg); width:90px; height:25px; cursor:pointer;}
#main .list_text .share { float:right;  position:absolute; right:10px; top:0px;}
#main .list_text .share a{ display:block; float:right; height:16px; width:16px; padding-top:6px; border:none; background:url(/templets/sc/img/share_03.jpg) left 5px  no-repeat; padding-right:10px;}
#main .list_text .share a:hover{background:url(/templets/sc/img/share_03.jpg) left -15px  no-repeat;}
#main .left .content_line{ height:28px; width:620px; background:url(/templets/sc/img/content.jpg) no-repeat  0 10px; font-size:0px; clear:left; padding-bottom:20px; padding-top:6px;}
#main  .left .case_btn{ background:url(/templets/sc/img/case_btn.jpg) -10px 18px no-repeat; width:620px; height:56px; padding:18px 0 0 0px;}
#main  .left .case_btn .case_btn_plus{ float:left; width:440px; height:56px;}
#main  .left .case_btn .case_btn_plus a{background:url(/templets/sc/img/case_btn.gif) no-repeat 16px 26px ; height:40px; line-height:40px; width:378px; display:block;padding: 7px 0 0 62px; text-decoration:none; text-align:left;font-family:"微软雅黑",Arial; font-size:16px; color:#666;overflow:hidden}
#main  .left .case_btn .case_btn_plus a:hover{background:url(/templets/sc/img/case_btn.gif) no-repeat 16px -48px ; color:#333; overflow:hidden }
#main  .left .case_btn .case_btn_Reduction{ float:left; width:170px; height:56px;}
#main  .left .case_btn .case_btn_Reduction a{background:url(/templets/sc/img/case_btn.gif) no-repeat 128px -121px ; height:40px; line-height:40px;  display:block;padding: 7px 0 0 0; text-decoration:none; text-align:left;font-family:"微软雅黑",Arial; font-size:16px; color:#666;overflow:hidden}
#main  .left .case_btn .case_btn_Reduction a:hover{background:url(/templets/sc/img/case_btn.gif) no-repeat 128px -199px ; color:#333; overflow:hidden }




#main .right{width:298px;}
#main .right .tag,#main .right .news{ width:298px; padding-bottom:10px; padding-top:10px;}
#main .right .tag h4,#main .right .news h4{ width:276px; height:38px; line-height:38px;  font-weight:normal; color:#8d8d8d; font-size:16px; font-family:"微软雅黑"; border:1px solid #dedede; padding-left:20px;}
#main .right .tag .con_bg,#main .right .news .con_bg{ width:286px; padding-left:10px; border:1px solid #dedede;  padding-bottom:10px; border-top:none}
#main .right .tag .con_bg ul{ float:left; width:110px; padding-left:10px; padding-top:10px;}
#main .right .tag .con_bg li a,#main .right .news .con_bg li a{ display:blockl ; line-height:18px; height:18px; text-decoration:none; font-family:"微软雅黑"; color:#666; font-size:12px;}
#main .right .tag .con_bg li a:hover,#main .right .news .con_bg li a:hover{ color:#333}
#main .right .tag .bootom,#main .right .news .bootom{ height:6px; width:284px; overflow:hidden; font-size:0px;}
#main .right .news ul{ padding-top:15px;}
#main .right .news li{ padding:2px 0 2px 10px;}
#main .right .share a{ display:block; height:40px; width:296px; font-family:"微软雅黑"; color:#666; font-size:14px; line-height:40px; text-align:center; text-decoration:none; background:#fff; border:1px solid #dedede}
#main .right .share a:hover{ background:#dedede; color:#333}


/*关于东道 star*/
#main .main_left, #main .main_mid, #main .main_right{ float:left; width:311px; height:440px; background:url(/templets/sc/img/about_gydd_07.jpg) no-repeat; padding-right:6px;}
#main .main_left h4, #main .main_mid h4, #main .main_right h4{ height:42px; line-height:42px; padding-left:14px; font-weight:normal;font-family:"微软雅黑"; color:#555}
#main .main_left img, #main .main_mid img, #main .main_right img{ display:block; padding:14px 0 14px 14px;}
#main .main_left p, #main .main_mid p, #main .main_right p{ width:266px; padding-left:14px;font-family:"微软雅黑"; color:#666; font-size:12px; line-height:20px; }
#main .main_banner { }
#main .main_banner img{ }
#main .main_banner p{font-family:"微软雅黑"; color:#666; font-size:12px; width:280px; float:right; padding:0 40px 17px 0px; line-height:20px;}
#slideshows img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0.0;
	height: auto;
	width:620px;
	height:277px;
	margin-top:10px;
	padding-bottom:0;
}
#slideshows img.active {
	z-index: 10;
	opacity: 1.0;
}
#slideshows img.last-active {
	z-index: 9;
}
/*关于东道 over*/

#about_featured{ width:620px;float: left;overflow: hidden;height:377px;}
#about_featured img { width:620px;height:377px;}

/*东道精神 star*/

#main .wingsAreacontent .ddjs h4{ padding-top:20px;font-weight:normal; height:32px; font-family:"微软雅黑"; color:#747474; font-size:18px; padding-left:20px;}
#main .wingsAreacontent .ddjs h5{ font-weight:normal; font-family:"微软雅黑"; color:#747474; font-size:14px; height:28px;padding-left:20px;}
#main .wingsAreacontent .ddjs p{ width:390px; font-family:"微软雅黑"; color:#666; font-size:12px; padding-left:20px; line-height:22px; height:100px;}
/*东道精神 over*/


/*荣誉奖项 star*/

#containerPhilosophy {_padding-left:-20px;}
#containerAwards { _padding-left:0px;}

#featured {
width: 940px;
_width: 940px;
height: 308px;
float: left;
padding-bottom:15px;
overflow: hidden;
}
#featured img { width:940px; height:308px; }

#thumbs {
	margin-top:0px;
	_margin-top:-20px;
	width:100%;
	height:auto;
	overflow:hidden;
}
#thumbs ul {float:left; width:480px;}
#thumbs ul li { margin:5px;}
#thumbs ul li a {
	line-height:22px;
	display:block;
	width:100%;
	text-decoration:none; display:block;font-family:"微软雅黑"; color:#666; font-size:12px;
}
#thumbs ul li a:hover, #thumbs li a.current_awards {
	color: #333;
	/*text-decoration: underline;*/
}
/*荣誉奖项 over*/




/*设计顾问 star*/
#main .sjgw .list{ width:280px; float:left; padding-right:40px; padding-bottom:20px;}
#main .sjgw .list h4{ font-weight:normal ; color:#656565; font-size:14px; height:28px; line-height:28px; font-family:"微软雅黑"; padding-top:4px;}
#main .sjgw .list p a{ font-size:12px; text-decoration:none; color:#a4a4a4; line-height:18px; font-family:"微软雅黑"; padding:2px 0; display:block;}
#main .sjgw .list p a:hover{ color:#555}

/*设计顾问 over*/

#main .main_border{  width:980px; height:0px; font-size:0px; display:none; overflow:hidden}

/*wxw---css
动态具体内容
*/
#main .newsright{ margin:0 8px 0 0;font:12px "微软雅黑",Arial; color:#a8a8a8;line-height:22px; width:275px; height:460px; float:right;  text-align:left; overflow:hidden;position:absolute; left:0; top:0; word-wrap:break-word;}
#main .newsright .con{ margin:0px 0 0 0; font:12px "微软雅黑",Arial; color:#a8a8a8;line-height:22px; width:250px;height:460px;}
#main .newsright .con a{margin:0px 0 0 0; font:12px "微软雅黑",Arial; color:#a8a8a8;line-height:22px; width:250px; text-decoration:none;}
/*.divScrollBar{ background: url(/templets/sc/img/scroll_03.jpg);position:absolute;opacity:0.5; filter:Alpha(opacity=50);}
    .divScrollBar:hover{opacity:1; filter:Alpha(opacity=100);}
    .divScrollBar div{background-color:#aaa; position:absolute; left:0px; top:0px;}*/
#main .ltop{margin:0 33px 4px 0;}
#main .lbottom img{ float:left; padding-right:4px;}
.newsright span{ font:16px "微软雅黑",Arial; color:#524e4d; display:block; width:100%;}
.newsright p{margin:15px 0 0 0; font:12px "微软雅黑",Arial; color:#a8a8a8;line-height:22px; width:250px;}
.newsright div{ font:12px "微软雅黑",Arial; color:#a8a8a8;line-height:22px; width:250px;}
#main .page{float:right; color:#5c5c5c; font:16px "微软雅黑"; line-height:60px; padding-right:20px;}
.page a{ text-decoration:none; color:#5c5c5c;}
.page a:link{ color:#5c5c5c;text-decoration:none;}
.page a:visited{color:#5c5c5c;text-decoration:none;}
.page a:hover{color:#5c5c5c;text-decoration:none;}
.page span{padding:0 5px 0 5px; }
/*滚动条*/
.boxtext{width:580px; padding:20px 20px 20px 20px; font-size:16px ; color:#666; font-family:"微软雅黑";float: left; border: 1px solid #dedede;}
.boxtext a{ font-size:13px; font-family:"微软雅黑",arial; color:#999; text-decoration:none}
.boxtext a:hover{ color:#333333}
.boxtext h3{ font-size:20px; text-align:left; line-height:24px; padding:0px 0 20px 0; color:#666; font-family:"微软雅黑"; font-weight:normal; width:500px; float:left}
.boxtext p,.boxtext div{text-align:left; line-height:20px; color:#666;  font: 13px/22px "微软雅黑",Arial;}
.boxtext .share{ float:right}
.about_text{ color:#666; font:12px "微软雅黑"; line-height:18px; width:500px; float:right; position:relative}
.about_img{ float:left; width:100px;}
.about_text h4{ font-size:18px;color:#555;font-weight:normal; height:22px; line-height:22px; margin-top:5px; padding-bottom:20px;}
.about_text div{ padding:6px 0;}