/*
'****************************************************
' Lang5 文化传播      Power by lang5.com
' Web: http://idc.lang5.com, http://lang5.com
' Copyright (C) 2009 Lang5.com All Rights Reserved.
'****************************************************
*/
body { background:url(/Skin/lang5/body.gif) #111; text-align: center; margin:0; padding:0; font-family:Verdana; font-size:12px; line-height: 150%; color:#555;}
div,form,img,ul,ol,li,dl,dt,dd { margin: 0; padding: 0; border: 0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:12px; font-weight:normal;}
h1 b, h2 b, h3 b, h4 b { float: right; font-size: 12px; font-weight: normal; letter-spacing:0;}
select,input,textarea{font-size:12px;font-family:Arial,Helvetica,sans-serif;}
td { font-size:12px; line-height: 150%;}
li { list-style-type:none;}

a:link {color: #555; text-decoration:none;} /* 未访问 */
a:visited {color: #555; text-decoration:none;} /* 已访问 */
a:hover {color: #900; text-decoration:none;} /* 鼠标在链接上 */ 
a:active {color: #900;} /* 激活的链接 */

.g, a.g:link, a.g:visited {color: #7f7f7f;} /* 灰色*/
.g a:link, .g a:visited{color: #7f7f7f;}
.g a:hover, a.g:hover {color: #900;;}
.r, a.r:link, a.r:visited {color: #900;} /* 红色*/
.r a:link, .r a:visited{color: #900;}
.r a:hover, a.r:hover {color: red;}

.fl { float:left;}
.fr { float:right;}
.zl { text-align:left;}
.zr { text-align:right;}
.zc { text-align:center;}
.ha { height: auto;}
.b { font-weight: bold;}
.n { display:none;}
 
/* 顶部 */
#top { color: #d1d1d1; width: 1003px; height: auto; text-align:left; overflow: hidden;}
#top .lg { width: 353px; height: 105px; padding: 72px 0 0 90px; letter-spacing: 3px; background:url(/Skin/lang5/logo.gif) 18px 18px no-repeat; float: left; overflow: hidden;}
#top .dh { width: 650px; height: 105px; padding: 72px 0 20px 150px; float: right; overflow: hidden;}
#top .dh li { width: 70px; height: 22px; float: left;}
#top .dh li a { width: 70px; height: 22px; text-align:center;}
#top .dh li a:link,
#top .dh li a:visited{ color: #d1d1d1;}
#top .dh li a:hover { color: #ffffff; background:url(/Skin/lang5/top_li.gif) center 18px no-repeat;}
#top .dh .top_ss { position:absolute; right:0; top:3px; width: 290px; height: 20px; padding: 2px 0 0 0; text-align: right; overflow: hidden;}
#top .dh .top_ss a { width:65px; height:14px; background:url(/Skin/lang5/logo.gif) -5px -108px no-repeat; display:block; margin:3px 3px; display:inline; overflow:hidden; float: left;}
#top .dh .top_ss a:hover { background:url(/Skin/lang5/logo.gif) -70px -108px no-repeat;}
#top .dh .top_ss a:active,
#top .dh .top_ss a:focus { background-position:-135px -108px;}
#top .dh .top_ss form { width:200px; height:18px; background:url(/Skin/lang5/logo.gif) 0 -90px no-repeat; display:inline;}
#top .dh .top_ss input.keyword { color:#787878; width:175px; height:18px; border:0; padding-left: 10px; line-height:16px; font-family:Verdana, Arial; background:none; text-align:left; float:left;}
#top .dh .top_ss input.submit { width:25px; height:18px; border:none; background:none; cursor:pointer; float:right;}

/* 主体 */
#mid { width: 1003px; height: auto; padding: 50px 50px 40px; background:url(/Skin/lang5/###mid_bg.gif) #fff left top no-repeat; text-align:center; overflow: hidden;}
#mid #dh { width: 903px; height: 50px; padding: 26px 5px 0 0; text-align: right; border-bottom: #cfcfcf 1px solid; background:url(/Skin/lang5/mid_dh.gif) 0 0 no-repeat; overflow: hidden;}
#mid .zt { width: 802px; height: auto; padding: 40px 0; background:url() no-repeat; overflow: hidden;}
#mid .zt .a_b { width: 380px; height: auto;}
#mid .zt .al_r { width: 550px; padding: 10px 5px 5px 10px; border-bottom: #cfcfcf 1px solid; text-align:left; overflow: hidden;}
#mid .zt .lm_r { width: 550px; overflow: hidden;}
#mid .zt .lm_l { width: 200px; background:url(/Skin/lang5/.jpg) 35px 35px no-repeat; text-align:left; overflow: hidden;}
#mid .zt .lm_l h1 { width: 24px; writing-mode: tb-rl; font-size: 24px; letter-spacing: 3px; font-weight: bold; float: left;}
#mid .zt .lm_l .sm { width: 172px; padding: 80px 0 0 0; float: right;}
#mid .zt .showpage,
#mid .zt .show_page { padding: 12px 0 0 0;}

/* 首页 */
#index #mid { padding: 50px 0; background:url(/Skin/lang5/中国风-首页背景.jpg) #fff right 257px no-repeat;}
#index #top .dh .top_ss { display: none;}
#index #sy_img { margin-bottom: 16px; width: 800px; HEIGHT: 286px; padding: 3px 0; overflow: hidden; FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=0, motion='forward');}
#index #mid .zt { padding: 0;}
#index #mid .zt .a_b .kf_nr { padding: 0;}

/*家装方案*/
#mid .zt .alshow { width: 800px; height: 980px;}
#mid .zt .alshow .show_l { width: 650px; height: 980px;}
#mid .zt .alshow .show_r { width: 150px; height: 980px; letter-spacing: 1px; writing-mode: tb-rl; text-align:left;}
#mid .zt .alshow_ul { position:absolute; right:28px; top:100px;  width: 120px; text-align:right;}
#mid .zt .alshow_ul li { height: 40px; font-size: 22px; font-weight: bold;}

/*案例中心*/
#mid .zt .al_r .img_s { width: 150px; padding: 15px 0;}
#mid .zt .al_r .al_xg { width: 385px;}
#mid .zt .al_r .al_xg h2 { padding: 10px 0; font-size: 14px; font-weight: bold;}
#mid .zt .al_r .al_xg .jj { width: 385px; height: 60px; overflow: hidden;}
#mid .zt .al_r .al_xg .zz { padding: 5px 3px 0 0; text-align:right;}
#mid .zt .a_b .ds_tx { width: 224px; overflow: hidden;}
#mid .zt .a_b .ds_tx a { width: 56px; height: 70px; padding: 5px 3px; overflow: hidden; float: left;}
#mid .zt .a_b .ds_tx a:hover { background: #cfcfcf;}
#mid .zt .a_b .ds_tx img { width: 50px; height: 60px; border: 0;}

/*客户服务*/
#mid .zt .a_b .kf_lm { height: 24px; font-size: 18px;}
#mid .zt .a_b .kf_nr { padding: 0 0 30px 0;}
#mid .zt .a_b .kf_nr li { padding: 5px 5px 2px 18px; border-bottom: #cfcfcf 1px dashed; background:url(/Skin/lang5/li_bg.gif) 5px 12px no-repeat;}
#mid .zt .a_b .kf_dh { width: 380px; height: 240px; overflow: hidden; background:url(/Skin/lang5/kf_dh.jpg) #fff 16px 25px no-repeat;}
#mid .zt .a_b .kf_dh .dv1 { width: 130px;}
#mid .zt .a_b .kf_dh .dv2 { width: 250px;}
#mid .zt .lm_r .lm_lb { padding: 0 0 20px 0;}
#mid .zt .lm_r .lm_lb li { font-size: 14px; padding: 5px 0 2px 6px; border-bottom: #cfcfcf 1px dashed;}
#mid .zt .lm_r .lm_lb li font { font-size: 11px;}

/*企业论坛*/
#mid .zt .gb_top { width: 800px; padding: 40px 0 6px; border-bottom: #062d55 3px solid;}
#mid .zt .gb_top a.ft { background:url(/Skin/lang5/gb_top_ft.gif) left 0 no-repeat; display:block; color:#fff; font-size: 14px; letter-spacing: 5px; font-weight: bold; padding: 5px 0 0 ; width:67px; height:30px; overflow:hidden;}
#mid .zt .gb_top a.ft:hover,
#mid .zt .gb_top a.ft:active { background-position: right 0; text-decoration:none;}
#mid .zt .gb_top a.ft:focus { background-position: left 0;}
#mid .zt .gb_syzt { border-bottom: #cfcfcf 1px dotted; padding: 8px 0 2px;}
#mid .zt .gb_dang { border-bottom: #cfcfcf 1px dotted; width: 800px; height: 28px; padding: 6px 0 0 0; line-height: 30px;}
#mid .zt .gb_dang1 { width: 500px; height: 28px; line-height: 28px; overflow: hidden;}
#mid .zt .gb_dang1 a { font-size:14px;}
#mid .zt .gb_dang2 { width: 100px; line-height: 28px; text-align:left;}
#mid .zt .gb_dang3 { width: 40px; line-height: 28px; text-align:center;}
#mid .zt .gb_dang4 { width: 40px; line-height: 28px; text-align:center;}
#mid .zt .gb_dang5 { width: 120px; line-height: 14px; padding-right: 6px;}
#mid .zt .gb_nr { border-bottom: #cfcfcf 1px solid; padding: 10px 0 5px;}
#mid .zt .gb_nrl { width: 160px; padding-top: 10px; fixed; overflow: hidden; float:left; }
#mid .zt .gb_nrl_tx { width: 120px; height: 130px; padding-top: 10px; background:url(/Skin/lang5/gb_nrl_tx.gif) #707070 center 10px no-repeat; border: #707070 3px dashed; color:#cecece; font-weight: bold; text-align:center; }
#mid .zt .gb_nrr { width: 640px; text-align:left; padding: 10px 0 0 10px; overflow: hidden; float:left; }
#mid .zt .gb_nrr2 { font-size: 14px; line-height: 180%; width: 620px; height: 150px; padding: 30px 0 0 20px; }
#mid .zt .gb_nrr2_hf { padding: 10px;margin: 10px; border: #707070 1px dotted; }
#mid .zt .gb_nre { width: 800px; padding: 20px 0 0;}

/*内容页*/
#mid .zt h1 { font-size: 20px; font-weight: bold;}
#mid .zt .nr { font-size: 14px; line-height: 180%; width: 802px; height: auto; text-align:left; padding: 20px 0 5px; overflow: hidden;}
#mid .zt .nr img { border: #cfcfcf 1px solid;}
#mid .zt .sx { text-align:left; padding: 20px 0 5px;}
#mid .zt .pl h2 { font-size: 14px; font-weight: bold; height: 40px; padding: 15px 0 0 20px;background:url(/Skin/lang5/li_bg.gif) 4px -38px no-repeat;}
#mid .zt .pl .pl_zt { cursor: hand; width:800px; height: 28px; padding: 5px 0 0 20px; border-bottom: #999 1px dotted; background:url(/Skin/lang5/li_bg.gif) 4px -80px no-repeat;}
#mid .zt .pl .pl_dv { display:inline; padding: 0 3px 3px; background: #f0f0f0; border-right: #999 1px dotted; border-bottom: #999 1px dotted; border-left: #999 1px dotted;}
#mid .zt .pl .pl_dv .pl_ip { width:790px;}
#mid .zt .pl .pl_dv .pl_nr { width:790px; padding: 5px 0 5px 19px; table-layout: fixed; overflow: hidden;}
#mid .zt .pl .pl_dv .pl_gl { padding: 5px; border: #999 1px dotted; background: #fff;}
#mid .zt .pl .pl_fy { padding: 2px 0  5px; text-align:right;}

/*作者页*/
#mid .zt .zzxs_l { width: 200px; background:url(/Skin/lang5/zzxs_l.jpg) 35px 35px no-repeat; text-align:left;}
#mid .zt .zzxs_l dt { width: 200px; height: 185px;}
#mid .zt .zzxs_l dd { width: 200px; overflow: hidden;}
#mid .zt .zzxs_l .zz { padding: 0 0 10px 40px;}
#mid .zt .zzxs_l .dw { padding: 0 0 0 40px;}
#mid .zt .zzxs_l .lb { padding: 0 0 0 40px;}
#mid .zt .zzxs_l .kh { padding: 0 0 30px 40px;}
#mid .zt .zzxs_l .zz b { font-size: 20px; font-weight: bold;}
#mid .zt .zzxs_r { width: 550px;}
#mid .zt .zzxs_r dd h4 { padding: 10px 0; font-size: 14px; font-weight: bold;}

/* 频道效果 */
#index #top .dh .index,
#news #top .dh .news,
#jzfa #top .dh .jzfa,
#alzx #top .dh .alzx,
#bzgc #top .dh .bzgc,
#khfw #top .dh .khfw,
#user #top .dh .user,
#guestbook #top .dh .guestbook { background:url(/Skin/lang5/top_li.gif) center 18px no-repeat;}
#news #mid #dh { background:url(/Skin/lang5/mid_dh.gif) 0 -50px no-repeat;}
#jzfa #mid #dh { background:url(/Skin/lang5/mid_dh.gif) 0 -100px no-repeat;}
#alzx #mid #dh { background:url(/Skin/lang5/mid_dh.gif) 0 -150px no-repeat;}
#bzgc #mid #dh { background:url(/Skin/lang5/mid_dh.gif) 0 -200px no-repeat;}
#khfw #mid #dh { background:url(/Skin/lang5/mid_dh.gif) 0 -300px no-repeat;}
#user #mid #dh { background:url(/Skin/lang5/mid_dh.gif) 0 -350px no-repeat;}
#guestbook #mid #dh { background:url(/Skin/lang5/mid_dh.gif) 0 -250px no-repeat;}

/* 底部 */
#mid .ad { width: 903px; height: 100px; padding: 4px 0 0; overflow: hidden;}
#mid .ad a.ad_1,#mid .ad a.ad_2,#mid .ad a.ad_3 { display:block; color:#fff; text-align:left; font-weight: bold; padding: 72px 0 0 22px; width:298px; height:96px; border: #cfcfcf 1px solid; margin-right: 3px;display:inline; overflow:hidden;}
#mid .ad a.ad_1 { background:url(/Skin/lang5/mid_ad.jpg) left 0 no-repeat;}
#mid .ad a.ad_1:hover,
#mid .ad a.ad_1:active { color: #ff0000; background-position: right 0; text-decoration:none;}
#mid .ad a.ad_1:focus { background-position: left 0;}
#mid .ad a.ad_2 { background:url(/Skin/lang5/mid_ad.jpg) left -92px no-repeat;}
#mid .ad a.ad_2:hover,
#mid .ad a.ad_2:active { color: #ff0000; background-position: right -92px; text-decoration:none;}
#mid .ad a.ad_2:focus { background-position: left -92px;}
#mid .ad a.ad_3 { background:url(/Skin/lang5/mid_ad.jpg) left -184px no-repeat;}
#mid .ad a.ad_3:hover,
#mid .ad a.ad_3:active { color: #ff0000; background-position: right -184px; text-decoration:none;}
#mid .ad a.ad_3:focus { background-position: left -184px;}
/*首页底部修改*/
#index #mid .ad a.ad_1,#index #mid .ad a.ad_2,#index #mid .ad a.ad_3 { color:#ff0000;}
#index #mid .ad a.ad_1 { background:url(/Skin/lang5/mid_ad.jpg) right 0 no-repeat;}
#index #mid .ad a.ad_1:hover,
#index #mid .ad a.ad_1:active { color: #fff; background-position: left 0; text-decoration:none;}
#index #mid .ad a.ad_1:focus { background-position: right 0;}
#index #mid .ad a.ad_2 { background:url(/Skin/lang5/mid_ad.jpg) right -92px no-repeat;}
#index #mid .ad a.ad_2:hover,
#index #mid .ad a.ad_2:active { color: #fff; background-position: left -92px; text-decoration:none;}
#index #mid .ad a.ad_2:focus { background-position: right -92px;}
#index #mid .ad a.ad_3 { background:url(/Skin/lang5/mid_ad.jpg) right -184px no-repeat;}
#index #mid .ad a.ad_3:hover,
#index #mid .ad a.ad_3:active { color: #fff; background-position: left -184px; text-decoration:none;}
#index #mid .ad a.ad_3:focus { background-position: right -184px;}
#end { width: 1003px; height: 60px; padding: 14px 5px; text-align:left; overflow: hidden;}
#end, #end a:link, #end a:visited{color: #555;}
#end a:hover, #end a:active {color: #787878;}

/*内容客服*/
#mid .yx { padding: 0 5px 0 0;}
/*客服悬浮*/
.kfxf_li { width: 14px; height: 13px;}

/* 悬浮 */
#lightbox{ background:url(/Skin/lang5/l5_xf_bg.gif) #fff; border: #555 3px double; padding: 26px 5px 0;}
#lightboxDetails{font-size: 12px; color: #555; padding-top: 5px;}	
#lightboxCaption{ position:absolute; top: 3px; left: 3px; color: #555; padding-left: 22px; background:url(/Skin/lang5/logo_hs.gif) no-repeat;}
#keyboardMsg{ float: right;}
#closeButton{top: 3px; right: 3px;}
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{background-color: #555;}
* html #overlay{background-color: transparent;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Skin/lang5/l5_xf_css_bg.png", sizingMethod="scale");}

/* 用户控制面板 */
.user_border { width: 800px; height: auto;}
.user_box { width:100%; height:100%; background-color: #ffffff;border-collapse:15;}/*标题栏*/
.user_line {line-height: 1px;background-image: url(//Skin/ocean/line.gif);}
.user_toolstop { line-height: 28px;font-size: 12px;font-weight: bold;color: #666666;padding-left: 10px;letter-spacing: 4pt;}/*左区块内标题栏*/
.user_toolsbot { line-height: 25px;font-size: 12px;color: #666666;border-right-width: 4px;border-right-style: solid;border-right-color: #1c65be;}/*左区块内内容*/
.user_toolspoint { padding-left: 6px;}/*区块内箭头栏*/
.border1 { border: 1px solid #bfbfbf;}
.title { background:#449ae8;color: #ffffff;font-weight: normal;}
.title a:link, .title a:visited{color: #ffffff;}
.title a:hover {color: #ff0000;}
.border { border: 1px solid #449ae8;}
.tdbg { background:#f0f0f0;line-height: 150%;}
.tdbgmouseover { background:#bfdfff;line-height: 150%;}
.tdbg2 { background:#e0eef5;line-height: 150%;}
.tdbg5 { background:#e0eef5;line-height: 150%;}
.title5 { width:80px;background:url(/user/images/titlebg2.gif);line-height: 120%;padding-top:2px;cursor:hand;}
.title6 { width:80px;background:url(/user/images/titlebg1.gif);color: #fff;font-weight: normal;padding-top:2px;cursor:hand;}
.button1 { width:90px;}