@charset "gb2312";
/* www.pcfinal.cn */
img { border:none; }
/*基本信息*/
dd,dl,dt,ul,li {margin:0; padding:0; list-style:none;font-family:"微软雅黑"; }
body{font-size:13px; font-family:"微软雅黑";line-height:22px;color:#565656; margin:0px;padding:0px;background-color:#ffffff;font-family:"微软雅黑";}
td{ line-height:22px; font-size:14px; font-family:"微软雅黑";}
a {color:#565656;text-decoration:none;font-size:13px;}
a:visited {color:#565656; text-decoration:none;font-size:13px;}
a:hover {color:#ff0000;font-size:13px;}
a:active {color:#565656;font-size:13px;}
.fix{*zoom:1;}
.fix:after{clear:both;content:"";display:table;}
.fB{font-weight:bold;}
.f12px{font-size:13px;color:#6d6d6d;}
.f14px{font-size:20px; color:#5e5e5e;}
.f15px{font-size:13px; color:#cacaca;}
.f18px{color:#000000;font-size:24px;}
.f16px{font-size:16px;color:#000000;line-height:2.0; padding:10px}
.f17px{font-size:18px; color:#666666;}
.f19px{font-size:25px; color:#FFFFFF; padding-left:10px; line-height:30px;font-weight:bold}
.f20px{font-size:18px; color:#00A2E8;line-height:30px;}
.f21px{font-size:17px; color:#F4BD7C;line-height:25px;}
.f22px{font-size:18px; color:#0072B8;font-weight:bold;}
.f23px{font-size:14px; color:#666666;}
.f24px{font-size:13px; color:#ffffff;}
.f25px{font-size:20px; color:#747474; line-height:20px}


/* 内页新闻列表字体大小 */
.f26px{font-size:16px;height:45px;line-height:45px}
.f27px{font-size:16px;}
.f27px a{font-size:16px;}
.f28px{padding-left:10px;padding-top:20px;line-height:2.2; font-size:16px;}
.f29px{font-size:24px;color:#FFFFFF}
.f30px{font-size:16px;}
.f30px a{font-size:16px;}


.f31px{font-size:32px; color:#000000; line-height:50px}
.sjszw{ background-color:#FF0000;width:130px; height:35px;text-align:center;line-height:35px; color:#FFFFFF; font-size:16px}

.f32px{font-size:15px;line-height:2.4}
.f32px p{margin:0;padding:0;}
.f33px{font-size:20px; color:#000000; line-height:50px; border-bottom:1px #dadada solid}
.f34px{font-size:26px; color:#000000; line-height:60px; border-bottom:3px #ff0000 solid; width:190px}

.left{float:left;}
.jl{ padding-left:60px;}
.right{float:right;}
.leftmenu{font-size:19px; color:#FFFFFF;font-family:"宋体";}
.boder{ border:1px solid #D8D8D8;}
.top-bg{ background:url(../images/bg_02.jpg) no-repeat center top;}

#dbfd{width:100%;height:168px;text-align:center;background:url(../images/1_12201.png) repeat-x center top; position:fixed; bottom:0px; left:0px; z-index:99999;}
#dbfd .fd{ margin:0 auto;width:1270px;height:168px;background:url(../images/1_122.png) no-repeat center center;position:relative}
#dbfd .guanbi{ position:absolute; right:0; top:50px; z-index:9999}
#dbfd .guanbi a{display:block;width:50px;height:50px;}


#yhq{width:100%;}
#yhq ul{width:100%;}
#yhq li{width:24%; float:left; margin-left:0.9%}
#yhq li img{width:100%; }

#sjal{width:100%;}
#sjal ul{width:100%; margin-left:-10px;margin-top:10px}
#sjal li{width:24%;float:left;margin-left:1%;margin-top:10px}
#sjal li img{width:100%;}


#top-menu{ width:660px;}
#top-menu li{ float:left; text-align:center}
#top-menu a{ display:block;width:110px;height:100px;line-height:100px;color:#4d4d4d;font-size:16px;}
#top-menu a:hover{display:block;width:110px; background:url(../images/1_07.jpg) no-repeat center center;color:#FFFFFF}

#gsxx{ width:250px; margin-left:-8px; margin-top:10px}
#gsxx li{ float:left; text-align:center; margin-left:10px; margin-bottom:10px}
#gsxx a{ display:block;width:113px;height:32px;line-height:32px;color:#7a7a7a;font-size:14px;background:url(../images/1_36.jpg) no-repeat center center;}
#gsxx a:hover{display:block; background:url(../images/1_34.jpg) no-repeat center center; color:#FFFFFF}

.sheji{width:100%;}
.sheji li{float:left;}
.sheji .tongyong1{width:17%; margin-right:1%; padding-top:5%}
.sheji .tongyong2{ width:17%;padding-top:5%}
.sheji .tongyong3{ width:17%; margin-left:1%;padding-top:5%}
.sheji .zhongxin{width:28%; margin-left:1%; margin-right:1%;}

.cwhite,.cwhite:visited,.cwhite a{color:#fff;}
.cYellow,.cYellow:visited{color:#471d19; font-size:14px; font-weight:bold;}
.cgreen,.cgreen:visited{color:#008000;}
.cLGray,.cLGray:visited,.cLGray a,.cLGray a:visited {color:#333;}
.cGray,.cGray:visited,.cGray a,.cGray a:visited {color:#585858; font-family:Arial;}
.cDGray,.cDGray:visited,.cDGray a,.cDGray a:visited {color:#727171;}
.cblack,.cblack:visited,.cblack a,.cblack a:visited {color:#000;}
.cblue,.cblue:visited,.cblue a,.cblue a:visited {color:#471d19;}
.cred,.cred:visited,.cred a,.cred a:visited {color:#471d19;}
.cdRed,.cDRed:visited,.cDRed a,.cDRed a:visited {color:#ba2636;}

.frame {width:24%;float:left;margin-right:0.5%;margin-left:0.5%;display:inline; margin-top:20px}
.wrap {width:100%;position:relative; overflow:hidden; }
.wrap img {display:block; width:100%; height:100%}
.wrap div {width:100%; height:55%; padding:60% 0 0 0; position:absolute; left:0; top:0; z-index:1}
.wrap div b {display:block; width:100%; height:25%; position:absolute; left:0; top:60%; z-index:-9999; background:#000; filter: alpha(opacity=40);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); opacity:0.40;}
.wrap div span {position:relative; z-index:1;}
.wrap div h1{color:#ffffff; text-align:center; margin:0; padding:0; z-index:600}
.wrap div h1 a{color:#ffffff;z-index:600; font-size:18px}
.wrap div h1 a:hover{color:#FFF000;z-index:600}
.wrap div p { display:block; width:25%; margin:0 auto;color:#ffffff;z-index:600}
.wrap div p img{width:100%; padding-top:10%;}


.clear {clear:both;}

.ie7 .frame {width:24%;float:left;margin-right:3px;margin-left:13px;display:inline; margin-top:20px}
.ie7 .wrap {width:100%;position:relative; overflow:hidden; }
.ie7 .wrap img {display:block; width:100%; height:100%}
.ie7 .wrap div {width:100%; height:55%; padding:60% 0 0 0; position:absolute; left:0; top:0; z-index:1}
.ie7 .wrap div b {display:block; width:100%; height:30%; position:absolute; left:0; top:60%; z-index:-9999; background:#000; filter: alpha(opacity=40);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); opacity:0.40;}
.ie7 .wrap div span {position:relative; z-index:1;}
.ie7 .wrap div h1{color:#ffffff; text-align:center; margin:0; padding:0; z-index:600}
.ie7 .wrap div h1 a{color:#ffffff;z-index:600; font-size:18px}
.ie7 .wrap div h1 a:hover{color:#FFF000;z-index:600}
.ie7 .wrap div p { display:block; width:25%; margin:0 auto;color:#ffffff;z-index:600}
.ie7 .wrap div p img{width:100%; padding-top:8%;}


.clear {clear:both;}

/* 案例展示 */

.case-list a {
    display: block;
    text-align: center;
	font-size:18px;
}

.case-list img {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 50%;
    transition: all ease .3s;
    -webkit-transition: all ease .2s
}

.case-list .col {
    float: left;
    width: 170px
}

.case-list a:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2)
}

/* 留言按钮 */

#informationBtn{
width: 125px;
height: 36px;
line-height: 36px;
font-size:18px;
border: 0;
color: #ffffff;
text-align: center;
background-color:#b70a0c;
border-radius: 3px;
cursor: pointer;
margin-top: 15px;	
}

.yzm1 img{ padding-top:3px;}


/*banner 导航*/
.top-nav ul li a {color: #585656;font-family:"微软雅黑";font-size:15px;text-decoration: none;display:block; width:116; height:52px;}
.top-nav ul li  a:hover,.top-nav ul li.current a {background:url(../images/a_03.png) no-repeat center center;color:#FFFFFF;}
.mtime-box { min-width:100%;height:550px;position:relative;overflow: hidden;}
.mtime-box .bd{ width:100% !important; }
.mtime-box .bd li .m-width {width: 1022px;padding-top:420px; margin:0 auto;overflow:hidden; }
.mtime-box .bd li { width:100% !important; height:550px; }
.mtime-box .bd li a { display: block;padding: 11px 11px 0 11px; }

.mtime-btn {width: 1022px; position: absolute; top:350px; left: 45%; margin-left: -511px; }
.mtime-btn a { display: block; width: 49px; height: 104px; position: absolute; top: 0; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }

.mtime-box .hd {position: absolute;top: 170px; right: 40%; }
.mtime-box .hd ul li { width: 12px; height: 12px; border-radius :50%; text-indent: -9999px; margin-right: 20px; background: #ffffff; border: 1px #A0A1A4 solid; float: left; cursor: pointer; }
.mtime-box .hd ul li.on { background: #ff0000; }

/* VR实景装修案例 */
#focus_Box{position:relative;width:1200px;height:450px;margin:0 auto;}
#focus_Box ul{position:relative;width:1000px;height:450px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;background:url(../images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(../images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:200px;}
#focus_Box .prev{background:url(../images/btn.png) left bottom no-repeat;left:0px}
#focus_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:0px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../images/share-btn.png) no-repeat;text-indent:-999px;}

/* 首页荣誉资质 */
#ryzz{ width:100%;background-color:#000000;}
#ryzz .r_1{ width:98%;}
#ryzz .r_1 li{ float:left; margin-right:0.5%; width:19%; margin-top:30px; margin-bottom:30px;}
#ryzz .r_1 li a{ font-size:16px; color:#bbbbbb}
#ryzz .r_1 li img{ width:100%}

/* 首页设计师 */
#sjs{ width:986px;}
#sjs li{float:left;text-align:center; margin-right:20px;}
#sjs li a{ display:block; width:226px; height:72px;background:url(../images/3_03.png) no-repeat center top;line-height:60px; font-size:18px;color:#FFFFFF; }
#sjs li a:hover{ font-size:18px;line-height:60px;color:#ff0000;background:url(../images/3_05.png) no-repeat center top;}

/* 首页设计师 副本 
#sjs{ width:986px;}
#sjs li{float:left;text-align:center; margin-right:20px}
#sjs li a{ display:block; width:226px; height:72px;background:url(../images/3_03.png) no-repeat center top;line-height:60px; font-size:18px;color:#FFFFFF; }
#sjs li a:hover{ font-size:18px;background:url(../images/3_05.png) no-repeat center top;line-height:60px;color:#FF0000}
*/

/* CSS 间隙 */
.blank{border-left:1px solid #DEDEDE; border-right:1px solid #DEDEDE; border-top:1px solid #A0D368; border-bottom:1px solid #DEDEDE;}
/*标题*/
h1{ font-size:16px; font-weight:bold;}
h2{ font-size:14px; font-weight:bold;}
h3{ font-size:18px; }

/* 内页新闻列表字体大小 */
A.lt1:link    {font-size:16px;line-height:45px}
A.lt1:visited {font-size:16px;line-height:45px}
A.lt1:hover   {font-size:16px;line-height:45px}
A.lt1:active  {font-size:16px;line-height:45px}
/* 结束*/


A.li:link    {COLOR: #6d6d6d;font-size:13px;}
A.li:visited {COLOR: #6d6d6d;font-size:13px;}
A.li:hover   {COLOR: #ff0000;font-size:13px;}
A.li:active  {COLOR: #6d6d6d;font-size:13px;}

A.top:link    {COLOR: #cacaca;font-size:13px;}
A.top:visited {COLOR: #cacaca;font-size:13px;}
A.top:hover   {COLOR: #fff000;font-size:13px;}
A.top:active  {COLOR: #cacaca;font-size:13px;}

A.li1:link    {font-size:14px;color:#d80c18;TEXT-DECORATION: none;}
A.li1:visited {font-size:14px;color:#d80c18;TEXT-DECORATION: none;}
A.li1:hover   {font-size:14px;color:#d80c18;TEXT-DECORATION: underline;}
A.li1:active  {font-size:14px;color:#d80c18;TEXT-DECORATION: none;}

A.li3:link    {font-size:14px;color:#565656;TEXT-DECORATION: none;}
A.li3:visited {font-size:14px;color:#565656;TEXT-DECORATION: none;}
A.li3:hover   {font-size:14px;color:#ff0000;TEXT-DECORATION: none;}
A.li3:active  {font-size:14px;color:#565656;TEXT-DECORATION: none;}

A.li2:link    {font-size:13px;color:#ff0000;TEXT-DECORATION: none;}
A.li2:visited {font-size:13px;color:#ff0000;TEXT-DECORATION: none;}
A.li2:hover   {font-size:13px;color:#ff0000;TEXT-DECORATION: underline;}
A.li2:active  {font-size:13px;color:#ff0000;TEXT-DECORATION: none;}


A.bb:link    {font-size:14px;color:#ffffff;TEXT-DECORATION: none;}
A.bb:visited {font-size:14px;color:#ffffff;TEXT-DECORATION: none;}
A.bb:hover   {font-size:14px;color:#fff000;TEXT-DECORATION: none;}
A.bb:active  {font-size:14px;color:#ffffff;TEXT-DECORATION: none;}

A.cp:link    {COLOR: #fde8a7; TEXT-DECORATION: none;font-size:14px;}
A.cp:visited {COLOR: #fde8a7; TEXT-DECORATION: none;font-size:14px;}
A.cp:hover   {COLOR: #fde8a7; TEXT-DECORATION: underline;font-size:14px;}
A.cp:active  {COLOR: #fde8a7; TEXT-DECORATION: none;font-size:14px;}

A.ls:link    {COLOR: #717171; TEXT-DECORATION: none; font-size:15px;}
A.ls:visited {COLOR: #717171; TEXT-DECORATION: none; font-size:15px;}
A.ls:hover   {COLOR: #ff0000; TEXT-DECORATION: none; font-size:15px;}
A.ls:active  {COLOR: #717171; TEXT-DECORATION: none; font-size:15px;}

A.lp:link    {COLOR: #333333; TEXT-DECORATION: none; font-size:17px;}
A.lp:visited {COLOR: #333333; TEXT-DECORATION: none; font-size:17px;}
A.lp:hover   {COLOR: #ff0000; TEXT-DECORATION: none; font-size:17px;}
A.lp:active  {COLOR: #333333; TEXT-DECORATION: none; font-size:17px;}

A.lp2:link    {COLOR: #333333; TEXT-DECORATION: none; font-size:15px;}
A.lp2:visited {COLOR: #333333; TEXT-DECORATION: none; font-size:15px;}
A.lp2:hover   {COLOR: #ff0000; TEXT-DECORATION: none; font-size:15px;}
A.lp2:active  {COLOR: #333333; TEXT-DECORATION: none; font-size:15px;}

A.ll:link    {COLOR: #ffffff; TEXT-DECORATION: none; }
A.ll:visited {COLOR: #ffffff; TEXT-DECORATION: none;}
A.ll:hover   {COLOR: #ffff00; TEXT-DECORATION: none;}
A.ll:active  {COLOR: #ffffff; TEXT-DECORATION: none;}

A.lo:link    {COLOR: #333333; TEXT-DECORATION: none;font-size:15px;}
A.lo:visited {COLOR: #333333; TEXT-DECORATION: none;font-size:15px;}
A.lo:hover   {COLOR: #ff0000; TEXT-DECORATION: none;font-size:15px;}
A.lo:active  {COLOR: #333333; TEXT-DECORATION: none;font-size:15px;}

A.ly:link    {color:#0071c9; text-decoration:none; font-size:13px;}
A.ly:visited {color:#0071c9; text-decoration:none; font-size:13px;}
A.ly:hover   {color:#ff0000; text-decoration:none; font-size:13px;}
A.ly:active  {color:#0071c9; text-decoration:none; font-size:13px;}


A.ls2:link    {font-size:14px;color:#ffffff;TEXT-DECORATION: none;}
A.ls2:visited {font-size:14px;color:#ffffff;TEXT-DECORATION: none;}
A.ls2:hover   {font-size:14px;color:#fff000;TEXT-DECORATION: none;}
A.ls2:active  {font-size:14px;color:#ffffff;TEXT-DECORATION: none;}

A.ss:link    {COLOR: #DAC36F; TEXT-DECORATION: none;}
A.ss:visited {COLOR: #DAC36F; TEXT-DECORATION: none;}
A.ss:hover   {COLOR: #ffffff; TEXT-DECORATION: none;}
A.ss:active  {COLOR: #DAC36F; TEXT-DECORATION: none;}


A.footer:link    {COLOR: #ff0000; TEXT-DECORATION: none;}
A.footer:visited {COLOR: #EFE2C0; TEXT-DECORATION: none;}
A.footer:hover   {COLOR: #ff0000; TEXT-DECORATION: none;}
A.footer:active  {COLOR: #ff0000; TEXT-DECORATION: none;}


A.menu:link    {font-size:16px;TEXT-DECORATION: none; color:#ffffff;}
A.menu:visited {font-size:16px;TEXT-DECORATION: none; color:#ffffff;}
A.menu:hover   {font-size:16px;TEXT-DECORATION: none; color:#ff0000;}
A.menu:active  {font-size:16px;TEXT-DECORATION: none; color:#ffffff;}

table {font-size:13px;font-family:"宋体",verdana;}
.a{font-size:13px;COLOR: #3A9607} 
.b{font-size:13px;COLOR: #ffffff; font-weight:bold;} 
.b1{font-size:14px;COLOR: #ffffff;font-weight:bold;} 
.t{color:#304F00; font-weight:bold; font-size:13px;} 
.e{font-size:13px;COLOR: #2F8102} 
.f{font-size:18px; color:#F60106; font-weight:bold;} 
.ba{ border-bottom:1px solid #A9D2EF;border-left:1px solid #A9D2EF;border-right:1px solid #A9D2EF;}
.jj{ border-bottom:1px solid #A9D2EF;border-left:1px solid #A9D2EF;border-right:1px solid #A9D2EF;border-top:1px solid #A9D2EF; padding-left:15px; padding-top:20px; line-height:30px;}
.table-xia {border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #7f7d7e;}
.table-xia1 {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #0066cc;}

.footer{ font-size:13px; color:#36383A;}
#gd{ width:145px; height:105px;}
#gd:hover {border:2px solid #FF780D}
#zoom2{ font-size:13px;}

#hot1{left:120px;}
#hot2{left:300px;}
#hot3{left:320px;}
#hot4{left:375px;}
#hot5{left:380px;}
#hot6{left:610px;}
#hot7{left:570px;}
#hot8{left:442px;}

/* 右侧悬浮客服 */

.floating_ck{position:fixed;right:0px;top:26%; z-index:99999}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#ed6058;text-align:center;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#e40231;border-bottom:solid 1px #a40324;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background:url(../images/icon0701/zxicon.png) no-repeat center center;}
.zhuangxiu{ background:url(../images/icon0701/zxicon.png) no-repeat center center;}
.quote{ background:url(../images/icon0701/kficon.png) no-repeat center center;}
.qrcord{ background:url(../images/icon0701/erweima.png) no-repeat center center;}
.return{ background:url(../images/icon0701/fanhui.png) no-repeat center center;}
.floating_ck dd span{color:#ffffff;display:block;padding-top:54px;}
.floating_ck dd span:hover{color:#ffffff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#e40231;border-bottom:solid 1px #a40324;display:none;}
.floating_left a{color:#ffffff;line-height:80px;}
.floating_ewm{height:260px;top:-99px;}
.floating_ewm i{ background:url(../images/erweima.png) no-repeat center center;display:block;width:145px;height:147px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}


/* 左侧菜单 */
#menu{ margin:0 auto;}
#menu span{display:block;line-height:56px;height:56px;width:288px;cursor:pointer;background:url(../images/ny_06.jpg) no-repeat center top; margin-bottom:5px}
#menu span a{display:block;width:288px;line-height:56px;height:56px;background:url(../images/ny_06.jpg) no-repeat center top; }
#menu span.activeTitle,#menu span.baknone{background:none;}
#menu .menuContent,#menu .hoverContent{display:none;}
#menu .hoverContent{display:block}
#menu .menuContent li,#menu .hoverContent li{line-height:45px;height:45px;margin-right:0px;}
#menu .menuContent li a,#menu .hoverContent li a{padding-left:0px;}
#menu .menuContent ul,#menu .hoverContent ul{padding-left:0px;margin-top:0px;}
#menu *,#menu a:hover{color:#000000; text-decoration:none; font-size:16px;}
#menu a:hover,#menu .hover a,#menu .activeTitle a,#menu .hover a:hover,#menu .hover{color:#ff0000;background:url(../images/ny_05.jpg) no-repeat center center;}
#menu .menuContent li a:hover,#menu .hoverContent li a:hover{color:#ff0000;}


/* 案例展示 */
.tabf{height:69px;font-size:18px; color:#ffffff;}
.tabf li{ height:69px;line-height:45px; width:182px;text-align:center;float:left;margin-right:18px;background: url(../images/5_05.png) no-repeat center top;}
.tabf li.hover,.tab li:hover{width:182px;color:#ffffff;background: url(../images/5_03.png) no-repeat center top;}
.tabf li a:hover{text-decoration:none;}
.tabf li a,.tabdl dt a,.connews a,.connews span{color:#ffffff;}
.tabf li.hover a,.tabc li:hover a,.tabdl dt{font-weight:bold;}

/* 镹臻案例 */
.jzal{height:69px;}
.jzal li{float:left;margin-right:18px;}
.jzal .hover{float:left;margin-right:18px;}
.jzal .hover a{display:block;height:69px;line-height:45px;width:182px;text-align:center;background: url(../images/5_03.png) no-repeat center top;color:#FFFFFF;font-size:18px}
.jzal .hover a:hover{display:block;height:69px;line-height:45px;width:182px;text-align:center;color:#FFFFFF;}
.jzal li a{display:block;height:69px;line-height:45px;width:182px;text-align:center;background: url(../images/5_05.png) no-repeat center top;color:#FFFFFF;font-size:18px}
.jzal li a:hover{ display:block;height:69px;line-height:45px;width:182px;background: url(../images/5_03.png) no-repeat center top;color:#FFFFFF}


.portfolio-grid{width:100%;margin-top:20px;}
.thumbnail img.cases_img{width:100%; }
.thumbnail{overflow:hidden;position:relative;display:inline-block;float:left;width:24%;width:23.49%\9;margin:0.5%;}
.thumbnail a.thumbnail_a:hover{cursor:url('../images/more.cur'),crosshair;cursor:url('../images/cases_shi.png') 40 40, crosshair;}
.projectinfo{position:absolute;z-index:2;top:-60px;left:0;width:100%;height:100%;background:rgb(0,0,0);background:rgba(0,0,0,0.9);height:0\9;}
.thumbnail .meta{width:100%;height:60px;line-height:60px;text-align:left;overflow:hidden;}
.thumbnail .meta img{ float:right; margin-right:10px; margin-top:18px}
.thumbnail .meta a{color:#000;font-size:18px;padding-left:2%;font-weight:normal;width:60%; }
.thumbnail:hover .meta{ background:url(../images/hsbj.png);}
.thumbnail:hover .meta a{color:#fff;}


/* 设计精英 */
.tabb{height:72px;font-size:20px;color:#FFFFFF}
.tabb li{line-height:64px;height:72px;width:226px; text-align:center;float:left; background:url(../images/3_03.png) no-repeat center top; margin-right:30px}
.tabb li.hover,.tab li:hover{width:226px;color:#cb0000; background:url(../images/3_05.png) no-repeat center center;}
.tabb li a:hover{text-decoration:none;}
.tabb li a,.tabdl dt a,.connews a,.connews span{color:#ffffff;}
.tabb li.hover a,.tabc li:hover a,.tabdl dt{font-weight:bold;}

img { border: 0;}
h2.title_name {
	font-family:"Trebuchet MS","Myriad Pro",Arial,sans-serif;
	font-weight: normal;
	font-size: 4em;
	margin: 0;
	padding: 50px 0 20px 0;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
}
h2.title_name span {
	font-family: normal Georgia,'Times New Roman',Times,serif;
	color: #FE4902;
	font-size: 0.9em;
}
h2.title_name small {
	display: block;
	font-family: normal Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.3em;
	font-weight: bold;
	letter-spacing: 0.5em;
	text-transform: uppercase;
	color: #AAA;
}
p.copy_right {
	width: 750px;
	margin: 0 auto;
	padding: 50px 0;
	clear: both;
	font-size: 1.1em;
	letter-spacing: 1px;
	text-align: center;
	overflow: hidden;
	font-weight: bold;
}
p.copy_right a {
	color: #FE4902;
	text-shadow: none;
}
p.copy_right a:hover {
	text-decoration: none;
}
#example {
	width: 950px;
	margin: 0 auto;
}
/*General Styles*/
.mosaic-block {
	width: 400px;
	height: 250px;
	float: left;
	position: relative;
	overflow: hidden;
	display: inline;
	margin: 30px 0 0 50px;
	background: #111 url(../images/progress.gif) no-repeat center center;
	border: 7px solid #DDDDD8;
}
.mosaic-block a { 
	color: #EEE;
	line-height: 120%;
	text-shadow: 1px 1px 0 #000;
} 
.mosaic-block h4 { 
	font-size: 130%;
	line-height: 130%;
	margin-bottom: 5px;
}
.mosaic-backdrop {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	top: 0;
	background: #111;
}
.details { 
	margin: 15px 0; 
	text-align: center;
}	
.mosaic-overlay {
	width: 100%;
	height: 100%;
	display: none;
	z-index: 5;
	position: absolute;
	background: #111;
}
/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay {
	background: url(../images/hover-magnify.png) no-repeat center center;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter: alpha(opacity=00);
	display: none;
}
.fade .mosaic-overlay {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter: alpha(opacity=00);
	background: url(../images/bg-black.png);
}
.bar .mosaic-overlay {
	bottom: -100px;
	height: 100px;
	background: url(../images/bg-black.png);
}
.bar2 .mosaic-overlay {
	bottom: -50px;
	height: 100px;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
}
.bar2 .mosaic-overlay:hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.bar3 .mosaic-overlay {
	top: -100px;
	height: 100px;
	background: url(../images/bg-black.png);
}
.clearfix { 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}