﻿.wrap img{ width:100%;}	

@media screen and (min-width:320px) {body { font-size:75%;}}
@media screen and (min-width:360px) {body { font-size:84.4%;}}
@media screen and (min-width:375px) {body { font-size:86.6%;}}
@media screen and (min-width:400px) {body { font-size:87%;}}
@media screen and (min-width:480px) {body { font-size:112.5%;}}
@media screen and (min-width:550px) {body { font-size:131.25%;}}
@media screen and (min-width:639px) {body { font-size:150%;}}


/*导航样式*/
.g-nav { position:relative;}
.g-nav a { font-size:1em; color:#fff; height:3.08em; line-height:3.08em; width:33%; text-align:center; display:block; float:left; position:relative; border-top:#0079c9 1px solid;
background: #00d2f7; /* Old browsers */
background: -moz-linear-gradient(top,  #00d2f7 0%, #00caf4 10%, #00a0ea 30%, #0089d8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00d2f7), color-stop(10%,#00caf4), color-stop(30%,#00a0ea), color-stop(100%,#0089d8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00d2f7 0%,#00caf4 10%,#00a0ea 30%,#0089d8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00d2f7 0%,#00caf4 10%,#00a0ea 30%,#0089d8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00d2f7 0%,#00caf4 10%,#00a0ea 30%,#0089d8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00d2f7 0%,#00caf4 10%,#00a0ea 30%,#0089d8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d2f7', endColorstr='#0089d8',GradientType=0 ); /* IE6-9 */
}
.g-nav a:before { position:absolute; content:""; width:1px; height:100%; background:#3ec1f2; top:0; right:1px;}
.g-nav a:after { position:absolute; content:""; width:1px; height:100%; background:#007bc8; top:0; right:0;}
.g-nav a:nth-child(2),.g-nav a:nth-child(5){ width:34%;}
.g-nav a:nth-child(3n):before,.g-nav a:nth-child(3n):after{ background:none;}

/*通栏广告*/
.g-adv{ width:100%; height:13em; overflow:hidden;}
.g-adv .sclwrap_box{ height:13em; overflow:hidden;}

/*搜索*/
.g-ss{ width:100%; overflow:hidden; position:relative; padding:6% 0; height:2.79em;}
.inp01{ background:#e0e0e0; color:#8d8d8d; float:left; font-size:1em; height:2.79em; line-height:2.79em; padding:0 0 0 4%; width:71.6%; margin:0 0 0 5%;}
.u-in{ background:none; display:block; height:2.79em; font-size:1em; position:absolute; right:5%; top:26%; width:14.5%; cursor: pointer;}
.g-ss .scl_fri { display:block; float:left; height:2.79em; font-size:1em; width:14.5%;}

/*首选品牌*/
.g-pp{ width:100%; height:37.88em; overflow:hidden; position:relative; background:url(/mobile/Images/Index/pp_bg.jpg) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-pp .u-bt{ display:block; width:100%; padding:7.5% 0 1%;}
.g-pp .m-bt{ display:block; width:100%; height:3.75em; line-height:3.75em; text-align:center; font-size:1em; color:#fff; font-weight:bold; margin:0 0 6%; overflow:hidden; background:url(/mobile/Images/Index/pp_tbg.jpg) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-pp .sclwrap_box{ height:13.5em; overflow:hidden;}
.g-pp .prev{ width:5%; position:absolute; top:41%; left:3.6%;}
.g-pp .next{ width:5%; position:absolute; top:41%; right:3.6%;}
.g-pp .nowarp { margin:0 10.6%;}
.g-pp .m-box .con{ display:inline; float:left;}
.g-pp ul li{ width:99.5%; background:#fff; position:relative; line-height:0; border:#e8e8e8 1px solid;}
.g-pp ul li img{ width:95.8%; padding:0.33em;}
.g-pp ul li span{ display:block; text-align:center; width:95.8%; position:absolute; left:0.33em; bottom:0.33em; padding:0.5em 0 0; height:3.25em; line-height:1.4em; background:rgba(0,112,194,0.8); overflow:hidden;}
.g-pp ul li span a{ font-size:1em; color:#fff;}
.g-pp p{ width:93.8%; margin:0 3.1%; padding:4% 0 6%; display:inline-block;}
.g-pp p a{ display:block; float:left; font-size:1em; color:#151515; height:2.25em; line-height:2.25em; background:#dcdcdc; margin:1% 0 0 1%; width:24%; text-align:center;}
.g-pp .u-more,.g-cp .u-more{ display:block; font-size:1em; color:#e80000; font-weight:bold; height:2.17em; line-height:2.17em; width:40.3%; margin:0 auto; text-align:center; border:#e80000 1px solid; background:#fff;}

/*至宝减速电机中心*/
.g-fenl{ width:100%; overflow:hidden; background:#f7f7f7;}
.g-fenl .m-bt{ width:100%; height:4.08em; text-align:center; border-top:#0070c2 2px solid;
background: #00bfed; /* Old browsers */
background: -moz-linear-gradient(top,  #00bfed 0%, #009edb 16%, #0081cb 32%, #0070c2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00bfed), color-stop(16%,#009edb), color-stop(32%,#0081cb), color-stop(100%,#0070c2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00bfed 0%,#009edb 16%,#0081cb 32%,#0070c2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00bfed 0%,#009edb 16%,#0081cb 32%,#0070c2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00bfed 0%,#009edb 16%,#0081cb 32%,#0070c2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00bfed 0%,#009edb 16%,#0081cb 32%,#0070c2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bfed', endColorstr='#0070c2',GradientType=0 ); /* IE6-9 */
}
.g-fenl .m-bt a{ font-size:1em; color:#fff;}
.g-fenl .m-bt b{ display:block; padding:2% 0 0;}
.g-fenl .m-bt b a{ font-size:1.25em;}
.g-fenl .m-fenl{ width:93.8%; margin:0 3.1%; display:inline-block; background:#fff; padding:7% 0 0;}
.g-fenl .u-bt{ font-size:1em; color:#fff; font-weight:bold; height:2.5em; line-height:2.5em; width:92.7%; text-align:center; display:block; margin:0 auto; background:#049edf; box-shadow:inset 2px 2px 2px #0385bb;
border-radius:0.2em;               
-webkit- border-radius:0.2em;
-moz-border-radius:0.2em;
-o-border-radius:0.2em;}
.g-fenl .u-bt em{ display:inline-block; width:5.8%; padding:0 0 0 5%;}
.g-fenl ul{ padding:3% 0 5%; width:92.7%; margin:0 auto;}
.g-fenl ul li{ height:2.83em; line-height:2.83em; border-bottom:#dbdbdb 1px solid;}
.g-fenl ul li a{ display:block; font-size:1em; color:#333; width:45%; float:left; padding:0 0 0 5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-fenl ul li:last-child{ border-bottom:none;}

/*产品*/
.g-cp{ width:100%; overflow:hidden; padding:0 0 10%; background:#f7f7f7;}
.g-cp ul li{ width:45%; float:left; padding:4% 2% 0; line-height:0;}
.g-cp ul li span{ display:block; text-align:center; width:100%; height:2.08em; line-height:2.08em; background:rgba(0,112,194,0.8); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-cp ul li span a{ font-size:1em; color:#fff;}
.g-cp .u-more{ margin:7% auto 0;}

/*广告条*/
.g-ban01{ display:block; width:90%; padding:0 10% 0 0; text-align:right; overflow:hidden; height:8.54em; line-height:12em; font-size:1em; color:#fff; font-weight:bold; background:url(/mobile/Images/Index/ban01.jpg) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ban01 em{ display:inline-block; width:6.9%; padding:0 2% 0 0;}
.g-ban01 em img{ vertical-align:middle;}

/*优势*/
.g-ys{ width:100%; overflow:hidden; height:52em;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 90%, #f3f3f3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(90%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 90%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 90%,#f3f3f3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 90%,#f3f3f3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 90%,#f3f3f3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}
.g-ys .u-bt{ display:block; width:100%; padding:6% 0 2%;}
.g-ys .m-bt{ width:100%; height:3.88em; text-align:center; margin:0 0 8%; overflow:hidden; background:url(/mobile/Images/Index/ys_tbg.gif) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ys .m-bt a{ font-size:1.58em; color:#0070c2; font-weight:bold; display:inline-block;}
.g-ys .sclwrap_box{ height:35em; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys .m-box .con .ys_pic{ width:100%; overflow:hidden;}
.g-ys dl{ width:100%; display:inline-block;}
.g-ys dl dt{ width:10.3%; float:left; padding:0 2% 0 5%;}
.g-ys dl dd{ width:75%; float:left;}
.g-ys dl dd b{ display:block; width:99.2%; height:2.13em; line-height:2em; overflow:hidden; background:url(/mobile/Images/Index/ys_dtbg02.gif) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ys dl dd b a{ font-size:1.08em; color:#fff;}
.g-ys dl dd b i{ display:block; color:#222; float:left; padding:0 7% 0 5%;}
.g-ys .con:first-child dl dd b{ display:block; width:99.2%; height:2.13em; line-height:2em; overflow:hidden; background:url(/mobile/Images/Index/ys_dtbg01.gif) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ys .con:first-child dl dd b i{ display:block; color:#222; float:left; padding:0 12% 0 5%;}
.g-ys .con:last-child dl dd b i{ display:block; color:#222; float:left; padding:0 14% 0 8%;}
.g-ys dl dd p{ font-size:1em; color:#222; line-height:200%; padding:9% 0 0;}
.g-ys dl dd p i{ color:#e80000;}
.g-ys .m-cnt{ width:100%; padding:0 0 0 25%; display:inline-block; position:relative;}
.g-ys .m-cnt:before{ position:absolute; content:""; width:100%; height:1px; background:#c5c5c5; top:50%; left:0;}
.g-ys .m-cnt li{ font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000; font-weight:bold; width:2.58em; height:2.58em; background:#dcdcdc; float:left; margin:0 1%; text-align:center; line-height:2.58em; position:relative; z-index:1;
border-radius:0.2em; 
-webkit- border-radius:0.2em;
-moz-border-radius:0.2em;
-o-border-radius:0.2em;}
.g-ys .m-cnt li.z-on{ color:#fff; background:#0070c2;}

/*广告条*/
.g-ban02{ display:block; width:76.9%; padding:0 23.1% 0 0; text-align:right; overflow:hidden; height:8.54em; line-height:11em; font-size:1em; color:#fff; font-weight:bold; background:url(/mobile/Images/Index/ban02.jpg) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-ban02 em{ display:inline-block; width:8%; padding:0 2% 0 0;}
.g-ban02 em img{ vertical-align:middle;}

/*客户见证*/
.g-jz{ width:100%; overflow:hidden; padding:6% 0 2%;}
.g-jz .m-bt{ height:3.33em; width:100%; text-align:center; position:relative;}
.g-jz .m-bt:before{ position:absolute; content:""; width:40%; height:1px; background:#d9d9d9; top:72%; left:3.1%;}
.g-jz .m-bt:after{ position:absolute; content:""; width:40%; height:1px; background:#d9d9d9; top:72%; right:3.1%;}
.g-jz .m-bt a{ font-size:1em; color:#424242;}
.g-jz .m-bt b{ display:block;}
.g-jz .m-bt b a{ font-size:1.25em; color:#0070c2;}
.g-jz dl{ width:92%; margin:0 4%; display:inline-block; overflow:hidden; padding:6% 0; border-bottom:#d9d9d9 1px solid;}
.g-jz dl dt{ width:34%; float:left; padding:0 3.4% 0 0;}
.g-jz dl dd{ width:62%; float:left;}
.g-jz dl dd h5{ font-size:1em;}
.g-jz dl dd h5 a{ color:#333;}
.g-jz dl dd em{ display:block; font-size:0.92em; color:#333; padding:2% 0;}
.g-jz dl dd p{ font-size:0.92em; color:#555; line-height:180%;}
.g-jz dl dd span{ display:block; padding:2% 0 0;}
.g-jz dl dd span a{ font-size:0.92em; color:#e10000;}
.g-jz dl:last-child{ border-bottom:none;}

/*走进天松*/
.g-zj{ width:100%; height:23.83em; overflow:hidden; background:url(/mobile/Images/Index/ab_bg.jpg) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-zj .m-bt{ width:90%; padding:0 5%; height:2.58em; line-height:2.58em; border-top:#0070c2 2px solid;
background: #00bfed; /* Old browsers */
background: -moz-linear-gradient(top,  #00bfed 0%, #009edb 16%, #0081cb 32%, #0070c2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00bfed), color-stop(16%,#009edb), color-stop(32%,#0081cb), color-stop(100%,#0070c2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00bfed 0%,#009edb 16%,#0081cb 32%,#0070c2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00bfed 0%,#009edb 16%,#0081cb 32%,#0070c2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00bfed 0%,#009edb 16%,#0081cb 32%,#0070c2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00bfed 0%,#009edb 16%,#0081cb 32%,#0070c2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bfed', endColorstr='#0070c2',GradientType=0 ); /* IE6-9 */
}
.g-zj .m-bt a{ font-size:1em; color:#fff; font-weight:bold;}
.g-zj .m-bt span{ display:block; float:right;}
.g-zj .m-bt span a{ font-weight:normal;}
.g-zj dl{ width:88.6%; margin:0 auto; padding:8% 0 0;}
.g-zj dl dt{ width:100%;}
.g-zj dl dd{ width:100%; padding:7% 0 0;}
.g-zj dl dd a{ display:block; width:31.4%; font-size:1em; color:#000; height:2.17em; line-height:2.17em; text-align:center; margin:0 0 0 1%; float:left; background:#dcdcdc; border-top:#dcdcdc 2px solid;}
.g-zj dl dd a:first-child{ color:#fff; font-weight:bold; border-top:#0070c2 2px solid;
background: #00bfed; /* Old browsers */
background: -moz-linear-gradient(top,  #00bfed 0%, #009edb 16%, #0081cb 32%, #0070c2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00bfed), color-stop(16%,#009edb), color-stop(32%,#0081cb), color-stop(100%,#0070c2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00bfed 0%,#009edb 16%,#0081cb 32%,#0070c2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00bfed 0%,#009edb 16%,#0081cb 32%,#0070c2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00bfed 0%,#009edb 16%,#0081cb 32%,#0070c2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00bfed 0%,#009edb 16%,#0081cb 32%,#0070c2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bfed', endColorstr='#0070c2',GradientType=0 ); /* IE6-9 */
}

/*资讯*/
.g-news{ width:16.42em; width:100%; position:relative; overflow:hidden; background:url(/mobile/Images/Index/news_bg.jpg) no-repeat; -webkit-background-size:100%; -ms-background-size:100%; -o-background-size:100%; background-size:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.g-news .u-more{ display:block; font-size:1em; color:#fff; position:absolute; top:4%; right:4%;}
.g-news .m-cnt{ height:2.58em; line-height:2.58em; border-top:#0070c2 2px solid; width:100%;
background: #00bfed; /* Old browsers */
background: -moz-linear-gradient(top,  #00bfed 0%, #009edb 16%, #0081cb 32%, #0070c2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00bfed), color-stop(16%,#009edb), color-stop(32%,#0081cb), color-stop(100%,#0070c2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00bfed 0%,#009edb 16%,#0081cb 32%,#0070c2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00bfed 0%,#009edb 16%,#0081cb 32%,#0070c2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00bfed 0%,#009edb 16%,#0081cb 32%,#0070c2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00bfed 0%,#009edb 16%,#0081cb 32%,#0070c2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bfed', endColorstr='#0070c2',GradientType=0 ); /* IE6-9 */
 }
.g-news .m-cnt li{ width:26%; text-align:center; font-size:1em; color:#fff; float:left; position:relative;}
.g-news .m-cnt li:before{  position:absolute; content:""; width:1px; height:100%; background:#005593; top:0; right:1px;}
.g-news .m-cnt li:after{  position:absolute; content:""; width:1px; height:100%; background:#4dc5eb; top:0; right:0;}
.g-news .m-cnt li.z-on{ background:#049edf; font-weight:bold;}
.g-news .m-cnt li:last-child:before,.g-news .m-cnt li:last-child:after{ background:none;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news .sclwrap_box { height:13.67em; overflow:hidden;}
.g-news dl{ width:100%; padding:6% 0 0;}
.g-news dl dt{ width:30.9%; float:left; padding:0 3.1% 0 5.3%;}
.g-news dl dd{ width:57%; float:left;}
.g-news dl dd p{ width:100%; height:2.4em; line-height:2.4em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-news dl dd p a,.g-news .con:nth-child(1) ul li a{ font-size:1em; color:#555; padding:0 0 0 5%;}
.g-news dl dd p:nth-child(2n),.g-news .con:nth-child(1) ul li:nth-child(2n){ background:#f0f0f0;}
.g-news dl dd p a,.g-news .con:nth-child(2) ul li a{ font-size:1em; color:#555; padding:0 0 0 5%;}
.g-news dl dd p:nth-child(2n),.g-news .con:nth-child(2) ul li:nth-child(2n){ background:#f0f0f0;}

.g-news .con ul{ width:91%; margin:0 auto; padding:5% 0 0;}
.g-news .con:nth-child(1) ul li{ height:2.5em; line-height:2.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-news .con:nth-child(2) ul li{ height:2.5em; line-height:2.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-news .con:nth-child(3) ul li{ border-bottom:#d4d4d4 1px solid; height:2em; line-height:2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0 0 3%;}
.g-news .con:nth-child(3) ul li em{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#fff; text-transform:uppercase; float:left; width:1.33em; line-height:1.33em; height:1.33em; text-align:center; background:#0070c2;}
.g-news .con:nth-child(3) ul li a{ font-size:1em; color:#000; padding:0 0 0 2%;}