﻿@charset "utf-8";/* CSS Design By iLank,www.ilank.cn*/
/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
fieldset,img,abbr,acronym{border:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
address,caption,cite,code,dfn,em,var{font-weight:normal;font-style:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{/*font-weight:normal;*/font-size:100%;}
q:before,q:after{content:'';}
a{text-decoration:none;color:#5e6164}
a:hover{text-decoration:underline;color:#f39}
/*a:hover img,.q_pic:hover{filter:alpha(opacity=70);opacity:0.7;cursor:pointer}*/
img,#WzTtDiV img{background:#fcfcfc url(load.gif) no-repeat center center}
.c{clear:both;height:0;font-size:1px;line-height:0}
.outline{blr:expression(this.onFocus=this.blur());outline:none}
.none{display:none}

/*---头部---*/
html{overflow-x:hidden;overflow-y:scroll;background:#fff url(load.gif) no-repeat center 55px}
body{background:#fff url(lq_bg.gif) repeat-x center 0;color:#5e6164;font:12px 微软雅黑,Verdana,宋体,sans-serif;height:100%;word-break:break-all}
.header{height:226px;width:898px;margin:0 auto}
.header_bd{height:184px;position:relative}
.logo{width:252px;height:120px;overflow:hidden;position:absolute;top:34px;left:25px;background:url(logo.gif) no-repeat 0 0}
.logo h1{padding-top:130px;display:block}
.logo a{width:246px;padding-top:130px;display:block}
/*---顶部链接与qq---*/
.top_r{float:right;width:338px;height:174px;color:#fff}
.top_list{height:24px;line-height:24px}
.top_list li{float:left}
.top_list a{color:#fff}
.top_list a:hover{color:#fff}
.top_tel{clear:both;height:64px;overflow:hidden;padding:85px 0 0 130px}
.top_tel a{width:201px;background:url(tel.gif) no-repeat; display:block;padding-top:70px}
#nav{height:42px;text-align:center;background:#ff7cc7 url(nav.gif) 0 -84px;clear:both}
#nav .l{height:42px;width:10px;float:left;background:url(nav.gif)}
#nav .r{height:42px;width:10px;float:right;background:url(nav.gif) right -42px}
#nav ul{float:left}
#nav li{float:left;width:106px;height:40px;float:left;background:url(nav.gif) no-repeat right -168px}
#nav li.line_off{background:none}
#nav a{display:block;float:left;height:38px;padding-top:2px;line-height:38px;font-size:14px;color:#666;width:104px}
#nav a:hover,#nav .active{background:url(nav.gif) center -126px;color:#c09;text-decoration:none;font-weight:700}
/*---悬浮QQ--- */
.Qbox{position:absolute;right:0;top:145px;z-index:99;width:178px}
.Qbox img{background:none}
.Qlist{left:0;position:absolute;width:145px}
.Qlist .b{background:url(q/q_listbg.gif) no-repeat right}
.Qlist .con{background:url(q/q_listbg.gif) repeat-y -155px 0}
.Qlist .con ul{background:#fff;width:90%;margin:0 auto;padding-top:7px}
.Qlist .con h2{background:url(q/q_listbg.gif) repeat-y -163px 0;color:#fff;font:bold 14px "";height:22px;text-align:center;width:90%;margin:0 auto}
.Qlist .con h2 a{color:#fff;font-size: x-small;position:relative;left:10px;top:-1px;font-family:Verdana}
.Qlist .con li{padding:5px 0 0 8px;clear:both}
.Qlist .con li span{float:left;display:block;width:23px;padding-right:5px}
.Qlist .con li span img{float:right}
.Qlist .t{background:url(q/q_listbg.gif) no-repeat left}
.Qlist .t,.Qlist .b{font-size:1px;height:6px;overflow:hidden}
.press{border:none;cursor:pointer;}
#divMenu{height:158px;position:absolute;right:0;width:33px;background:url(q/q_b.gif) no-repeat}
.Qtel{color:#f39;text-align:left;margin:5px 0 0 8px}
/*---新闻---*/
.news{width:898px;margin:0 auto;padding:9px 0 43px 0}
.md_news{float:right;width:320px;height:210px;background:#fff url(news.gif) no-repeat}
.md_news .hd{position:relative;height:35px;border-bottom:1px dotted #cecece}
.md_news h2{padding:12px 0 0 20px;font-size:14px;color:#c09}
.md_news h2 span{font-size:12px;margin-left:5px}
.md_news .hd a{float:right;width:55px;height:20px;display:block;background:url(more.gif) no-repeat right 0; position:absolute; right:-2px;top:-2px;padding:16px 0 0}
.list01{padding:5px 15px 0}
.list01 li{line-height:22px;height:22px;overflow:hidden;background:url(ico01.gif) no-repeat 0 8px;padding-left:10px}
.list01 li span{float:right;padding-left:10px;color:#999}
#app{width:562px;height:210px;background:#fff url(load.gif) no-repeat center center}
/*---主体---*/
.warp{width:898px;margin:0 auto}
.main{float:left;width:660px;overflow:hidden;/*background:url(main_line.gif) no-repeat right 10px*/}
#sidebar{float:right;width:221px}
/*---案例展示---*/
.md_show{padding-bottom:28px}
.md_show .hd{background:url(hd02.gif) no-repeat;height:27px;overflow:hidden;margin-bottom:10px}
.md_show .hd a{padding-top:27px;display:block;width:170px;display:block}
.md_show .bd{background:#fff url(md_fl.gif) repeat-x 0 -40px;overflow:hidden;padding:5px 0 0 15px}
.list_show li{width:630px;overflow:hidden;border-bottom:1px dotted #cecece;height:120px;padding-top:10px;clear:both;position:relative}
.list_show img{width:170px;height:100px;float:left;margin:5px 10px 0 0}
.list_show h3{line-height:30px;color:#c09;height:30px;overflow:hidden;cursor:pointer;font-weight:400;font-size:16px}
.list_show a:hover h3{color:#f39;text-decoration:none}
.list_show span{font-size:12px;color:#999;margin-left:10px}
.list_show p{line-height:20px}
.list_show a.more{color:#fff;background:url(more2.gif) no-repeat 0 0;display:block;width:42px;padding-left:5px;height:13px;line-height:15px;overflow:hidden;position:absolute;top:90px;left:557px;text-indent:0}
.list_show a.more:hover{text-decoration:none;color:#ff0}
/*---手绘墙图片列表---*/
.md_photo{width:654px}
.md_photo .hd{background:#c0c url(hd03.gif) no-repeat;height:28px;line-height:28px;color:#fff;border:1px solid #93c}
.md_photo .hd span{float:right;padding-right:15px}
.md_photo .hd a,.md_photo .hd a:hover{color:#fff}
.md_photo h2{padding-left:14px;font-size:14px}
.plist01{padding:20px 0 10px 15px;background:#fff url(bd01.gif) repeat-x 0 1px;overflow:hidden}
.plist01 li{float:left;width:191px;height:160px;margin:0 15px 0 5px;display:inline;background:url(plist01.gif) no-repeat 0 0;padding:1px;position:relative}
.plist01 li img{width:185px;height:120px;display:block;border:1px solid #fff;padding:1px}
.plist01 li a:hover img{border:1px solid #f60}
.plist01 li p{height:24px;overflow:hidden;line-height:24px;text-align:right;cursor:pointer;padding-right:3px}
.plist01 li a:hover{color:#f60;text-decoration:none}
.plist01 .m{width:189px;height:124px;position:absolute;left:1px;top:1px;background:url(mask01.gif) no-repeat 0 -200px}
.plist01 li a:hover .m{background:url(mask01.gif) no-repeat;cursor:pointer}

/*---侧栏列表---*/
.md_shq{border:#eee solid 3px;border-bottom-width:10px;background:#fff;overflow:hidden;margin-bottom:15px}
.md_shq .hd{background:#c0c url(hd01.gif) no-repeat;color:#fff;line-height:28px;height:28px;border:1px solid #93c}
.md_shq h2{padding-left:10px;font-size:14px}
.md_shq .hd a,.md_shq .hd a:hover{color:#fff}
.md_shq .hd span{float:right;padding-right:10px}
.md_shq .bd{background:url(bd01.gif) repeat-x 0 1px;overflow:hidden}
.list02{padding:5px 10px 15px}
.list02 li{line-height:26px;height:26px;overflow:hidden;background:url(ico02.gif) no-repeat 0 8px;padding-left:16px;border-bottom:1px dotted #cecece}
.list02 li .active{color:#c09;font-weight:700;font-size:14px}
.list03{padding:5px 10px 10px}
.list03 li{line-height:22px;padding:5px 0 5px;border-bottom:1px dotted #cecece}
.list03 li i{color:#c0c;margin:0 7px 0 0;font-style:normal;font-size:14px}
.list03 li a{display:block}
.list03 li a:hover{text-decoration:none}
/*---友情链接---*/
.link{width:894px;margin:0 auto;clear:both;color:#999}
.link .hd{background:url(hd04.gif) no-repeat;height:28px;overflow:hidden;margin-bottom:10px;border-bottom:1px solid #ccc}
.link .hd a{padding-top:30px;display:block;width:170px;display:block}
.link01 a{color:#999;margin:0 4px}
.link01 a:hover,.link01 .ilank:hover{color:#333;text-decoration:underline}
/*---内页友情链接---*/
.link_md{padding:15px 0 10px 15px;background:#fff;margin:10px auto 15px;border:3px solid #d9dce3;overflow:hidden}
.md_zx_bd dd span{float:right;color:#ccc}
/*---内页友情链接图---*/
.link_pic{padding-bottom:10px}
.link_pic li{margin:0 7px 5px 0; float:left; display:inline}
.link_pic img{height:31px;width:88px;background:url(load.gif) no-repeat center center;cursor:pointer;display:block}
.link_txt{clear:both}
.link_txt a,.link_txt span{line-height:18px;height:18px;overflow:hidden;margin:0 7px 0 0;background:url(ico.gif) no-repeat 1px -13px;width:77px;float:left;display:block;padding-left:11px;color:#999;cursor:pointer}
.link_txt a:hover,.link_txt span:hover{background:url(ico.gif) no-repeat 1px 7px;color:#666;text-decoration:underline}
.link_txt a.link_jh{color:#89672a}
/*---底部---*/
.foot{border:1px solid #ccc;width:898px;margin:20px auto;clear:both;color:#000}
.foot img{display:none}
.foot .bd{border:1px solid #fff;background:#909190 url(foot.gif) repeat-x;height:72px;padding:10px 0 10px 30px;line-height:24px}
.foot a{color:#000}
.foot a:hover{color:#fff}
/*.foot_add,.foot_add a,.foot_add a:hover{color:#FF0}*/
/*---分页---*/
.manu{padding:0 20px;clear:both}
.page{background:url(ico03.gif) repeat-x 0 -23px;margin:0 25px;padding-top:15px;clear:both}
.manu A,.manu strong,.page A,.page strong{text-decoration:none;padding:0 8px;float:left;display:inline;margin:0 2px 30px;line-height:16px;height:16px}
.manu strong,.page strong{color:#999}
.manu .current,.page .current{font-weight:700;background:#f60;color:#fff}
.manu .current:hover,.page .current:hover{color:#fff}
.manu .disabled,.page .disabled{color:#ddd;margin:2px;padding:2px 5px;}
.manu A:hover,.manu A:active,.page A:hover,.page A:active{text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());background:#fc3; color:#fff}
.manu input,.page input{display:none}
.inside .manu,.inside .page{background:#fff url(manu.jpg) repeat-y 0 0;padding:2px 2px;margin:10px 0 0;line-height:16px;height:16px}
.inside .manu a,.inside .manu strong{margin:0 2px 0 0}

/*---网站导航---*/
.site_nav,.md_c .hd{line-height:30px;height:30px;background:#6c6c6c url(line01.gif);color:#fff;padding-left:20px;font-size:14px;border-right:1px solid #666}
.site_nav{margin:3px 0 0 0}
.site_nav a,.site_nav a:hover,.md_c .hd a,.md_c .hd a:hover{color:#fff}
/*---文章正文页---*/
.md_c .bd{background:#fff url(md_fl.gif) repeat-x 0 -40px;overflow:hidden}
.cntL{}
.articleTit{clear:both;font-size:22px;margin:0 auto;padding:25px 0 15px;height:30px;text-align:center;color:#f39;font-family:微软雅黑,黑体,Verdana,宋体,sans-serif; font-weight:400; letter-spacing:1px}
.m_about{text-align:left;color:#f39;background:url(md_fl.gif) no-repeat 0 0;line-height:24px;padding:10px 0 0 30px;font-size:16px;font-weight:700}
.artinfo{border-bottom:1px solid #ececec;border-top:1px solid #ececec;height:26px;line-height:26px;margin:0 18px 15px; text-align:center; color:#666; font-weight:400}
.articleCnt{clear:both;font-size:14px;line-height:1.8em;text-align:left; padding:0 18px;margin:0 auto; overflow:hidden}
.articleCnt a{color:#F60;text-align:center}
.articleCnt p{margin:12px 0}
.cnt_tag{height:35px;line-height:35px;width:100%;clear:both}
.tag{float:left;text-indent:15px}
.tag,.tag a{color:#999}
.ContentAuthor{color:#999;font-weight:300;text-align:right;margin-right:10px}
.post-nav{border-top:1px dashed #f4f4f4;border-bottom:1px solid #f4f4f4;clear:both;height:32px;line-height:32px;overflow:hidden;background:#fbfbfb;}
.post-nav .l{float:left;padding-left:10px;width:285px;}
.post-nav .r{float:right;padding-right:10px;width:285px;text-align:right}
.le100 .post-nav .l,.le100 .post-nav .r{width:420px;}
a.lred,.lred{color:#f39}
/*---宽频正文页---*/
.cntL_hd .r{float:right;height:74px;width:112px;margin:17px 10px 0 0;display:inline;overflow:hidden;background:url(nav_c.gif) no-repeat center 0}
.cntL_hd .r span{margin-left:10px;float:left;display:inline}
.cntL_hd .r a{width:42px;padding-top:76px;display:block}
.cntL_hd .r a:hover{filter:alpha(opacity=40);opacity:0.4;background:#fff}
.cntL_hd .l{float:left;padding:20px 0 15px 15px;width:760px}
.cntL_hd .l img{width:136px;height:88px;float:left;padding:1px;background:#fff;border:3px solid #f2f4f7}
.cntL_hd .l h1,.cntL_hd .l h5{float:left;width:590px}
.cntL_hd .l h1{font-size:24px;padding:8px 0;margin-left:10px;color:#f39;font-family:微软雅黑,黑体;font-weight:400;letter-spacing:1px}
.cntL_hd .l h5{font-weight:300;background:url(line02.gif) no-repeat -170px 0;line-height:24px;text-indent:12px;height:24px;overflow:hidden; color:#999}
.Content-body img,.boredr_bg{background:#fff url(load.gif) no-repeat center center;margin:25px auto;display:block}
.Content-body p{margin:12px 0}
/*---相关文章---*/
.cnt_about{padding:10px 0 10px 10px;}
.cnt_about .list04{width:450px;float:right}
.cnt_about .list04 li{line-height:22px;height:22px;overflow:hidden;width:200px;overflow:hidden;float:left;margin:0 5px 0 0;background:url(ico04.gif) no-repeat 5px 10px;padding-left:16px}
.cnt_about .pic04 img{width:130px;height:94px;margin-right:10px;display:inline}
.plist04{padding:5px 0 0 5px}
.plist04 li{float:left;width:134px;height:130px;margin:0 12px 0 0;display:inline}
.plist04 li img{width:130px;height:94px;display:block;padding:2px 2px 0}
.plist04 li a{display:block}
.plist04 li a:hover img{background:#f60}
.plist04 li p{height:22px;overflow:hidden;line-height:22px;cursor:pointer;text-align:center}
.plist04 li a:hover{background:#f60;color:#fff;text-decoration:none}

/*---评论--- */
.face1{background:url(face/1.jpg) no-repeat left 11px}
.face2{background:url(face/2.jpg) no-repeat left 11px}
.face3{background:url(face/3.jpg) no-repeat left 11px}
.face4{background:url(face/4.jpg) no-repeat left 11px}
.face5{background:url(face/5.jpg) no-repeat left 11px}
.face6{background:url(face/6.jpg) no-repeat left 11px}
.face7{background:url(face/7.jpg) no-repeat left 11px}
.face8{background:url(face/8.jpg) no-repeat left 11px}
.face9{background:url(face/9.jpg) no-repeat left 11px}
.face10{background:url(face/10.jpg) no-repeat left 11px}
.face11{background:url(face/11.jpg) no-repeat left 11px}
.face12{background:url(face/12.jpg) no-repeat left 11px}
.face13{background:url(face/13.jpg) no-repeat left 11px}
.face14{background:url(face/14.jpg) no-repeat left 11px}
.face15{background:url(face/15.jpg) no-repeat left 11px}
.face16{background:url(face/16.jpg) no-repeat left 11px}
.face17{background:url(face/17.jpg) no-repeat left 11px}
.face18{background:url(face/18.jpg) no-repeat left 11px}
.face19{background:url(face/19.jpg) no-repeat left 11px}
.face20{background:url(face/20.jpg) no-repeat left 11px}
.face21{background:url(face/21.jpg) no-repeat left 11px}
.face22{background:url(face/22.jpg) no-repeat left 11px}
.face23{background:url(face/23.jpg) no-repeat left 11px}
.face24{background:url(face/24.jpg) no-repeat left 11px}
.face25{background:url(face/25.jpg) no-repeat left 11px}
.face26{background:url(face/26.jpg) no-repeat left 11px}
.face27{background:url(face/27.jpg) no-repeat left 11px}
.face28{background:url(face/28.jpg) no-repeat left 11px}
.face29{background:url(face/29.jpg) no-repeat left 11px}
.face30{background:url(face/30.jpg) no-repeat left 11px}
.comment{line-height:190%;margin:0 auto;clear:both; overflow:hidden;background:#E9EBEF url(book_bt.gif) no-repeat center bottom;padding:0 20px 48px;width:830px}
.comment02{width:auto}
.comment_hd{padding-top:10px}
.book{margin-top:12px}
.comment .more2,.comment .list{}
.comment .more{padding-bottom:5px}
.comment .more_t{padding:20px 0 10px}
.comment .more_t b a{color:#c00;font-size:14px}
.more_c{background:#f90;color:#fff}
.more_c:hover{background:#c6f;color:#fff}
/*---回复人数块---*/.comment .more{padding-left:10px; padding-top:10px; margin-bottom:-10px}
/*---回复人数---*/.comment .more b{position:relative;height:1px}
/*---回复人数---*/.comment .more b span{position:absolute;width:300px;top:-30px;*top:8px;font:30pt Georgia;}
/*---块---*/.comment dl{padding-bottom:10px;padding-left:115px;padding-top:10px}
/*---标题---*/.comment dt{line-height:25px;height:25px;background:#fff url(book.gif) repeat-x 0 1px;border:1px solid #D2D9E3;padding-top:1px}
/*---标题加粗---*/.comment dt strong{padding-left:33px;background:url(user.gif) no-repeat 10px center;color:#c00;padding-right:20px;font-size:14px;letter-spacing:1px}
/*---时间---*/.comment dt span{font-size:12px;letter-spacing:1px}
/*---计数---*/.comment dd .n{position:relative;text-align:right;height:1px;}
/*---计数---*/.comment .n em{font:30pt Georgia;position:absolute;top:-15px;right:12px;height:40px;line-height:50px;color:#D2D9E3}
/*---计数---*/.comment .n em span{font-size:14pt;font-style:italic}
/*---内容---*/.comment dd{line-height:180%;font-size:10.5pt;padding:9px 0 10px 14px;background:#fefefe;border:1px solid #D2D9E3;color:#202F46;min-height:103px;_height:103px;line-height:1.8em}
/*---用户内容---*/.comment dd .u{padding-right:110px}
/*---回复---*/.comment dd .a{border-top:1px dashed #D2D9E3;margin:13px 0 0 32px;padding:8px 8px 0 70px;min-height:55px;_height:55px;font-weight:700;background:url(admin.gif) no-repeat 1px 0}
/*---回复内容---*/.comment dd b{font-weight:400;color:#FF00AB}
.comment .post{margin:0 auto;padding-top:20px;width:644px;letter-spacing:1px}
.textarea_top{padding-top:10px}
.comment label{font-size:14px;height:20px;line-height:20px}
.comment .input,.comment .input2{padding:4px;height:14px;vertical-align:middle;border:1px solid #d8dfe5;background:#fefefe;color:#555}
.comment .textarea,.comment .textarea2{border:1px solid #d8dfe5;background:#fff url(book_bg.gif) no-repeat right bottom;float:left;height:86px;width:520px;margin-top:2px;padding:6px;color:#555}
.comment .input2,.comment .textarea2{border:1px solid #0cf;background:#fff url(btn_bg.gif) repeat-x 0 0;color:#09f}
.comment .btn,.comment .btn2{float:right;height:104px;width:104px;background:#fff url(btn.gif) no-repeat center top;border:none; font-size:14px; font-weight:700; color:#663300;cursor:pointer}
.comment .btn2,.comment .btn:hover{background:#fff url(btn.gif) no-repeat center bottom}
/*---分隔线---*/.line{border-top:1px solid #dbdee5;border-bottom:1px solid #f1f1f1;margin:5px 10px}
/*---插入网页---*/.inside{background:#fff url(md_fl.gif) repeat-x 0 -40px;overflow:hidden}
.sunge_i_search{padding:10px 0 10px 20px}
.sunge_i_search #keyword,.sunge_i_search #searchtype{padding:1px 0 1px 1px;line-height:17px}
.inside .node{padding:0 20px 0}
.inside .node .title{line-height:25px;height:25px;font-size:14px;background:#fff url(book.gif) repeat-x 0 1px;border:1px solid #D2D9E3;padding-top:1px}
.inside .node .title h2{padding-left:33px;background:url(user.gif) no-repeat 10px center;color:#c00;padding-right:20px;font-size:14px;letter-spacing:1px}
.inside .node .description{line-height:180%;font-size:14px;padding:9px 14px 10px;background:#fefefe;border:1px solid #D2D9E3;border-bottom:none;color:#202F46;text-indent:2em}
.inside .node .info{margin-bottom:20px;background:#fefefe;border:1px solid #D2D9E3;border-top:none;color:#202F46;text-align:right; padding-right:10px;color:#999;padding-bottom:5px}

/*---内页作品列表---*/
.md_fl{background:url(md_fl.gif) repeat-x 0 -40px;margin:0 1px;height:50px;border-bottom:1px dotted #cecece}
.md_fl h1{color:#f39;background:url(md_fl.gif) no-repeat 0 0;line-height:30px;padding:10px 0 0 30px;font-size:24px;font-weight:400}
.md_fl span{float:right;margin:5px 20px 0 0}
.md_fl a{background:#39f url(btn_b.gif) no-repeat 0 0;display:block;float:left;margin:0 4px;width:90px;height:23px;line-height:22px;padding-top:2px; text-align:center;color:#fff}
.md_fl a:hover,.md_fl .active{background:#f3c url(btn_b.gif) no-repeat 0 -25px;color:#fff;text-decoration:none;font-weight:700}
