﻿.wrap img{ width:100%;}	
/*导航样式*/
.g-nav { padding:10% 0 8%; display:inline-block; width:100%;}
.g-nav a { font-size:1em; color:#fff; font-weight:bold; height:5.5em; line-height:5.5em; width:5.5em; text-align:center; display:block; float:left; margin:0 0 0 3.5%;
background: #0075e2; /* Old browsers */
background: -moz-linear-gradient(top,  #0075e2 0%, #004bac 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0075e2), color-stop(100%,#004bac)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0075e2 0%,#004bac 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0075e2 0%,#004bac 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0075e2 0%,#004bac 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0075e2 0%,#004bac 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075e2', endColorstr='#004bac',GradientType=0 ); /* IE6-9 */
border-radius:10em;               
-webkit- border-radius:10em;
-moz-border-radius:10em;
-o-border-radius:10em;}
.g-nav a:nth-child(3){ line-height:1.2em; padding:1.7em 0 0; height:3.8em;}
.g-nav a:hover,.g-nav a:visited{ background: #ffc600; /* Old browsers */
background: -moz-linear-gradient(top,  #ffc600 0%, #ff7201 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc600), color-stop(100%,#ff7201)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffc600 0%,#ff7201 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffc600 0%,#ff7201 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffc600 0%,#ff7201 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffc600 0%,#ff7201 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc600', endColorstr='#ff7201',GradientType=0 ); /* IE6-9 */
}

/*通栏广告*/
.g-adv{ width:100%; height:12.5em; overflow:hidden;}
.g-adv .sclwrap_box{ height:12.5em; overflow:hidden;}

/*为什么众多企业*/
.g-why{ background:url(/mobile/Images/Index/why_bg.gif) repeat; width:100%; overflow:hidden;}
.g-why .m-bt{ display:block; width:100%; padding:9% 0 3%;}
.g-why dl{ width:100%; display:inline-block; padding:3% 0 0;}
.g-why dl dt{ width:13.9%; float:left; padding:3% 3.1% 0;}
.g-why dl dd{ font-size:1em; color:#333; width:77%; float:left;}
.g-why dl dd b{ display:block;}
.g-why dl dd b a{ font-size:1em; color:#ff7e15;}
.g-why p{ width:100%; padding:4% 0 8%;}

/*伟恒所有产品分类*/
.g-fenl{ height:36.75em; width:100%; padding:8% 0 2%; overflow:hidden;}
.g-fenl .m-bt,.g-case .m-bt{ width:100%; height:4.17em; text-align:center; position:relative;}
.g-fenl .m-bt:before,.g-case .m-bt:before{ position:absolute; content:""; width:100%; height:1px; background:#ccc; bottom:0; left:0;}
.g-fenl .m-bt:after,.g-case .m-bt:after{ position:absolute; content:""; width:22%; height:3px; background:#ff7200; bottom:-1px; left:39%;}
.g-fenl .m-bt a,.g-case .m-bt a{ font-size:1.83em; color:#ff7300; font-weight:bold;}
.g-fenl .m-bt span,.g-case .m-bt span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#666; text-transform:uppercase;}
.g-fenl .m-cnt{ width:100%; padding:5% 0 0;}
.g-fenl .m-cnt li{ width:28.1%; height:3.33em; line-height:3.33em; text-align:center; float:left; font-size:1em; color:#fff; margin:0 0 0 4%; background: #ffc600; /* Old browsers */
background: -moz-linear-gradient(top,  #ffc600 0%, #ff7201 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc600), color-stop(100%,#ff7201)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffc600 0%,#ff7201 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffc600 0%,#ff7201 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffc600 0%,#ff7201 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffc600 0%,#ff7201 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc600', endColorstr='#ff7201',GradientType=0 ); /* IE6-9 */
border-radius:0.5em 0.5em 0 0;               
-webkit- border-radius:0.5em 0.5em 0 0;
-moz-border-radius:0.5em 0.5em 0 0;
-o-border-radius:0.5em 0.5em 0 0;}
.g-fenl .m-cnt li.z-on{ background: #0075e2; /* Old browsers */
background: -moz-linear-gradient(top,  #0075e2 0%, #004bac 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0075e2), color-stop(100%,#004bac)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0075e2 0%,#004bac 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0075e2 0%,#004bac 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0075e2 0%,#004bac 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0075e2 0%,#004bac 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075e2', endColorstr='#004bac',GradientType=0 ); /* IE6-9 */}
.g-fenl .sclwrap_box{ height:28em; overflow:hidden;}
.g-fenl .m-box .con{ display:inline; float:left;}
.g-fenl .m-box ul li{ width:44.5%; float:left; padding:7% 0 0 3.5%;}
.g-fenl .m-box ul li span{ display:block; width:100%; padding:3% 0 0;}
.g-fenl .m-box ul li span a{ font-size:1em; color:#666; display:block; width:45.6%; height:1.83em; line-height:1.83em; background:#dadada; text-align:center;}
.g-fenl .ptits{font-weight:normal; font-size:0.8em;overflow:hidden;color:#666; display:block; width:100%; height:1.83em; line-height:1.83em; background:#dadada; text-align:center;}
.g-fenl .m-box ul li span .u-btn01{ float:left;}
.g-fenl .m-box ul li span .u-btn02{ float:right;}

/*广告条*/
.g-ban01{ display:block; width:100%; overflow:hidden; height:8.33em; font-size:1em; color:#fff; 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 span{ display:block; padding:10% 0 0 55%;}
.g-ban01 em{ display:inline-block; width:4.4%; padding:1% 1% 0 55%;}
.g-ban01 b{ font-family:Arial, Helvetica, sans-serif; font-size:1.25em;}

/*伟恒工程方案成功案例*/
.g-case{ height:55em; width:100%; padding:7% 0 0; overflow:hidden;}
.g-case .m-bt{ height:3.9em;}
.g-case .m-bt a{ font-size:1.42em;}
.g-case .m-cnt{ width:100%; display:inline-block; padding:0 0 6%;}
.g-case .m-cnt li,.g-ys .m-cnt li{ width:6.88em; height:6.88em; text-align:center; float:left; font-size:1em; color:#fff; margin:5% 0 0 5%; background: #ffc600; /* Old browsers */
background: -moz-linear-gradient(top,  #ffc600 0%, #ff7201 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc600), color-stop(100%,#ff7201)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffc600 0%,#ff7201 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffc600 0%,#ff7201 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffc600 0%,#ff7201 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffc600 0%,#ff7201 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc600', endColorstr='#ff7201',GradientType=0 ); /* IE6-9 */
border-radius:10em;               
-webkit- border-radius:10em;
-moz-border-radius:10em;
-o-border-radius:10em;}
.g-case .m-cnt li em{ display:block; width:1.5em; margin:0 auto; padding:10% 0 0;}
.g-case .m-cnt li.z-on,.g-ys .m-cnt li.z-on{ background: #0075e2; /* Old browsers */
background: -moz-linear-gradient(top,  #0075e2 0%, #004bac 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0075e2), color-stop(100%,#004bac)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0075e2 0%,#004bac 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0075e2 0%,#004bac 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0075e2 0%,#004bac 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0075e2 0%,#004bac 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075e2', endColorstr='#004bac',GradientType=0 ); /* IE6-9 */}
.g-case .sclwrap_box{ height:32.5em; overflow:hidden;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case dl{ width:100%; display:inline-block; padding:5% 0 0;}
.g-case dl dt{ width:73%; margin:0 auto;}
.g-case dl dt img{ width:88.7%; padding:0.95em; border:#e3e3e3 0.17em solid;}
.g-case dl dd{ width:73%; margin:0 auto;}
.g-case dl dd span{ display:block; width:100%; text-align:center; padding:3% 0; overflow:hidden;}
.g-case dl dd span a{ font-size:1em; color:#ff7300; font-weight:bold;}
.g-case dl dd p{ width:100%; font-size:1em; color:#333; line-height:160%; text-align:center;}
.g-case dl dd b,.g-jz .u-gd{ display:block; width:91.4%; text-align:center; margin:3% auto 0; height:2.92em; line-height:2.92em;
background: #ffc600; /* Old browsers */
background: -moz-linear-gradient(top,  #ffc600 0%, #ff7201 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc600), color-stop(100%,#ff7201)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffc600 0%,#ff7201 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffc600 0%,#ff7201 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffc600 0%,#ff7201 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffc600 0%,#ff7201 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc600', endColorstr='#ff7201',GradientType=0 ); /* IE6-9 */
border-radius:0.3em;               
-webkit- border-radius:0.3em;
-moz-border-radius:0.3em;
-o-border-radius:0.3em;
}
.g-case dl dd b a{ font-size:1em; color:#fff; font-weight:normal;}

/*优势*/
.g-ys{ width:100%; overflow:hidden; height:44.17em; background:url(/mobile/Images/Index/ys_bg.gif) repeat;}
.g-ys .m-bt{ display:block; width:100%; overflow:hidden; padding:9% 0 11%;}
.g-ys .m-cnt{ width:100%; margin:0 auto;}
.g-ys .m-cnt li{ width:5.5em; height:5.5em; float:left; margin:0 0 0 3.5%;}
.g-ys .m-cnt li em{ display:block; width:2.63em; height:2.63em; margin:0 auto; padding:1.42em 0 0;}
.g-ys .sclwrap_box{ height:26.5em; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys .m-box .con .ys_pic{ width:100%; overflow:hidden; padding:2% 0;}
.g-ys dl{ width:88%; display:inline-block; padding:0 0 0 3.1%;}
.g-ys dl dt{ width:100%; display:inline-block; overflow:hidden;}
.g-ys dl dt em{ display:block; width:8.2%; float:left; padding:1% 0 0;}
.g-ys dl dt b{ display:block; float:left; width:87%; padding:0 0 1% 4%; height:2.88em; border-bottom:#ff7300 1px solid;}
.g-ys dl dt b a{ font-size:1.08em; color:#ff7300;}
.g-ys dl dd{ width:100%;}
.g-ys dl dd p{ font-size:1em; color:#333; line-height:160%; position:relative; padding:2% 0 0 10%;}
.g-ys dl dd p:before{ position:absolute; content:""; width:0.3em; height:0.3em; border:#333 1px solid; top:32%; left:5%;
-webkit-transform: rotate(35deg);
-moz-transform: rotate(35deg);
-ms-transform: rotate(35deg);
-o-transform: rotate(35deg);
transform: rotate(35deg);}
.g-ys dl dd p.ys_p01:before{ top:55%;}

/*客户见证*/
.g-jz,.g-honor,.g-news,.g-hz{ width:93.8%; border-top:#ff7300 0.17em solid; border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; border-left:#ccc 1px solid; overflow:hidden; padding:0 0 4%; margin:9.5% auto 0;}
.g-jz .m-bt,.g-honor .m-bt,.g-hz .m-bt{ height:2.63em; line-height:2.63em; width:94%; border-bottom:#ccc 1px solid; padding:0 3%;}
.g-jz .m-bt a,.g-honor .m-bt a,.g-hz .m-bt a{ font-size:1em; color:#ff7300; font-weight:bold;}
.g-jz .m-bt span,.g-honor .m-bt span,.g-hz .m-bt span{ display:block; float:right; padding:0 3% 0 0;}
.g-jz .m-bt span a,.g-honor .m-bt span a,.g-hz .m-bt span a{ color:#666; font-weight:normal; text-transform:uppercase;}
.g-jz dl{ width:100%; display:inline-block; overflow:hidden; padding:5% 0 0;}
.g-jz dl dt{ width:36.7%; float:left; padding:0 3%;}
.g-jz dl dt img{ width:96.8%; border:#ff7300 3px solid;}
.g-jz dl dd{ width:57%; float:left; font-size:1em; color:#333; line-height:150%;}
.g-jz .u-gd{ font-size:1em; color:#fff; width:71%;}

/*伟恒荣誉证书*/
.g-honor{ padding:0 0 3%;}
.g-honor ul li{ width:25%; float:left; padding:5% 4% 0;}
.g-honor ul li span{ display:block; text-align:center; width:100%;}
.g-honor ul li span a{ font-size:1em; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*伟恒动态*/
.g-news{ height:16.17em; overflow:hidden; padding:0;}
.g-news .u-more{ height:2.63em; line-height:2.63em; display:block; float:right; padding:0 3% 0 0; z-index:1;}
.g-news .u-more a{ font-size:1em; color:#666; text-transform:uppercase;}
.g-news .m-cnt{ height:2.63em; line-height:2.63em; width:100%; border-bottom:#ccc 1px solid;}
.g-news .m-cnt li{ width:25%; text-align:center; float:left; position:relative; font-size:1em; color:#666; font-weight:bold;}
.g-news .m-cnt li:before{ position:absolute; content:""; width:2px; height:40%; background:#666; top:32%; right:0;
-webkit-transform: rotate(35deg);
-moz-transform: rotate(35deg);
-ms-transform: rotate(35deg);
-o-transform: rotate(35deg);
transform: rotate(35deg);}
.g-news .m-cnt li.z-on{ color:#ff7300;}
.g-news .m-cnt li:last-child:before{ background:none;}
.g-news .sclwrap_box{ height:13.54em; overflow:hidden;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news .m-box ul{ width:95%; margin:0 auto; padding:1% 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; position:relative;}
.g-news .m-box ul li a{ font-size:1em; color:#333; padding:0 0 0 4.6%;}
.g-news .m-box ul li:before{ position:absolute; content:""; width:0.6em; height:0.6em; border:#828282 1px solid; top:42%; left:0;
border-radius:5em;               
-webkit- border-radius:5em;
-moz-border-radius:5em;
-o-border-radius:5em;}
.g-news .m-box ul li:last-child{ border:none;}

/*伟恒合作客户*/
.g-hz{ height:12.58em; padding:0; overflow:hidden; position:relative; margin:9.5% auto;}
.g-hz .sclwrap_box{ height:9.9em; overflow:hidden;}
.g-hz .prev{ width:5.8%; position:absolute; top:32%; left:-1px;}
.g-hz .next{ width:5.8%; position:absolute; top:32%; right:-1px;}
.g-hz .nowarp { margin:0 5.85%;}
.g-hz .m-box .con{ display:inline; float:left;}
.g-hz ul li{ width:41.8%; float:left; padding:6% 4% 0;}
.g-hz ul li img{ width:99.5%; border:#ccc 1px solid;}
.g-hz ul li span{ display:block; text-align:center; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-hz ul li span a{ font-size:1em; color:#333;}






/**/

@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: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%;}

}