/*导航*/
.g-bd .m-nav{height:56px;color:#fff;overflow:hidden; position:relative; border-bottom:1px solid #a2bc81;}
.g-bd .m-nav:before { content:""; position:absolute; width:100%; height:56px;background:url(/mobile/images/Index/nav.jpg) repeat;-webkit-background-size:15px 28px;-moz-background-size:15px 28px; background-size:15px 28px; top:0; left:0; z-index:-1}
.g-bd .m-nav a{ height:28px; line-height:28px; float:left;color:#fff; display:inline-block;font-family:"微软雅黑"; font-size:13px; padding:0px; border-right:1px solid #77aa0a; border-left:1px solid #acd374; z-index:1;}
.g-bd .m-nav a:before { content:""; position:absolute; width:100%; height:1px; background:#9fc963; top:28px; left:0;}
.g-bd .m-nav a:after { content:""; position:absolute; width:100%; height:1px; background:#72a20a; top:29px; left:0;}

.g-bd .m-nav a:nth-child(1),.g-bd .m-nav a:nth-child(2), .g-bd .m-nav a:nth-child(3), .g-bd .m-nav a:nth-child(4){ padding:0px 3px;}
.g-bd .m-nav a:nth-child(5),.g-bd .m-nav a:nth-child(6), .g-bd .m-nav a:nth-child(7), .g-bd .m-nav a:nth-child(8){ padding:0px 6.5px;}


/*广告滚动*/
.g-bd .g-adv { height:198px; border-top:2px solid #5c8725; border-bottom:1px solid #b5cd95; position:relative; z-index:0}
.g-bd .g-adv:before { content:""; position:absolute; width:100%; height:1px; background:#bee084; top:0; left:0; z-index:1}
.g-bd .g-adv .m-box,.g-bd .g-adv .sclwrap_box{height:198px; overflow:hidden;}
.g-bd .g-adv li a{ width:320px; display:inline-block; float:left;}

/*热卖产品推荐*/
.g-sbox { height:339px; overflow:hidden; margin-top:12px;}
.g-sbox h2 { height:29px; line-height:29px; width:100%; font-size:13px; color:#018345; border-top:1px solid #eee; border-bottom:1px solid #018345; text-indent:14px; position:relative; overflow:hidden;background-color: #f2f2f2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f2f2f2)); 
	background-image: -webkit-linear-gradient(top,  #fefefe, #f2f2f2); 
	background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
	background-image: linear-gradient(top, #fefefe, #f2f2f2);
}
.g-sbox h2 span { padding-right:14px; font-size: 12px; color:#989898;}
.g-sbox h2 em { color:#024da8;}
.g-sbox .m-box { height:293px; overflow:hidden; padding:15px 0 0 0;}
.g-sbox .m-box .pic { margin:0 23px; height:293px; overflow: hidden;}
.g-sbox .m-box .pic a { width:125px; height:147px; margin-right:23px;}
.g-sbox .m-box .pic a:nth-child(2n){ margin-right:0;}
.g-sbox .m-box .pic img { border:1px solid #a8d2a6; padding:2px; width:119px; height:106px;}
.g-sbox .m-box .pic span { text-align:center; display:block; line-height:18px;height:18px; overflow:hidden; color:#494949; font-size:12px;}

/*搜索*/
/*.g-bd .m-ss .inp01{background:#fff;border-radius:3px; border:1px solid #dbdbdb;color:#b9b9b9;float: left;font-size:12px;width:158px;height:25px;line-height:25px;padding-left:9px; margin-right:5px;}
.g-bd .m-ss a{ width:58px; height:25px; border:1px solid #dbdbdb; line-height:25px; text-align:center; background:#1469bf;border-radius:3px; display:block; float:left; color:#fff; font-size:12px;}
*/
.g-so{padding:15px 7px 0 13px; height:47px; border-top:2px solid #bfbfbf; overflow:hidden;} /*搜索布局*/
.g-so .m-ipt{margin-right:43px;}
.g-so .u-bt{ width:56px; height:30px; line-height:30px; float:right; font-size:15px; text-align:center; border-radius:0 2px 2px 0;-webkit-border-radius:0 4px 4px 0; color:#fff; background-color:#78b911;}

.g-so .u-key{width:244px; height:20px; padding:5px 0; line-height:20px; border:0; font-size:13px; border-radius:2px 0 0 2px; color:#c0c0c0l;text-indent:38px;float:left; position:relative; background:#f2f2f2;}
.g-so .ss{content:'';display:block;width:13px;height:13px;border-radius:17px;position:absolute;left:8px;top:5px;z-index:99; background-color:#f2f2f2;border:2px solid #fff; box-shadow:0 1px 1px #6b6b6b,0 1px 1px #6b6b6b inset;} 
.g-so .ss:before{content:'';display:block;width:4px;height:8px;border-radius:4px;border:0;position:absolute;left:14px;top:11px;z-index:99;-webkit-transform:rotate(-52deg);-o-transform:rotate(-52deg);-ms-transform:rotate(-52deg);transform:rotate(-52deg);background-color:#fff; box-shadow:-1px 1px 1px #6b6b6b;} 


/*drop-shadow 为该阴影demo的通用样式*//*lifted 样式为当前样式*/
.drop-shadow {position:relative;width:300px; height:30px; background:#fff;
        -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }
.drop-shadow:before,.drop-shadow:after {content:"";position:absolute;z-index:-2;}
.lifted { -moz-border-radius:4px; border-radius:4px;}
.lifted:before,.lifted:after {bottom:15px;left:10px;width:50%;height:20%;max-width:300px;max-height:100px;
	-webkit-box-shadow:0 17px 4px rgba(0, 0, 0, 0.8);
	-moz-box-shadow:0 17px 4px rgba(0, 0, 0, 0.8);
	box-shadow:0 17px 4px rgba(0, 0, 0, 0.8);
	-webkit-transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
	transform:rotate(-3deg);
}
.lifted:after {right:10px;left:auto;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);transform:rotate(3deg);}

/*分类*/
.g-bd .m-cpfl { height:293px; overflow:hidden;}
.g-bd .m-cpfl h2 { height:31px; line-height:31px; width:100%; font-size: 13px; color: #fff; text-indent:17px; position:relative; background-color:#6ab000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7ac200), to(#5b9e00)); 
	background-image: -webkit-linear-gradient(top, #7ac200, #5b9e00); 
	background-image: -moz-linear-gradient(top, #7ac200, #5b9e00);
	background-image: linear-gradient(top,  #7ac200, #5b9e00);
}
.g-bd .m-cpfl h2:before { content:""; position:absolute; width:0; height:0; top:30px; left:35px; border-top:3px solid #5b9e00; border-left:4px solid transparent; border-right:4px solid transparent;}
.g-bd .m-cpfl h3 { margin:10px 10px 0; border-radius:2px; background:#e2e2e2; height:26px; line-height:26px; text-indent:11px; font-size:12px; color:#018345;}
.g-bd .m-cpfl .flul { padding:8px 10px 4px; width:300px; overflow:hidden;}
.g-bd .m-cpfl .flul li { height:26px; line-height:26px; width:100px; overflow:hidden; font-size:12px; color:#4c4c4c;float:left; border-bottom:1px dashed #e6e6e6; text-indent:6px; position:relative;}
.g-bd .m-cpfl .flul .nobot { border-bottom:0;}
.g-bd .m-cpfl .u-xq { height:34px; line-height:34px; overflow:hidden; padding:0 0 0 103px; color:#a9a9a9; position:relative; background-color:#f9f9f9; font-size:12px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6)); 
	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); 
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: linear-gradient(top,  #fff, #e6e6e6);
}
.g-bd .m-cpfl .u-xq:before { content:""; position:absolute; width:100%; height:1px; bottom:0; left:0; background-color:#fff;}
.g-bd .m-cpfl .u-xq span { border-radius:25px; background-color:#575757; width:10px; height:10px; top:0; left:-9px; display:inline-block; position:relative;}
.g-bd .m-cpfl .u-xq span:before { content: ""; position: absolute; width: 0; height: 0; border-left: 6px solid #fff;border-top: 3px solid transparent;border-bottom: 3px solid transparent; top:2px; left:3px;}
.g-bd .m-cpfl .u-xq span:after { content: ""; position: absolute; width: 0; height: 0; border-left: 1px solid #575757;border-top: 3px solid transparent;border-bottom:3px solid transparent; top:2px; left:3px;}

/*广源针织，高品质面料首选。*/
.g-bd .m-bd { height:291px; overflow:hidden;}
.g-bd .m-bd img { width:100%; height:260px;}

/*为什么*/
.g-bd .m-why{ height:778px; overflow:hidden;}
.g-bd .m-why h2{ font-size:16px; font-weight:bold; height:30px; line-height:30px;}
.g-bd .m-why .m-why h2:before{ content:""; position:absolute; left:50%; top:30px;}
.g-bd .m-why .wh_c{ width:310px; padding:12px 0 0 10px;font-size:12px;}
.g-bd .m-why .wh_c .wh01{ height:209px; position:relative;}
.g-bd .m-why .wh_c .wh01:before { content:""; position:absolute; left:10px; bottom:5px; background:url(/mobile/images/Index/yss.jpg) no-repeat; width:310px; height:16px; background-size:100%;}
.g-bd .m-why .wh_c .wh02{ height:186px;}
.g-bd .m-why .wh_c .wh03{ height:186px;}
.g-bd .m-why .wh_c .wh04{ height:154px;}
.g-bd .m-why .wh_c .wh04:before { background:none;}

.g-bd .m-why .wh_c .wh01 h4{ line-height:20px; color:#81bf24; font-weight:bold; position:relative; letter-spacing:-1px;}
.g-bd .m-why .wh_c .wh01 h4:before { content:""; position:absolute; width:270px; height:2px; background:#d0e7ad; top:26px; left:38px;}
.g-bd .m-why .wh_c .wh01 h4:after { content:""; position:absolute; width:75px; height:1px; background:#6cb400; top:27px; left:38px}
.g-bd .m-why .wh_c .wh01 h4 em{ background:url(/mobile/images/Index/01.gif) no-repeat; width:25px; height:25px; top:0; left:0; background-size:100%; position:relative; display:block;z-index:99; float:left;}
.g-bd .m-why .wh_c .wh02 h4 em { background:url(/mobile/images/Index/02.gif) no-repeat; background-size:100%;}
.g-bd .m-why .wh_c .wh03 h4 em { background:url(/mobile/images/Index/03.gif) no-repeat; background-size:100%;}
.g-bd .m-why .wh_c .wh04 h4 em { background:url(/mobile/images/Index/04.gif) no-repeat; background-size:100%;}
.g-bd .m-why .wh_c .wh01 h4 i { content:""; position:relative; width:0; height:0; top:33px; left:42px; border-top:6px solid #6cb400; border-left:6px solid transparent; border-right:6px solid transparent;}
.g-bd .m-why .wh_c .wh01 h4 i:before { content:""; position:absolute; width:0; height:0; top:-6px; left:-4px; border-top:4px solid #fff; border-left:4px solid transparent; border-right:4px solid transparent;}
.g-bd .m-why .wh_c .wh01 h4 i:after { content:""; position:absolute; width:0; height:0; top:-6px; left:-2px; border-top:2px solid #6cb400; border-left:2px solid transparent; border-right:2px solid transparent;}

.g-bd .wh_c .wh01 ul{ padding:14px 0 0 10px;}
.g-bd .wh_c .wh01 li{ clear:both; position:relative; color:#4c4c4c; line-height:20px; padding-left:15px; margin:6px 0}
.g-bd .wh_c .wh01 li:before{ content:""; position:absolute; width:5px; height:5px; border:1px solid #b5d97f; border-radius:5px; top:6px; left:0; background:#fff;}
.g-bd .wh_c .wh01 li em{color:#60a205;}


/*产品咨询热线*/
.m-cptel { height:30px; padding:10px 0 0 58px; border-top:1px solid #e7e7e7; border:1px solid #e7e7e7; position:relative;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); 
	background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); 
	background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: linear-gradient(top,  #ffffff, #f2f2f2);
}
.m-cptel:before { content:""; position:absolute; width:100%; height:1px; bottom:0; left:0; background-color:#fff;}
.m-cptel .u-tel{ width:24px; height:25px; display:block; background:url(/mobile/images/Index/tel01.png) no-repeat; float:left; position:absolute; -webkit-background-size:100%;background-size:100%; top:10px; left:16px;} /*头部电话图标*/
.m-cptel .u-tel .z-ln-1{z-index:10;
	display:inline-block;
	width:9px;
	height:9px;
	border-width: 2px 2px 0 0;
	border-radius:0 35px 0 0;
	position:absolute;
	top:-3px;
	right:-1px;
	animation-name: xshow;  /*动画名称*/
	animation-duration: 4s; /* 动画时间*/
	animation-timing-function: linear;  /*动画频率，匀速*/
	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/
	-webkit-animation-name: xshow; /*针对苹果浏览器写的兼容*/
	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/
	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/
	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/
	-o-animation-name: xshow; /*针对欧朋浏览器写的兼容*/
	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/
	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/
	-o-animation-iteration-count: infinite;} /*头部电话一闪一闪的线条，css3样式*/
.m-cptel .u-tel .z-ln-2{z-index:10;
	display:inline-block;
	width:6px;
	height:6px;
	border-width: 2px 2px 0 0;
	border-radius:0 30px 0 0;
	position:absolute;
	top:0px;
	right:2px;
	animation-name: xshow2; /*动画名称*/
	animation-duration: 4s;/* 动画时间*/
	animation-timing-function: linear;  /*动画频率，匀速*/
	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/
	-webkit-animation-name: xshow2;   /*针对苹果浏览器写的兼容*/
	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/
	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/
	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/
	-o-animation-name: xshow2; /*针对欧朋浏览器写的兼容*/
	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/
	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/
	-o-animation-iteration-count: infinite;} /*头部电话一闪一闪的线条，css3样式*/
.m-cptel .u-tel .z-ln-3{z-index:10;
	display:inline-block;
	width:3px;
	height:3px;
	border-width: 2px 2px 0 0;
	border-radius:0 35px 0 0;
	position:absolute;
	top:3px;
	right:5px;
	animation-name: xshow;  /*动画名称*/
	animation-duration: 4s; /* 动画时间*/
	animation-timing-function: linear;  /*动画频率，匀速*/
	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/
	-webkit-animation-name: xshow; /*针对苹果浏览器写的兼容*/
	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/
	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/
	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/
	-o-animation-name: xshow; /*针对欧朋浏览器写的兼容*/
	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/
	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/
	-o-animation-iteration-count: infinite;	} /*头部电话一闪一闪的线条，css3样式*/
.u-tel .s-ln-2 { border: 2px solid #ff4e00;}
.m-cptel .u-bt { font-size:16px; color:#242424; padding-right:2px; font-weight:bold;}
.m-cptel a { color:#ff4e00; font-size:16px; font-weight:bold;}

/*成功案例*/
.g-bd .m-cp{ height:185px; overflow:hidden;}
.g-bd .m-cp .cptil{ height:29px; line-height:29px; width:100%; font-size: 13px; border-bottom:1px solid #5b9e00; background-color:#f2f2f2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2)); 
	background-image: -webkit-linear-gradient(top,   #fff, #f2f2f2); 
	background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
	background-image: linear-gradient(top,  #fff, #f2f2f2);}
.g-bd .m-cp .cptil li{ float:left; padding:0 11px; display:block; margin-right:5px; font-size:13px; color:#444544;}
.g-bd .m-cp .cptil li.z-on{ color:#fff; background-color:#6ab000; position:relative; z-index:0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7ac200), to(#5b9e00)); 
	background-image: -webkit-linear-gradient(top, #7ac200, #5b9e00); 
	background-image: -moz-linear-gradient(top, #7ac200, #5b9e00);
	background-image: linear-gradient(top,  #7ac200, #5b9e00);}
.g-bd .m-cp .cptil li.z-on:before { content:""; position:absolute; top:30px; left:44%; width:0; height:0; border-top:5px solid #589b00; border-left:5px solid transparent; border-right:5px solid transparent; z-index:1;}
.g-bd .m-cp .cp_c, .g-bd .m-cp .sclwrap_box{ height:156px;}
.g-bd .m-cp .cp_c .con { padding:12px 0 0 0; height:144px; overflow:hidden;}
.g-bd .m-cp .cp_c .con .cpimg{ width:132px; height:110px; float:left; margin-left:19px; display:inline; overflow:hidden;}
.g-bd .m-cp .cp_c .con .cpimg:nth-child(2n) { margin-left:14px;}
.g-bd .m-cp .cp_c .con .cpimg img{ width:130px; height:71px; border:solid 1px #e4e4e4;}
.g-bd .m-cp .cp_c .con .cpimg span{ height:30px; line-height:16px; text-align:center; display:block; font-size:12px; overflow:hidden; color:#494949;}
.g-bd .m-cp .cp_c .con .u-xq { height:34px; line-height:24px; overflow:hidden; padding:0 0 0 103px; color:#a9a9a9; position:relative; background-color:#f9f9f9; font-size:12px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6)); 
	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); 
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: linear-gradient(top,  #fff, #e6e6e6);
}
.g-bd .m-cp .cp_c .con .u-xq:before { content:""; position:absolute; width:100%; height:1px; bottom:0; left:0; background-color:#fff;}
.g-bd .m-cp .cp_c .con .u-xq span { border-radius:25px; background-color:#575757; width:10px; height:10px; top:0; left:-9px; display:inline-block; position:relative;}
.g-bd .m-cp .cp_c .con .u-xq span:before { content: ""; position: absolute; width: 0; height: 0; border-left: 6px solid #fff;border-top: 3px solid transparent;border-bottom: 3px solid transparent; top:2px; left:3px;}
.g-bd .m-cp .cp_c .con .u-xq span:after { content: ""; position: absolute; width: 0; height: 0; border-left: 1px solid #575757;border-top: 3px solid transparent;border-bottom:3px solid transparent; top:2px; left:3px;}

/*资讯切换*/
.g-bd .m-zx{ height:280px; overflow:hidden;}
.g-bd .m-zx .zxtil li { position:relative;}
.g-bd .m-zx .zxtil li.z-on:before { display:block;}
.g-bd .m-zx .zxtil li:before { content:""; position:absolute; width:1px; height:14px; top:7px; right:0; border-right:1px solid #757575;}
.g-bd .m-zx .zxtil li:nth-child(4):before { border-right:0;}
/*.g-bd .zxtil,.altil{height:28px; font-size:12px;margin-top:13px;}
.g-bd .zxtil li{ float:left; line-height:27px; padding:0 15px; display:block; background:#7e7e7e; color:#fff; border-radius:3px; margin:0 10px; display:inline;}
.g-bd .zxtil li.z-on{ background:#2478cd; color:#fff; border-radius:3px; position:relative;}
.zxtil li.z-on:before{ content:""; position:absolute;border-left:7px solid transparent;border-top:7px solid #2478cd;border-right:7px solid transparent;height: 0;width: 0;left:50%;top:26px; margin-left:-7px;}
*/
.g-bd .m-zx .m-box{height:250px;}
.g-bd .m-zx .sclwrap_box{height:250px;}
.g-bd .zx_c .con { padding:14px 33px 0 16px; height:236px; overflow:hidden;}
.g-bd .zx_c a li{ display:block; overflow:hidden; height:33px; line-height:33px; position:relative;font-size:12px; color:#4c4c4c; text-indent:20px;}
.g-bd .zx_c a li:before { content:""; position:absolute; top: 10px;left:0;border-bottom: 6px solid rgba(0, 0, 0, 0);border-right: 6px solid #6cb400; border-top: 6px solid rgba(0, 0, 0, 0); width:0; height:0;}
.g-bd .zx_c a li:after { content:""; position:absolute; bottom:0;left:20px; width:100%; height:1px; border-bottom:1px dotted #7f7f7f;}
.g-bd .zx_c a:last-child li:after { border-bottom:0;}
.g-bd .zx_c a li .ico {border-bottom: 5px solid rgba(0, 0, 0, 0);border-right: 5px solid #fff;border-top: 5px solid rgba(0, 0, 0, 0);content:"";position: absolute;top:11px;left:1px; width:0; height:0; z-index:99;}
.g-bd .zx_c a li .ico:before {border-bottom: 6px solid rgba(0, 0, 0, 0);border-right: 6px solid #6cb400; border-top: 6px solid rgba(0, 0, 0, 0);content: "";position: absolute; top: -6px;left:3px; width:0; height:0;}
.g-bd .zx_c a li .ico:after {border-bottom: 5px solid rgba(0, 0, 0, 0);border-right: 5px solid #fff;border-top: 5px solid rgba(0, 0, 0, 0);content:"";position: absolute;top:-5px;left:4px; width:0; height:0; z-index:100;}
.gengduo{margin-top:10px;}
@media screen and (min-width: 640px){
	.g-ft .m-bmu .u-fnav { text-align:left}
    .g-ft .m-bmu a{position: relative;}
    .g-ft .m-bmu a:nth-child(4){border:0;}
	.g-ft .m-bmu a:nth-child(8){border-right:0;}
 }