﻿.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%;}} /*ipone6*/
@media screen and (min-width:400px) {body { font-size:87%;}}
@media screen and (min-width:414px) {body { font-size:96%;}} /*ipone6P*/
@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 { display:inline-block; width:100%; padding:1% 0 0;}
.g-nav a { margin:1.33em 0 0 1em; font-size:1em; color:#fff; height:5.25em; line-height:5.25em; text-align:center; width:7.5em; text-align:center; display:block; float:left; background:url(/mobile/Images/Index/nav_bg01.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-nav a:hover,.g-nav a:visited{ background:url(/mobile/Images/Index/nav_bg02.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-nav a:nth-child(2),.g-nav a:nth-child(3){ line-height:1.2em; padding:1.6em 0 0; height:3.65em;}

/*通栏广告*/
.g-adv{ width:100%; height:12.5em; overflow:hidden;}
.g-adv .sclwrap_box{ height:12.5em; overflow:hidden;}

/*搜索*/
.g-ss{ width:100%; overflow:hidden; position:relative; padding:3% 0; background:#e3e3e3;}
.inp01{ border:solid 2px #c2c2c2; border-right:none; color:#999; float:left; font-size:1em; height:2em; line-height:2em; padding:0 0 0 5%; width:77.5%; margin:0 0 0 3.1%; background:#fff;
border-radius:2em 0 0 2em;               
-webkit- border-radius:2em 0 0 2em;
-moz-border-radius:2em 0 0 2em;
-o-border-radius:2em 0 0 2em;}
.u-in{ background:none; display:block; height:2em; font-size:1em; position:absolute; right:6%; top:22%; width:10.6%; cursor: pointer;}
.g-ss .scl_fri { display:block; float:left; background:#fff; padding:0.1em 0.8em 0 0; height:1.9em; font-size:1em; width:1.67em; border:solid 2px #c2c2c2; border-left:none;
border-radius:0 2em 2em 0;               
-webkit- border-radius:0 2em 2em 0;
-moz-border-radius:0 2em 2em 0;
-o-border-radius:0 2em 2em 0;}

/*高端轴承品质*/
.g-pz{ width:25em; height:8.67em; overflow:hidden; margin:0 auto; position:relative; padding:7% 0 0;}
.g-pz .m-bt{ display:block; width:100%; height:1.5em; line-height:1.5em; text-align:center; font-size:1.17em; color:#3f3f3f; font-weight:bold; background:url(/mobile/Images/Index/pz_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-pz .sclwrap_box{ height:7em; overflow:hidden;}
.g-pz .prev{ width:2.29em; position:absolute; top:40%; left:0%;}
.g-pz .next{ width:2.29em; position:absolute; top:40%; right:0%;}
.g-pz .nowarp { margin:0 2.29em;}
.g-pz .m-box .con{ display:inline; float:left;}
.g-pz ul li{ width:7.88em; float:left; margin:5% 0 0 1.5em; line-height:0; position:relative;}
.g-pz ul li span{ display:block; text-align:center; width:100%; height:2.5em; line-height:3em; overflow:hidden; position:absolute; bottom:0; left:0; background:url(/mobile/Images/Index/pz_picbg.png) 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-pz ul li span a{ font-size:1em; color:#fff;}

/*维特瑞轴承中心*/
.g-fenl{ width:100%; padding:2% 0 5.5%; overflow:hidden;}
.g-fenl .m-bt{ width:100%; height:4.58em; overflow:hidden; background:url(/mobile/Images/Index/fenl_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-fenl .m-bt a{ font-size:1.17em; color:#3f3f3f; font-weight:bold; display:block; padding:1.8em 0 0 8.6em;}
.g-fenl .m-fenl{ width:25em; margin:0 0.83em; border-bottom:#d0d0d0 1px dashed; display:inline-block; padding:5% 0 3%;}
.g-fenl .u-bt{ font-size:1em; color:#333; font-weight:bold; height:1.5em; line-height:1.5em; width:100%; display:block;}
.g-fenl .u-bt em{ display:inline-block; width:1em; padding:0 0 0 2%;}
.g-fenl ul li{ height:2.5em; line-height:2.5em; width:50%; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-fenl ul li a{ font-size:1em; color:#666;}
.g-fenl .m-fenl:last-child{ border:none;}

/*产品*/
.g-cp{ width:100%; overflow:hidden; padding:0 0 9.8%;}
.g-cp .m-bt,.g-case .m-bt,.g-about .m-bt,.g-news .m-cnt{ width:100%; height:3.33em; line-height:3.33em;
background: #3f3f3f; /* Old browsers */
background: -moz-linear-gradient(top,  #3f3f3f 0%, #3f3f3f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0778e7), color-stop(100%,#0463c1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3f3f3f 0%,#3f3f3f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3f3f3f 0%,#3f3f3f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3f3f3f 0%,#3f3f3f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3f3f3f 0%,#3f3f3f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-9 */
}
.g-cp .m-bt em,.g-case .m-bt em,.g-about .m-bt em{ display:block; width:32.8%; text-align:center;
background: #e7af75; /* Old browsers */
background: -moz-linear-gradient(left,  #e7af75 0%, #de9766 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e7af75), color-stop(100%,#de9766)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #e7af75 0%,#de9766 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #e7af75 0%,#de9766 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #e7af75 0%,#de9766 100%); /* IE10+ */
background: linear-gradient(to right,  #e7af75 0%,#de9766 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7af75', endColorstr='#de9766',GradientType=1 ); /* IE6-9 */
}
.g-cp .m-bt em a,.g-case .m-bt em a,.g-about .m-bt em a{ font-size:1em; color:#fff; font-weight:bold;}
.g-cp .m-bt span,.g-case .m-bt span,.g-about .m-bt span{ display:block; float:right; padding:0 3.1% 0 0;}
.g-cp .m-bt span a,.g-case .m-bt span a,.g-about .m-bt span a{ font-size:1em; color:#fff;}
.g-cp ul li{ width:11.58em; float:left; margin:6% 2.5% 0; border:#ccc 1px solid; line-height:0; position:relative;height: 11.7em;overflow: hidden;}
.g-cp ul li span{ display:block; text-align:center; width:100%; height:2.08em; line-height:2.08em; background:#ebebeb; overflow:hidden; position:absolute; bottom:0; left:0;}
.g-cp ul li span a{ font-size:1em; color:#333;}

/*广告条*/
.g-ban01{ width:100%; height:9.25em; overflow:hidden; 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 .ban01_btn{ display:block; float:left; font-size:1em; color:#fff; width:5.13em; height:2.29em; text-align:center; line-height:2.29em; box-shadow:1px 3px 2px #7e4a25; margin:5.7em 0 0 3.1%;
background: #e7af75; /* Old browsers */
background: -moz-linear-gradient(left,  #e7af75 0%, #de9766 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e7af75), color-stop(100%,#de9766)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #e7af75 0%,#de9766 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #e7af75 0%,#de9766 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #e7af75 0%,#de9766 100%); /* IE10+ */
background: linear-gradient(to right,  #e7af75 0%,#de9766 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7af75', endColorstr='#de9766',GradientType=1 ); /* IE6-9 */
border-radius:0.5em;               
-webkit- border-radius:0.5em;
-moz-border-radius:0.5em;
-o-border-radius:0.5em;}
.g-ban01 .ban01_tel{ display:block; float:left; font-size:1em; color:#a5bce0; width:50%; padding:5.6em 0 0 0.42em; line-height:1.2em;}
.g-ban01 .ban01_tel i{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:1.25em; color:#fff;}

/*方案中心*/
.g-plan{ width:25em; height:21.67em; margin:0 auto; overflow:hidden; position:relative; padding:9% 0 3%;}
.g-plan .m-bt{ display:block; margin:0 auto; width:15em; height:2.29em; line-height:2.29em; text-align:center; position:relative; font-size:1.17em; color:#3f3f3f; font-weight:bold; background:url(/mobile/Images/Index/plan_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-plan .sclwrap_box{ height:17.5em; overflow:hidden;}
.g-plan .prev{ width:2.29em; position:absolute; top:45%; left:0;}
.g-plan .next{ width:2.29em; position:absolute; top:45%; right:0;}
.g-plan .nowarp { margin:0 5.625em;}
.g-plan .m-box .con{ display:inline; float:left;}
.g-plan ul li{ width:13.75em; float:left; padding:8% 0 0; line-height:0;}
.g-plan ul li span{ display:block; width:12.92em; background:#eaeaea; padding:0.58em 0 1.3em 0.83em; line-height:1.2em;}
.g-plan ul li span a{ font-size:1em; color:#3f3f3f; font-weight:bold;}
.g-plan ul li span em{ display:block; width:1.25em; padding:0.75em 0 0;}

/*优势*/
.g-ys{ width:100%; overflow:hidden; height:47.92em; background:url(/mobile/Images/Index/ys_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-ys .m-bt{ display:block; width:100%; overflow:hidden; padding:9% 0 0;}
.g-ys .sclwrap_box{ height:36.38em; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys .m-box .con .ys_pic{ display:block; width:100%; overflow:hidden;}
.g-ys dl{ width:25em; margin:0 auto; padding:0 0 3%;}
.g-ys dl dt{ width:100%; display:inline-block; overflow:hidden; height:1.25em; line-height:1.25em;}
.g-ys dl dt em{ display:block; width:1.5em; float:left; padding:0 2% 0 0;}
.g-ys dl dt b{ display:block; float:left; width:86%;}
.g-ys dl dt b a{ font-size:1em; color:#3f3f3f;}
.g-ys dl dd{ width:21.4em; padding:0 0 0 1.83em;}
.g-ys dl dd p{ font-size:1em; color:#333; position:relative; padding:2% 0 0 0.83em;}
.g-ys dl dd p:before{ position:absolute; content:""; width:0; height:0; top:26%; left:0;
border-top:0.3em solid transparent; 
border-left:0.3em solid #333;
border-bottom:0.3em solid transparent;}
.g-ys dl dd p b{ color:#e59256;}
.g-ys .m-cnt{ width:100%; display:inline-block; padding:0 0 0 38%;}
.g-ys .m-cnt li{ width:1.08em; height:1.08em; background:#949494; float:left; margin:0 2%; 
border-radius:2em; 
-webkit- border-radius:2em;
-moz-border-radius:2em;
-o-border-radius:2em;}
.g-ys .m-cnt li.z-on{ background:#3f3f3f; }
.g-ys .m-box .con:first-child dl:nth-child(2) dd p:first-child:before,.g-ys .m-box .con:last-child dl:nth-child(3) dd p:before{ top:50%;}

/*广告条*/
.g-ban02{ width:100%; height:8.33em; overflow:hidden; 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 .ban01_btn{ display:block; float:left; font-size:1em; color:#fff; width:5.67em; height:1.92em; text-align:center; line-height:1.92em; box-shadow:1px 3px 2px #7e4a25; margin:5em 0 0;
background: #e7af75; /* Old browsers */
background: -moz-linear-gradient(left,  #e7af75 0%, #de9766 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e7af75), color-stop(100%,#de9766)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #e7af75 0%,#de9766 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #e7af75 0%,#de9766 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #e7af75 0%,#de9766 100%); /* IE10+ */
background: linear-gradient(to right,  #e7af75 0%,#de9766 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7af75', endColorstr='#de9766',GradientType=1 ); /* IE6-9 */
border-radius:0.5em;               
-webkit- border-radius:0.5em;
-moz-border-radius:0.5em;
-o-border-radius:0.5em;}
.g-ban02 .ban01_tel{ display:block; float:left; font-size:1em; color:#fff; width:42%; padding:5.4em 0 0 9.2em; line-height:1.2em;}
.g-ban02 .ban01_tel i{ font-weight:bold;}

/*客户应用案例*/
.g-case{ width:100%; overflow:hidden; height:15.25em; padding:9% 0 6%;}
.g-case .sclwrap_box{ height:9.17em; overflow:hidden;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case dl{ display:inline-block; width:100%; overflow:hidden; padding:7% 0 0;}
.g-case dl dt{ width:10.25em; float:left; padding:0 0.8em;}
.g-case dl dd{ width:14em; float:left;}
.g-case dl dd b{ display:block;}
.g-case dl dd b a{ font-size:1em; color:#333;}
.g-case dl dd p{ font-size:1em; color:#666; line-height:150%; padding:2% 0 0;}
.g-case dl dd span{ display:block; margin:3% 0 0; width:6.25em; height:1.71em; line-height:1.71em; text-align:center; border:#e49256 2px solid;}
.g-case dl dd span a{ font-size:1em; color:#e49256;}
.g-case .m-cnt{ width:100%; display:inline-block; padding:5% 0 0 38%;}
.g-case .m-cnt li{ width:1.08em; height:1.08em; background:#949494; float:left; margin:0 1%; 
border-radius:2em; 
-webkit- border-radius:2em;
-moz-border-radius:2em;
-o-border-radius:2em;}
.g-case .m-cnt li.z-on{ background:#3f3f3f; }

/*走进维科特瑞*/
.g-about{ width:100%; overflow:hidden; padding:0 0 9%;}
.g-about dl{ width:100%; display:inline-block; padding:1.25em 0 0;}
.g-about dl dt{ width:25em; margin:0 auto;}
.g-about dl dd{ width:25em; margin:0 auto; padding:2% 0 0;}
.g-about dl dd p{ width:100%; font-size:1em; color:#333; line-height:180%;}
.g-about dl dd span{ display:block; width:6.33em; padding:3% 0 0; overflow:hidden;}

/*公司动态*/
.g-news{ width:100%; height:17.5em; overflow:hidden; position:relative; padding:0 0 4%;}
.g-news .m-cnt li{ width:25%; text-align:center; float:left; position:relative; font-size:1em; color:#fff;}
.g-news .m-cnt li:before{ position:absolute; content:""; width:1px; height:20%; background:#fff; top:42%; right:0;}
.g-news .m-cnt li.z-on{ font-weight:bold; background: #e7af75; /* Old browsers */
background: -moz-linear-gradient(left,  #e7af75 0%, #de9766 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e7af75), color-stop(100%,#de9766)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #e7af75 0%,#de9766 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #e7af75 0%,#de9766 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #e7af75 0%,#de9766 100%); /* IE10+ */
background: linear-gradient(to right,  #e7af75 0%,#de9766 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7af75', endColorstr='#de9766',GradientType=1 ); /* IE6-9 */
}
.g-news .m-cnt li:last-child:before,.g-news .m-cnt li.z-on:before{ background:none;}
.g-news .u-more{ display:block; position:absolute; top:5%; right:3.1%; z-index:1; font-size:1em; color:#ffffff;}
.g-news .sclwrap_box{ height:13.75em; overflow:hidden;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news .m-box ul{ width:25em; margin:0 auto; padding:2% 0 0;}
.g-news .m-box ul li{ height:3.29em; line-height:3.29em; border-bottom:#ccc 1px dashed; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-news .m-box ul li a{ font-size:1em; color:#333;}
.g-news .m-box ul li em{ display:inline-block; width:0.88em; padding:0 2% 0 0;}
.g-news .m-box ul li:last-child{ border:none;}

/*新首页*/
.g-cp1 li a
{
	display:block;
	font-size:0px;
}