/*导航开始*/
.g-nav{clear:both;height:48px; overflow:hidden;
background: #ab0c16; /* Old browsers */
background: -moz-linear-gradient(top, #ab0c16 0%, #9e0a13 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ab0c16), color-stop(100%,#9e0a13)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ab0c16 0%,#9e0a13 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ab0c16 0%,#9e0a13 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ab0c16 0%,#9e0a13 100%); /* IE10+ */
background: linear-gradient(to bottom, #ab0c16 0%,#9e0a13 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ab0c16', endColorstr='#9e0a13',GradientType=0 ); /* IE6-9 */ }
.g-nav ul { overflow:hidden; zoom:1; }
.g-nav li{ height:23px; line-height:23px;float:left;overflow:hidden;font-size:12px; color:#fff; text-align:center; background:url(/mobile/images/Index/li.png) right center no-repeat;-webkit-background-size:5px 11px;-ms-background-size:5px 11px;-o-background-size:5px 11px;background-size:4px 11px; }
.g-nav a:nth-child(1) li,.g-nav a:nth-child(2) li,.g-nav a:nth-child(3) li,.g-nav a:nth-child(4) li { border-bottom:1px solid #960a12;}
.g-nav a:nth-child(5) li,.g-nav a:nth-child(6) li,.g-nav a:nth-child(7) li, .g-nav a:nth-child(8) li { border-bottom:1px solid #a2161d;}
.g-nav a:nth-child(4) li, .g-nav a:nth-child(8) li { background:none;}
.g-nav a:nth-child(1) li { width:79px;}
.g-nav a:nth-child(2) li { width:75px; padding-left:3px;}
.g-nav a:nth-child(3) li { width:85px; padding-left:3px;}
.g-nav a:nth-child(4) li { width:64px; padding-left:3px;}
.g-nav a:nth-child(5) li { width:85px;}
.g-nav a:nth-child(6) li { width:70px; padding-left:5px;}
.g-nav a:nth-child(7) li { width:68px; padding-left:7px;}
.g-nav a:nth-child(8) li { width:68px; padding-left:9px;}
.g-nav a:nth-child(1) li, .g-nav a:nth-child(5) li { padding-left:8px;}
/*通栏广告*/
.g-adv{clear:both;position:relative; width:320px;height:184px;z-index:15; overflow:hidden;}
.g-adv .sclwrap_box{height:184px; position:relative;}
.g-adv .m-box img{ display:block;position: relative;width:320px; height:184px; }
.g-adv .m-cnt{ width:100%; position:absolute; bottom:20px; left:0; z-index:10; height:18px;  position:relative; text-align:center; }
.g-adv .m-cnt li{ display:inline-block; width:7px; height:7px; background:#8c8c8c; border-radius:7px; margin:0 3px;}
.g-adv .m-cnt .z-on { background:#c1010b; }/*通栏广告  状态栏 当前*/
/*搜索*/
.g-serch { padding:12px 0 25px 0; height:21px;}
.m-sear { width:289px; height:19px; line-height:17px; border:1px solid #ddd;  margin:0px auto; overflow:hidden; zoom:1; position:relative;}
.m-sear .u-input { width:233px; padding-left:4px;  color:#ddd; font-size:12px; font-family:"宋体";}
.m-sear .u-in { position:absolute; right:0px; top:0px; float:right; width:48px; height:19px;  cursor:pointer;}
.m-sear .u-bt { position:relative; width:48px; height:19px; float:right;  background:#fff;}
.m-sear .u-bt:before{content:'';display:block;width:9px;height:9px;border-radius:9px;position:absolute;right:17px;top:2px;z-index:99; border: 2px solid #999;} /*搜索右边的图标css3样式*/
.m-sear .u-bt:after{content:'';display:block;width:4px;height:7px;border-radius:4px;border:0;position:absolute;right:14px;top:11px;z-index:99;-webkit-transform:rotate(-52deg);-o-transform:rotate(-52deg);-ms-transform:rotate(-52deg);transform:rotate(-52deg); background: #999;} /*搜索右边的图标css3样式*/
/*产品中心*/
.g-product { width:291px; margin:0 auto; height:245px;}
.m-ptit { display:block; text-align:center; line-height:24px; margin-bottom:16px; }
.m-ptit img { vertical-align:middle;}
.m-ptit b { color:#282828; font-size:17px; display:inline-block; margin:0 4px 0 3px;}
.m-ptit em { color:#d78d92; font-size:16px; display:inline-block; width:18px; height:18px; text-align:center; line-height:18px; background:#a80c15; border-radius:18px;}
.g-product .m-ptop { display:block; text-align:center; height:27px; line-height:27px; color:#fff; font-size:13px; margin-bottom:3px;
background: #9d0a13; /* Old browsers */
background: -moz-linear-gradient(top, #9d0a13 0%, #a50b14 50%, #9d0a13 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9d0a13), color-stop(50%,#a50b14), color-stop(100%,#9d0a13)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9d0a13 0%,#a50b14 50%,#9d0a13 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #9d0a13 0%,#a50b14 50%,#9d0a13 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #9d0a13 0%,#a50b14 50%,#9d0a13 100%); /* IE10+ */
background: linear-gradient(to bottom, #9d0a13 0%,#a50b14 50%,#9d0a13 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d0a13', endColorstr='#9d0a13',GradientType=0 ); /* IE6-9 */}
.m-inf{height:118px; overflow:hidden;}
.m-inf ul { height:27px; line-height:27px; overflow:hidden; margin-bottom:13px;}
.m-inf li { float:left; color:#fff; font-size:12px; position:relative; text-align:center; text-indent:8px;
background: #9d0a13; /* Old browsers */
background: -moz-linear-gradient(top, #9d0a13 0%, #a50b14 50%, #9d0a13 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9d0a13), color-stop(50%,#a50b14), color-stop(100%,#9d0a13)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9d0a13 0%,#a50b14 50%,#9d0a13 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #9d0a13 0%,#a50b14 50%,#9d0a13 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #9d0a13 0%,#a50b14 50%,#9d0a13 100%); /* IE10+ */
background: linear-gradient(to bottom, #9d0a13 0%,#a50b14 50%,#9d0a13 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d0a13', endColorstr='#9d0a13',GradientType=0 ); /* IE6-9 */} 
.m-inf li:before {content:""; position:absolute; display:inline-block;width:6px;height:6px; border:1px solid #fff; border-radius:6px;
-moz-border-radius:8px;   -o-border-radius:8px; -webkit-border-radius:6px;left:3px;top:9px;}
.m-inf li:after {content:""; position:absolute; display:inline-block;width:4px;height:4px; background:#fff; border-radius:4px;
-moz-border-radius:4px;   -o-border-radius:4px; -webkit-border-radius:4px;left:5px;top:11px;}
.m-inf li.z-on { background:#72070d;}
.m-inf li:nth-child(1) { width:88px; margin-right:2px;}
.m-inf li:nth-child(2) { width:110px; margin-right:2px; text-indent:10px;}
.m-inf li:nth-child(3) { width:89px;}
.m-inf .sclwrap_box{height:78px;overflow:hidden; position:relative; clear:both;}
.u-in {overflow:hidden;height:78px;} 
.u-in a{ line-height:21px;height:21px; font-size:12px; padding-left:9px;background:url(/mobile/images/Index/ico1.jpg) left center no-repeat;-webkit-background-size:8px 6px;-ms-background-size:8px 6px;-o-background-size:8px 6px;background-size:8px 6px; color:#282828; width:85px; display:inline-block; float:left;}
.m-plink { height:27px; line-height:27px;
background: #9d0a13; /* Old browsers */
background: -moz-linear-gradient(top, #9d0a13 0%, #a50b14 50%, #9d0a13 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9d0a13), color-stop(50%,#a50b14), color-stop(100%,#9d0a13)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9d0a13 0%,#a50b14 50%,#9d0a13 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #9d0a13 0%,#a50b14 50%,#9d0a13 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #9d0a13 0%,#a50b14 50%,#9d0a13 100%); /* IE10+ */
background: linear-gradient(to bottom, #9d0a13 0%,#a50b14 50%,#9d0a13 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d0a13', endColorstr='#9d0a13',GradientType=0 ); /* IE6-9 */} 
.m-plink a { color:#fff; padding:0px 12px;}
/*经典案例*/
.g-case { width:291px; margin:0 auto; height:473px;}
.m-clist { overflow:hidden; margin-top:20px;}
.m-clist a { float:left; margin-bottom:18px;}
.m-clist img { border:4px solid #d8d8d8;}
.m-clist b { display:block; text-align:center; color:#282828; font-size:12px;}
.m-clist a:nth-child(2n) { margin-left:9px;}
/*电话*/
.g-mtel { height:57px; width:291px; margin:0 auto; 
background: #9d0a13; /* Old browsers */
background: -moz-linear-gradient(top, #9d0a13 0%, #a50b14 50%, #9d0a13 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9d0a13), color-stop(50%,#a50b14), color-stop(100%,#9d0a13)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9d0a13 0%,#a50b14 50%,#9d0a13 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #9d0a13 0%,#a50b14 50%,#9d0a13 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #9d0a13 0%,#a50b14 50%,#9d0a13 100%); /* IE10+ */
background: linear-gradient(to bottom, #9d0a13 0%,#a50b14 50%,#9d0a13 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d0a13', endColorstr='#9d0a13',GradientType=0 ); /* IE6-9 */} 
.m-mtel { width:157px; margin:0 auto; overflow:hidden; display:block; padding-top:12px;}
.m-mtel img { float:left; margin:1px 7px 0 0;}
.m-mtel span { float:left; color:#fff; font-size:15px;}
.m-mtel b { display:block; margin-top:-3px;}
/*优势*/
.g-ys {height:512px; width:291px; margin:0 auto; overflow:hidden; }
.m-ystit{ background:url(/mobile/images/Index/ys_tit.jpg) center top no-repeat;-webkit-background-size:230px 45px;-ms-background-size:230px 45px;-o-background-size:230px 45px;background-size:230px 45px; text-align:center; color:#000; font-size:12px; padding-top:31px; margin:20px 0 23px; font-weight:bold;}
.m-yscon {}
.m-yscon dl { margin-bottom:28px;}
.m-yscon dt { color:#000; font-size:13px; margin-bottom:9px;}
.m-yscon b { color:#c1010b; font-size:16px; margin:0 3px;}
.m-yscon em { width:25px; height:25px; text-align:center; line-height:25px; background:#9f0a13; border-radius:25px; color:#fff; display:inline-block; font-size:14px; font-weight:bold;}
.m-yscon dd { margin-left:21px; color:#282828; font-size:12px; line-height:16px; position:relative; padding-left:10px; margin-bottom:6px;}
.m-yscon dd:before {content:""; position:absolute; display:inline-block;width:6px;height:6px; border:1px solid #585858; border-radius:6px;
-moz-border-radius:8px;   -o-border-radius:8px; -webkit-border-radius:6px;left:0px;top:4px;}
.m-yscon dd:after {content:""; position:absolute; display:inline-block;width:4px;height:4px; background:#585858; border-radius:4px;
-moz-border-radius:4px;   -o-border-radius:4px; -webkit-border-radius:4px;left:2px;top:6px;}
/*设计团队*/
.g-team { width:291px; height:426px; overflow:hidden; clear:both; position:relative; margin:0 auto; padding-top:20px;}
.g-team .sclwrap_box{height:360px; position:relative; width:198px; margin:0 auto;}
.m-teamcon { margin-top:6px;}
.g-team .u-tlist { width:198px; margin:0 auto;}
.u-tlist li {background:url(/mobile/images/Index/pic_bg.jpg) center top no-repeat;-webkit-background-size:198px 363px;-ms-background-size:198px 363px;-o-background-size:198px 363px;background-size:198px 363px; text-align:center; width:198px; height:357px; padding-top:6px;  }
.u-tlist img { margin-left:4px;}
.u-tlist em { display:block; color:#000; font-size:14px; margin:27px 0 7px;}
.u-tlist span { color:#505050; font-size:12px; line-height:19px; display:block;}
.g-team .m-cnt{ width:100%; position:absolute; bottom:20px; left:0; z-index:10; height:18px;  position:relative; text-align:center; }
.g-team .m-cnt li{ display:inline-block; width:6px; height:6px; background:#282828; border-radius:6px; margin:0 3px;}
.g-team .m-cnt .z-on { background:#c1010b; }/*通栏广告  状态栏 当前*/
/*荣誉资质*/
.g-honor {height:219px; width:291px; margin:0 auto; overflow:hidden; padding-top:18px;}
.g-honor .sclwrap_box { height:176px; overflow:hidden; position:relative;}
.g-honor .m-slide { position:relative; width:248px; margin:0 auto;}
.m-slide .prev { position:absolute; left:0px; top:56px; background:url(/mobile/images/Index/left1.jpg) no-repeat;-webkit-background-size:15px 15px; -ms-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px; height:15px; width:15px; z-index:999; }
.m-slide .next { position:absolute; right:0px; top:56px;background:url(/mobile/images/Index/right1.jpg) no-repeat;-webkit-background-size:15px 15px;-ms-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px; height:15px; width:15px; z-index:999; }
.m-slide .nowarp { width:195px; margin:0 auto;}
.m-slide .u-pic { margin:0px 5px;}
.m-slide img { border:3px solid #d8d8d8;}
.u-pic span { display:block; text-align:center; color:#777; font-size:12px; margin-top:3px;}
/*客户见证*/
.g-cusmor { height:232px; width:291px; margin:0 auto; overflow:hidden;}
.m-cucon a { display:block; overflow:hidden; zoom:1; margin-bottom:18px;}
.m-cucon .left_pic { float:left; border:3px solid #d8d8d8;}
.m-cucon p { width:192px; float:right; font-size:12px; line-height:18px;}
.m-cucon em { display:block; color:#232323; }
.m-cucon span { color:#585858; display:block; margin:3px 0 10px; height:54px; overflow:hidden;}
.m-cucon b { float:right; color:#fff; font-size:12px; padding:0 6px; border:1px solid #cb6f72; border-radius:3px; font-weight:normal; height:16px; line-height:16px;
background: #cd3b40; /* Old browsers */
background: -moz-linear-gradient(top, #cd3b40 0%, #cc2e34 50%, #cc2127 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cd3b40), color-stop(50%,#cc2e34), color-stop(100%,#cc2127)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cd3b40 0%,#cc2e34 50%,#cc2127 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cd3b40 0%,#cc2e34 50%,#cc2127 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cd3b40 0%,#cc2e34 50%,#cc2127 100%); /* IE10+ */
background: linear-gradient(to bottom, #cd3b40 0%,#cc2e34 50%,#cc2127 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd3b40', endColorstr='#cc2127',GradientType=0 ); /* IE6-9 */}
.m-cucon b img { vertical-align:middle; margin-right:3px;}

.g-news  {height:201px; width:291px; margin:0 auto; overflow:hidden;}
.g-news .m-cnt { height:32px; line-height:32px; margin-bottom:15px;
background: #747474; /* Old browsers */
background: -moz-linear-gradient(top, #747474 0%, #6b6b6b 50%, #646464 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#747474), color-stop(50%,#6b6b6b), color-stop(100%,#646464)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #747474 0%,#6b6b6b 50%,#646464 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #747474 0%,#6b6b6b 50%,#646464 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #747474 0%,#6b6b6b 50%,#646464 100%); /* IE10+ */
background: linear-gradient(to bottom, #747474 0%,#6b6b6b 50%,#646464 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#747474', endColorstr='#646464',GradientType=0 ); /* IE6-9 */}
.g-news .m-cnt li { float:left; width:145px; text-align:center; font-size:17px; font-weight:bold; color:#fff;}
.g-news .m-cnt li.z-on { width:146px;
background: #9d0a13; /* Old browsers */
background: -moz-linear-gradient(top, #9d0a13 0%, #a50b14 50%, #9d0a13 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9d0a13), color-stop(50%,#a50b14), color-stop(100%,#9d0a13)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9d0a13 0%,#a50b14 50%,#9d0a13 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #9d0a13 0%,#a50b14 50%,#9d0a13 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #9d0a13 0%,#a50b14 50%,#9d0a13 100%); /* IE10+ */
background: linear-gradient(to bottom, #9d0a13 0%,#a50b14 50%,#9d0a13 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d0a13', endColorstr='#9d0a13',GradientType=0 ); /* IE6-9 */} 
.g-news .sclwrap_box { height:280px; overflow:hidden; position:relative;}
.m-sxycont li { font-size:12px; color:#585858; line-height:22px; height:22px; overflow:hidden; }
.m-sxycont span { float:right;}