﻿	
/*导航样式*/
.g-nav { height:58px;overflow:hidden; position:relative; border-bottom:solid 1px #fff; background:url(/mobile/Images/Index/b_bg.jpg) repeat-y; background-size:320px 28px;}
.g-nav:before { position:absolute; content:""; width:100%; height:1px; background:#fff; top:28px; left:0;}
.g-nav a { float:left; height:28px; line-height:28px; text-align:center; display:block; font-size:12px;font-weight:bold; color:#fff; position:relative; padding:0 5px; background:url(/mobile/Images/Index/nav_bor.jpg) no-repeat right center; background-size:1px 9px;}
.g-nav a:nth-child(1),.g-nav a:nth-child(2),.g-nav a:nth-child(3),.g-nav a:nth-child(4) { padding:0 4px;}
.g-nav a:nth-child(4),.g-nav a:nth-child(9){ background:none;}
/*通栏广告*/
.g-adv{ position:relative; width:320px; margin:0 auto 0 auto; height:233px; z-index:15;}
.g-adv .sclwrap_box{height:233px;}
.g-adv .m-box img{ display:block;position: relative;width:320px; height:233px; }
.g-adv .m-cnt{ width:100%; position:absolute; bottom:0; left:0; z-index:10; height:4px;}
.g-adv .m-cnt li{ float:left; width:320px; height:4px;}
.g-adv .m-cnt li:nth-child(1){ width:106px;}
.g-adv .m-cnt li:nth-child(2){ width:106px;}
.g-adv .m-cnt li:nth-child(3){ width:108px;}


/*搜索*/
.g-ss{ height:49px; padding:9px 0 0 14px; position:relative;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e9e9e9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e9e9e9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e9e9e9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
}
.inp01{ background:#fff;color:#999;float:left;font-size:12px;height:30px;line-height:30px;padding:0 0 0 12px;width:240px; border-radius:2px 0 0 2px;z-index:2; box-shadow:1px 2px 2px #ccc inset;}
.u-in{background:none;display: block;height: 30px;position: absolute;right: 12px;top: 9px;width: 42px;z-index: 50;cursor: pointer;}
.g-ss .scl_fri { background:url(/mobile/Images/Index/so_bg.jpg) no-repeat 0 0; background-size:42px 30px;border-radius: 0 2px 2px 0;display: block;float: left;height:30px;width:42px;}
.g-ss i{content:""; position:absolute; width:13px; height:13px; top:14px; right:26px; border:solid 2px #fff; border-radius:12px;box-shadow:1px 1px 0px #bababa inset;}
.g-ss i:after{content:""; position:absolute; width:9px; height:5px; background:#fff;border-radius:7px;-webkit-transform: rotate(35deg);-moz-transform: rotate(35deg);-o-transform: rotate(35deg);transform: rotate(35deg); top:11px; left:12px;box-shadow:1px 1px 1px #1c4b7b;}
.g-ss:before {content:"";position:absolute;top:56px;left:0;width:320px;height:1px; background:#fff;}

/*碧江客户列表*/
.g-kh{ height:124px; overflow:hidden; padding-top:20px; position:relative; width:320px;}
.g-kh .m-bt,.g-zs .m-bt,.g-about .m-bt,.g-jz .m-bt{ height:28px; line-height:28px;border-bottom:#dcdcdc 1px solid; position:relative;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.g-kh .m-bt:before,.g-zs .m-bt:before,.g-about .m-bt:before,.g-jz .m-bt:before{ position:absolute; content:""; width:320px; height:1px; background:#fff; top:27px; left:0;}
.g-kh .m-bt:after,.g-zs .m-bt:after,.g-about .m-bt:after,.g-jz .m-bt:after{ position:absolute; content:""; width:320px; height:1px; background:#eeeeee; top:0; left:0;}
.g-kh .m-bt a,.g-zs .m-bt a,.g-about .m-bt a,.g-jz .m-bt a{ background:url(/mobile/Images/Index/kh_bg.jpg) repeat-y; text-align:center; font-size:13px; color:#ccc9c9; display:block; width:106px; height:28px; background-size:106px 28px;}
.g-kh .m-bt span,.g-about .m-bt span,.g-jz .m-bt span{ float:right; padding-right:5px;}
.g-kh .m-bt span a,.g-about .m-bt span a,.g-jz .m-bt span a{ background:none; text-align:right; font-size:12px; color:#333;}
.g-kh .prev{ position:absolute; top:79px; left:10px;}
.g-kh .next{ position:absolute; top:79px; right:10px;}
.g-kh .sclwrap_box{ height:94px;}
.g-kh .nowarp{ margin:0 17px;}
.g-kh .sclwrap_box .con{ float:left; display:inline;}
.g-kh .m-box ul{ padding-top:12px;}
.g-kh .m-box ul li{ float:left; width:88px; padding-left:5px;}
.g-kh .m-box ul li img{ width:86px; height:45px; border:#d3d3d3 1px solid;}
.g-kh .m-box ul li span{font-size:12px; width:88px; line-height:12px; height:12px; overflow:hidden; display:block; text-align:center;}
.g-kh .m-box ul li a{ font-size:11px; color:#666;}
/**/
.g-cp { height:304px;}
.g-cp .m-bt{ background:url(/mobile/Images/Index/b_bg.jpg) repeat-y 0 0; background-size:320px 28px; height:31px; line-height:31px;}
.g-cp .m-bt a{ font-size:13px; color:#fff; display:inline-block; padding-left:10px;}
.g-cp p:nth-child(2n){ background:#9c9c9c; height:28px; width:320px; line-height:28px;}
.g-cp p:nth-child(2n) a{ font-size:14px; color:#fff;padding-left:10px;}
.g-cp p:nth-child(3){ height:31px; line-height:31px; overflow:hidden;}
.g-cp p:nth-child(5){ height:93px; overflow:hidden;}
.g-cp p:nth-child(7){ height:64px; overflow:hidden;}
.g-cp p:nth-child(3) a,.g-cp p:nth-child(5) a,.g-cp p:nth-child(7) a{ font-size:14px; color:#666;width:145px; padding-left:11px; display:inline-block; height:18px; line-height:18px; overflow:hidden;}
.g-cp p:nth-child(3) a:first-child,.g-cp p:nth-child(5) a:first-child,.g-cp p:nth-child(7) a:first-child{ padding-top:6px;}
/*办公家具*/
.g-ld{ height:378px; overflow:hidden;}
.g-ld .m-cnt,.g-zz .m-cnt,.g-news .m-cnt{ height:29px; line-height:29px;border-bottom:#dcdcdc 1px solid; position:relative;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.g-ld .m-cnt:before,.g-zz .m-cnt:before,.g-news .m-cnt:before{ position:absolute; content:""; width:320px; height:1px; background:#fff; top:28px; left:0;}
.g-ld .m-cnt:after,.g-zz .m-cnt:after,.g-news .m-cnt:after{ position:absolute; content:""; width:320px; height:1px; background:#eeeeee; top:0; left:0;}
.g-ld .m-cnt li,.g-zz .m-cnt li,.g-news .m-cnt li{ float:left; padding:0 3px; font-size:11px; color:#666;}
.g-ld .m-cnt li.z-on,.g-zz .m-cnt li.z-on,.g-news .m-cnt li.z-on{ background:url(/mobile/Images/Index/kh_bg.jpg) no-repeat; padding:0 4px; color:#fff; }
.g-ld .sclwrap_box{ height:349px;}
.g-ld .sclwrap_box .con,.g-dz .sclwrap_box .con,.g-gd .sclwrap_box .con,.g-news .sclwrap_box .con{ float:left; display:inline;}
.g-ld .m-box ul li,.g-dz .m-box ul li,.g-zs ul li{ width:136px; float:left; padding:10px 12px 0;}
.g-ld .m-box ul li img,.g-dz .m-box ul li img,.g-zs ul li img{ width:136px; height:134px;}
.g-ld .m-box ul li span,.g-dz .m-box ul li span,.g-zs ul li span{ width:136px; display:block; text-align:center; height:20px; line-height:20px; overflow:hidden;}
.g-ld .m-box ul li span a,.g-dz .m-box ul li span a,.g-zs .m-box ul li span a{ font-size:14px; color:#666;}
/*定制方案中心*/
.g-dz{ height:244px; overflow:hidden;}
.g-dz .m-bt{ height:28px; line-height:28px; border-top:#eeeeee 1px solid;border-bottom:#fff 1px solid; width:320px; text-align:center; font-size:12px; color:#a00006;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.g-dz .m-cnt{ height:28px; line-height:28px;background: #fff; }
.g-dz .m-cnt li{ float:left; padding:0 13px; font-size:12px; color:#fff; background:#9c9c9c;}
.g-dz .m-cnt li:nth-child(2){ margin:0 1px;}
.g-dz .m-cnt li.z-on{ background:url(/mobile/Images/Index/kh_bg.jpg) no-repeat; padding:0 13px;}
.g-dz .sclwrap_box{ height:187px;}
.g-dz .m-box ul li{ padding:15px 12px 0;}
/*广告1*/
.g-ad1{ height:90px; width:320px; position:relative;}
.g-ad1 p{ font-size:12px; font-weight:bold; color:#fff; height:20px; line-height:20px; position:absolute; top:71px; left:0; background:#9c9c9c; padding-left:57px; width:263px;}
.g-ad1 p span{ display:block; float:right; width:49px; height:15px; line-height:12px; text-align:center; background:#000; margin:3px 57px 0 0; position:relative;}
.g-ad1 p span:after{ position:absolute; content:""; width:0; height:0; top:5px; right:-5px;
border-top:10px solid #d9d9d9; 
border-left:0 solid transparent;
border-right:5px solid transparent;}
.g-ad1 p span a{ font-size:9px; color:#fff; font-weight:normal;}
.g-ad1 img{ width:320px; height:90px;}
/*高端办公*/
.g-gd{ position:relative; width:320px; margin:21px auto 0; height:66px; z-index:15;}
.g-gd .sclwrap_box{height:66px;}
.g-gd .m-box img{ display:block;position: relative;width:320px; height:66px; }
.g-gd .m-cnt{ width:100%; position:absolute; top:52px; left:227px;  height:10px;}
.g-gd .m-cnt li{ float:left; width:8px; height:8px; background:#390000; margin:0 4px;
border-radius:8px;               
-webkit- border-radius:8px;
-moz-border-radius:8px;
-o-border-radius:8px;}
.g-gd .m-cnt li.z-on{width:8px; height:8px; background:#fff;
border-radius:8px;               
-webkit- border-radius:8px;
-moz-border-radius:8px;
-o-border-radius:8px;}
.g-gd .u-hd{ position:absolute; top:47px; left:260px; font-size:11px; color:#fff;}
/*优势*/
.g-ys{ width:320px; height:187px; z-index:15;}
.g-ys .sclwrap_box{height:187px;}
.g-ys dl{ background:url(/mobile/Images/Index/dz_bg.jpg) no-repeat; background-size:320px 187px; height:187px;}
.g-ys dl dt{ padding:17px 0 0 19px;}
.g-ys dl dt img{ width:27px; height:46px; float:left;}
.g-ys dl dt p{ width:210px; float:left; font-weight:bold; font-size:12px; color:#000; padding:8px 0 0 10px; line-height:18px;}
.g-ys dl dt p span{ display:block; color:#910506; font-size:19px;}
.g-ys dl dd{ padding:15px 0 0 55px; clear:both;}
.g-ys dl dd p{ font-size:12px; color:#333; height:20px; line-height:20px;}
.g-ys dl dd p i{ color:#990000;}
.g-ys dl dd p img{ width:69px; height:18px; padding:0 5px 0 0;}
.g-ys dl dd p:last-child{padding-top:12px;}
.g-ys li:nth-child(2) dl dd{ padding:5px 0 0 22px; clear:both;}
.g-ys li:nth-child(2) dl dd p{ height:auto; line-height:18px;}
.g-ys li:nth-child(2) dl dd p:last-child{padding-top:0;}
.g-ys li:nth-child(3) dl dd{ padding:15px 0 0 25px; clear:both;}
/*案例展示*/
.g-zs{ height:212px; overflow:hidden;}
.g-zs .m-bt{ position:relative; height:30px; line-height:30px;}
.g-zs .m-bt a{ position:absolute; top:0; left:0; height:30px;}
.g-zs .m-bt:before{top:29px; left:0;}
/*关于碧江*/
.g-about{ height:359px; overflow:hidden; padding-top:21px;}
.g-about .m-bt a{ font-size:15px; color:#fff;}
.g-about img{ width:278px; height:149px; border:#dbdbdb 1px solid; background:#fff; padding:3px; box-shadow:1px 1px 4px #ccc; margin:21px 0 0 15px;}
.g-about .u-wz{ margin:5px 22px 0 20px; font-size:12px; color:#666; line-height:22px; height:85px; overflow:hidden;}
.g-about .u-ck{ width:156px; height:24px; background:#aa0000; line-height:24px; text-align:center; display:block; margin:14px auto 0; font-size:12px; color:#fff;
border-radius:2px;               
-webkit- border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;}
/*荣誉资质*/
.g-zz{ height:270px; overflow:hidden;}
.g-zz .m-cnt span{ float:right; padding-right:8px;}
.g-zz .m-cnt span a{ color:#333; font-size:12px;}
.g-zz .m-cnt li{  padding:0 10px; color:#666; font-size:15px;}
.g-zz .m-cnt li.z-on{ color:#fff; padding:0 10px;}
.g-zz .sclwrap_box { height:239px;overflow:hidden; width:274px; margin:0 25px;}
.g-zz .m-zz { height:239px; overflow:hidden; position:relative; width:320px;}
.g-zz .m-zz .prev{ position:absolute; top:85px; left:10px;}
.g-zz .m-zz .next{ position:absolute; top:85px; right:10px;}
.g-zz .m-zz .prev img,.g-zz .m-zz .next img{ width:10px; height:39px;}
.g-zz .m-box .con{ float:left; display:inline; position:relative; margin:20px 0 0 0;}
.g-zz .m-box .con li{ float:left; background:url(/mobile/Images/Index/zz_picbg.jpg) no-repeat 0 154px; background-size:124px 7px; width:124px; padding:0 10px 0 0;}
.g-zz .m-box .con li img{ width:121px;/* height:174px;*/ border:#eaeaea 1px solid;}
.g-zz .m-box .con li span{ width:124px; height:25px; line-height:25px; text-align:center; display:block;}
.g-zz .m-box .con li span a{ font-size:12px; color:#4d4d4d;}
/*客户见证*/
.g-jz{ height:280px; overflow:hidden;}
.g-jz .m-bt a{ color:#fff; font-size:15px;}
.g-jz dl{ padding:17px 5px 3px; display:inline-block;}
.g-jz dl dt{ width:80px; float:left; padding-right:5px;}
.g-jz dl dt img{ width:80px; height:90px;}
.g-jz dl dd{ width:220px; float:left;}
.g-jz dl dd h4{ /*height:20px; */line-height:16px; overflow:hidden;}
.g-jz dl dd h4 a{ font-size:12px; color:#000; font-weight:bold;}
.g-jz dl dd em{ display:block; height:16px; line-height:16px; overflow:hidden; font-size:12px; color:#333;}
.g-jz dl dd p{ height:36px; line-height:18px; overflow:hidden; font-size:11px; color:#999;}
.g-jz dl dd span a{ color:#aa0000; font-size:12px;}
/*行业资讯*/
.g-news{ height:233px; overflow:hidden; padding-top:20px;}
.g-news .m-cnt li{ padding:0 18px; font-size:15px; color:#333;}
.g-news .m-cnt li.z-on{ padding:0 17px; color:#fff;}
.g-news .sclwrap_box{ height:202px;}
.g-news .m-box .con ul{ padding:13px 15px 0;}
.g-news .m-box .con ul li a{ font-size:12px; color:#666; height:30px; line-height:30px; overflow:hidden; display:block;}