/*导航*/
.g-nav { position:relative; overflow:hidden;}
.g-nav a { float:left; width:25%; text-align:center; display:block; color:#fff; position:relative; line-height:2.25em; font-size:1em;background: #948984; /* Old browsers */
background: -moz-linear-gradient(top,  #1a84d7 0%, #148ae8 50%, #0080e5 50%, #006dc2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a84d7), color-stop(50%,#148ae8), color-stop(50%,#0080e5), color-stop(100%,#006dc2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1a84d7 0%,#148ae8 50%,#0080e5 50%,#006dc2 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom,  #1a84d7 0%,#148ae8 50%,#0080e5 50%,#006dc2 100%); /* W3C */}
.g-nav a:before { position:absolute; content:""; width:1px; height:100%; background:#005ce8; top:0; right:1px;}
.g-nav a:after { position:absolute; content:""; width:1px; height:100%; background:#0099ea; top:0; right:0;}
.g-nav:before { position:absolute; content:""; width:100%; height:1px; background:#3894dc; top:50%; left:0;}
.g-nav:after { position:absolute; content:""; width:100%; height:1px; background:#3894dc; top:50%; left:0;}

/*banner*/
.g-adv { height:auto;margin-top:-0.6%;}
.g-adv .sclwrap_box , .g-adv .m-box{overflow:hidden;}
.g-adv .m-box li img{ width:100%;}
.g-adv .m-cnt{ padding:1.25% 0; background:#c2dcf1;}
.g-adv .m-cnt li { float:left; width:33.3%; padding:1.35% 0;margin-top:-1.5%;}
.g-adv .m-cnt li.z-on{background-image: -webkit-linear-gradient(top, #0078c6, #006ec4);
background-image: -moz-linear-gradient(top, #0078c6, #006ec4);
background-image: -o-linear-gradient(top, #0078c6, #006ec4);
background-image: -ms-linear-gradient(top, #0078c6, #006ec4);
background-image: linear-gradient(top, #0078c6, #006ec4);}
.g-adv .m-cnt li:last-child { border-right:0;}
/*新城螺丝特点*/
.g-tedi{ padding-bottom:3.8%;}
.g-tedi dl{ margin-left:4.5%;}
.g-tedi dl dt{ font-size:1.08em; color:#333; padding:5.2% 0 3% 0;}
.g-tedi dl dd p{ font-size:1em;line-height:2.2em; overflow:hidden;}
.g-tedi dl dd p:last-child i{ border-bottom:none;}
.g-tedi dl dd p i{ color:#666; border-bottom:1px dashed #d8d8d8; display:block; float:left; width:82%;}
.g-tedi dl dd span{ display:block; float:left; width:4.4%; font-size:0.88em; color:#fff; background: no-repeat center 0;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; font-family:"宋体"; line-height: normal; text-align:center; padding-bottom:0.5%; margin-top:2.5%; margin-right:3.5%;}
.g-tedi h3{ margin-left:14%; padding-top:3.5%;overflow:hidden;}
.g-tedi h3 i{ display:block; width:36%; float:left; margin-right:6%; margin-top:1%; font-size:0;}
.g-tedi h3 i a{}
.g-tedi h3 i img{ width:100%;}
.g-tedi h3 em{ font-size:1em; color:#666; float:left; font-family:"Microsoft Yahei";}
.g-tedi h3 em a{ display:block; color:#006dc1; font-family:Arial; font-weight:bold; font-size:1.35em;}
/*搜索*/
.g-seach{ background:#006ec4; overflow:hidden; padding:5.4% 0 6.1%  14.5%; margin-bottom:5.35%;}
.g-seach .inp{ color:#d4d4d4; font-size:1.125em; width:51%; margin-right:3%; padding:0 4%; line-height:1.75em;float:left; background:url(/mobile/Images/Index/s_inp.gif) no-repeat center 0;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; border-radius:0;}
.g-seach input{ float:left;  width:19.5%;border-radius:0;}
/*分类*/
.g-fenl{ padding-bottom:2.5%;}
.g-fenl h2{ background:url(/mobile/Images/Index/h3_bg.jpg) no-repeat center 0;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; font-size:1em; color:#fff; line-height:2.5em; padding-left:4.7%; font-weight:bold;}
.g-fenl h3{ font-size:1em; background:#e5f0f9; color:#434343; font-weight:bold; line-height:2.4em;padding-left:4.7%; margin-bottom:3.5%;}
.g-fenl h3 span{ width:2%; margin-right:2%; display:inline-block;}
.g-fenl h3 span img{ width:100%; vertical-align:middle;}
.g-fenl ul{ margin:0 6.7%; overflow:hidden; padding-bottom:3%;}
.g-fenl ul li{ float:left; width:50%; border-bottom:1px dashed #ccc; line-height:2.2em;}
.g-fenl ul li a{ color:#434343;}
.g-fenl ul li span{ width:2.8%; display:inline-block; margin-left:7%; margin-right:5%;}
.g-fenl ul li span img{ width:100%; vertical-align:middle;}
.g-fenl ul li:last-child,.g-fenl ul .nobor{ border-bottom:none;}

/*推荐产品*/
.g-dzxl{ padding-bottom:1%;}
.m-new{ height:auto; overflow:hidden;}
.m-new .sclwrap_box , .m-new .m-box{overflow:hidden;}
.m-new .con{ display:inline; float:left;}
.m-new .con ul{ width:100%; margin-top:0%; margin-bottom:3%; margin-top:3%;}
.m-new .con ul li { padding:3.5% 0 0;width:100%;color:#666; padding-left:5%; width:42.5%; float: left; position:relative;}
.m-new .con ul li b{ font-size:0; display: block;}
.m-new .con ul li img{ width:100%; border:1px solid #e0e0e0;}
.m-new .con ul li em{color:#656565; display:block; text-align:center; line-height:2.5em; font-size:1em;}
.m-pro{ height:auto;}
.g-dzxl .m-new .m-cnt{width:100%; clear:both;
	background-color:#f6f6f6;background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ececec));
	background-image: -webkit-linear-gradient(top, #fff, #ececec);
	background-image: -moz-linear-gradient(top, #fff, #ececec);
	background-image: -o-linear-gradient(top, #fff, #ececec); 
	background-image: -ms-linear-gradient(top, #fff, #ececec); border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
.g-dzxl .m-new .m-cnt li{ font-size:1.08em; float:left; color:#333;text-align:center;line-height:2.38em; padding:0 6%; background: no-repeat right 50%;} 
.g-dzxl .m-new .m-cnt .z-on{color:#006ec4; position:relative; border-bottom:2px solid #006ec4;}
.g-dzxl .m-new .m-cnt .z-on:before{position:absolute; content:""; width:0; height:0; top:94%; left:45%;
	border-bottom:0.2em solid #006ec4;
	border-right:0.2em solid transparent;
	border-left:0.2em solid transparent;}
.g-dzxl .m-new .m-cnt span{ float:right;line-height:2.45em; margin-right:5%;}
.g-dzxl .m-new .m-cnt span a{ color:#666;}
/*立刻电话咨询*/
.g-tel{background-image: -webkit-linear-gradient(top, #067bc7, #0671c5);
background-image: -moz-linear-gradient(top, #067bc7, #0671c5);
background-image: -o-linear-gradient(top, #067bc7, #0671c5);
background-image: -ms-linear-gradient(top, #067bc7, #0671c5);
background-image: linear-gradient(top, #067bc7, #0671c5); padding:5.5% 0; margin-bottom:6.7%;}
.g-tel p{ color:#333; background:url(/mobile/Images/Index/tel.gif) no-repeat center 0;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; width:55.6%; margin:0 auto; line-height:1.9em; padding:0 8%;}
/*新城螺丝3大优势*/
.g-ys{}
.m-ys{ background:url(/mobile/Images/Index/ys_bg.gif) no-repeat center 0; padding-bottom:4%;}
.g-ys h3{ background:url(/mobile/Images/Index/ys_h3.jpg) no-repeat center 0;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; text-align:center; padding-bottom:3%;}
.g-ys h3 span{ display:inline-block; width:55%; padding-top:3%;}
.g-ys h3 span img{ width:100%;}
.g-ys h3 i{ display:block; color:#8fb3dd; font-family:Arial; font-size:1.6em; text-transform:uppercase;}
.g-ys dl{ margin:0 4.5%; border-bottom:1px dotted #b7b7b8; padding-bottom:4.2%;}
.g-ys dl dt{ background:url(/mobile/Images/Index/lin2.png) repeat-x left bottom; font-size:1.08em; overflow:hidden; padding-top:6%; margin-bottom:2%; padding-bottom:0.5em;}
.g-ys dl dt b{ display:block; float:left; font-family:Arial; color:#c6c6c6; font-size:2.5em; font-weight:normal; margin-right:1.5%; overflow:hidden;}
.g-ys dl dt i{ color:#006bb9; font-weight:bold; padding-top:2%; float:left;}
.g-ys dl dt em{ display:block; font-size:0.62em; color:#dbdbdb; text-transform:uppercase; float:left;}
.g-ys dl dd p{ font-size:1em; color:#656565; line-height:2em; overflow:hidden;}
.g-ys dl dd p span{ display:inline-block; float:left; width:2.1%; margin-right:2.5%;}
.g-ys dl dd p span img{ width:100%; vertical-align:middle;}
.g-ys dl dd i{ color:#006bb9;}
.g-ys dl dd em{ float:left; width:91%; display:inline-block;}
.g-ys dl:last-child{ border-bottom:none;}
/**/
.g-hzhb{ border-bottom:1px solid #ccc; margin-bottom:6.5%;}
.g-hzhb h3,.g-dongt h2{ margin-bottom:5%;background-color:#f6f6f6;background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ececec));
	background-image: -webkit-linear-gradient(top, #fff, #ececec);
	background-image: -moz-linear-gradient(top, #fff, #ececec);
	background-image: -o-linear-gradient(top, #fff, #ececec); 
	background-image: -ms-linear-gradient(top, #fff, #ececec); border-bottom:1px solid #ccc; border-top:1px solid #ccc; font-size:1em; line-height:2.5em; padding-left:4%;position:relative;}
.g-hzhb h3 a:before,.g-dongt h2 a:before{position:absolute; content:""; width:0; height:0; top:90%; left:11%;
	border-bottom:0.2em solid #006ec4;
	border-right:0.2em solid transparent;
	border-left:0.2em solid transparent;}
.g-hzhb h3 a,.g-dongt h2 a{ color:#006ec4;border-bottom:2px solid #006ec4;line-height:2.5em; display:inline-block;}
.g-hzhb h3 span,.g-dongt h2 span{ float:right; padding-right:4%;}
.g-hzhb h3 span a,.g-dongt h2 span a{ color:#666; border-bottom:none;}
.m-zzcon { position:relative; width:100%}
.m-zzcon .prev { position:absolute; width:4.1%; top:32%; left:5%;}
.m-zzcon .prev img { width:100%;}
.m-zzcon .next { position:absolute; width:4.1%; top:32%; right:5%;}
.m-zzcon .next img { width:100%;}

.g-hzhb .m-zzcon .no_ov { margin:0 auto;  width:71%;}
.g-hzhb .m-zzcon .page { float:left; padding:0.1% 0 0}
.g-hzhb .m-zzcon .page a { width:95%; display:block; float:left; padding:0 3.0%;}
.g-hzhb .m-zzcon .page a img { width:100%; border:1px solid #e1e1e1;}
.g-hzhb .m-zzcon .page a span{ display:block; text-align:center; font-size:1em; color:#656565; line-height:1.7em;}

/*新城螺丝动态*/
.g-dongt{ border-bottom:1px solid #ccc; padding-bottom:4.5%; margin-bottom:6.5%;}
.g-dongt h2 a:before{ left:15%;}
.g-dongt h3,.g-dongt ul{ width:91%; margin:0 auto;}
.g-dongt ul{ margin-top:2%;}
.g-dongt h3 img{ width:100%;}
.g-dongt ul li{ font-size:1em; color:#656565; line-height:2em; overflow:hidden; border-bottom:1px dashed #d8d8d8;}
.g-dongt ul li span{ display:inline-block; float:left; width:2.1%; margin-right:2.5%;}
.g-dongt ul li span img{ width:100%; vertical-align:middle;}
.g-dongt ul li i{ float:left; width:91%; display:inline-block;}
.g-dongt ul li a{ color:#666;}
.g-dongt ul li:last-child{ border-bottom:none;}

@media screen and (min-width:320px) {
	body { font-size:75%;}
	.g-adv .sclwrap_box , .g-adv .m-box{ height:200px; overflow:hidden;}
	.g-adv .m-box li img{ height:200px;}
	.m-new .sclwrap_box , .m-new .m-box{ height:304px;}
	.m-new {height:334px;}
	.g-hzhb { height:268px; overflow:hidden}
	.g-hzhb .sclwrap_box{height:211px;}
}
@media screen and (min-width:360px) {
	body { font-size:87%;}
	.g-adv .sclwrap_box , .g-adv .m-box{ height:225px; overflow:hidden;}
	.g-adv .m-box li img{ height:225px;}
	.m-new .sclwrap_box , .m-new .m-box{ height:342px;}
	.m-new {height:376px;}
	.g-hzhb { height:302px; overflow:hidden}
	.g-hzhb .sclwrap_box{height:237px;}

}
@media screen and (min-width:480px) {
	body { font-size:112.5%;}
	.g-adv .sclwrap_box , .g-adv .m-box{ height:300px; overflow:hidden;}
	.g-adv .m-box li img{ height:300px;}
	.m-new .sclwrap_box , .m-new .m-box{ height:456px;}
	.m-new {height:501px;}
	.g-hzhb { height:403px; overflow:hidden}
	.g-hzhb .sclwrap_box{height:316px;}
}
@media screen and (min-width:550px) {
	body { font-size:131.25%;}
	.g-adv .sclwrap_box , .g-adv .m-box{ height:345px; overflow:hidden;}
	.g-adv .m-box li img{ height:345px;}
	.m-new .sclwrap_box , .m-new .m-box{ height:524px;}
	.m-new {height:576px;}
	.g-hzhb { height:462px; overflow:hidden}
	.g-hzhb .sclwrap_box{height:363px;}

}
@media screen and (min-width:639px) {
	body { font-size:150%;}
	.g-adv .sclwrap_box , .g-adv .m-box{ height:400px; overflow:hidden;}
	.g-adv .m-box li img{ height:400px;}
	.m-new .sclwrap_box , .m-new .m-box{ height:608px;}
	.m-new {height:668px;}
	.g-hzhb { height:537px; overflow:hidden}
	.g-hzhb .sclwrap_box{height:426px;}
}