﻿.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 {width: 100%;height: 4.63em; background:url(/mobile/Images/Index/nav_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-nav a { font-size:1em; color:#fff; height:2.25em; line-height:2.25em;width: 9em; text-align:center; display:block; float:left; }

.g-nav a:nth-child(1),.g-nav a:nth-child(4) { width:8.65em;}


/*通栏广告*/
.g-adv{ width:100%; height:12.5em; overflow:hidden;}
.g-adv .sclwrap_box{ height:12.5em; overflow:hidden;}

/*网络线缆*/
.g-cp{ width:100%; height:31.67em; overflow:hidden; padding:5% 0 0; position:relative;}
.g-cp .u-more{ display:block; font-size:1em; color:#adadad; position:absolute; top:15.5%; right:2%; z-index:1;}
.g-cp .m-bt{ display:block; font-size:1.08em; color:#fff; font-weight:bold; height:2.3em; line-height:2.3em; text-align:center; background:url(/mobile/Images/Index/cp_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-cp .m-cnt{ height:1.88em; line-height:1.88em; width:100%; border-bottom:#bababa 1px solid; padding:4% 0 0; overflow:hidden;}
.g-cp .m-cnt li{ width:5.75em; text-align:center; float:left; font-size:1em; color:#666;}
.g-cp .m-cnt li.z-on{ color:#fff; background:url(/mobile/Images/Index/cp_libg.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-cp .sclwrap_box{ height:24.75em; overflow:hidden;}
.g-cp .m-box .con{ display:inline; float:left;}
.g-cp .m-box ul li{ width:10.96em; float:left; padding:5% 0 0 5%;}
.g-cp .m-box ul li img{ width:10.88em; border:#e9e9e9 2px solid;}
.g-cp .m-box ul li span{ display:block; text-align:center; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-cp .m-box ul li span a{ font-size:1em; color:#666;}

/*信基案例*/
.g-case{ width:100%; height:19.42em; overflow:hidden; position:relative;}
.g-case .m-bt{ display:block; font-size:1.25em; color:#fff; font-weight:bold; height:3.1em; padding:0.8em 0 0; text-align:center; background:url(/mobile/Images/Index/case_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-case .m-bt span{ display:block; font-family:Arial, Helvetica, sans-serif; color:#a8c9e7; font-size:0.9em; text-transform:uppercase; font-weight:normal;}
.g-case .sclwrap_box{ height:14.08em; overflow:hidden;}
.g-case .prev{ width:6.6%; position:absolute; top:52%; left:5%;}
.g-case .next{ width:6.6%; position:absolute; top:52%; right:5%;}
.g-case .nowarp { margin:0 21.1%;}
.g-case .m-box .con{ display:inline; float:left;}
.g-case ul li{ width:100%; padding:10% 0 0; line-height:0; position:relative;}
.g-case ul li span{ display:block; text-align:center; position:absolute; bottom:0; left:0; height:1.9em; line-height:1.9em; background:#000; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-case ul li span a{ font-size:0.92em; color:#fff;}

/*PK*/
.g-pk{ width:100%; height:25.25em; overflow:hidden;}
.g-pk .m-bt{ display:block; font-size:1.25em; color:#eff3fa; font-weight:bold; height:3.33em; line-height:3.33em; text-align:center; margin:0 0 6.5%;background:url(/mobile/Images/Index/pk_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-pk .m-cnt{ height:1.8em; line-height:1.8em; width:100%; border-top:#cecece 1px solid; border-bottom:#cecece 1px solid; overflow:hidden;}
.g-pk .m-cnt li{ width:25%; text-align:center; float:left; font-size:1em; color:#154263; position:relative;}
.g-pk .m-cnt li:before{ position:absolute; content:""; width:1px; height:100%; background:#cecece; top:0; right:0;}
.g-pk .m-cnt li:last-child:before,.g-pk .m-cnt li.z-on:before{ background:none;}
.g-pk .m-cnt li.z-on{ color:#fff;
background: #fdbb40; /* Old browsers */
background: -moz-linear-gradient(top,  #fdbb40 0%, #f68916 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdbb40), color-stop(100%,#f68916)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fdbb40 0%,#f68916 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fdbb40 0%,#f68916 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fdbb40 0%,#f68916 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fdbb40 0%,#f68916 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdbb40', endColorstr='#f68916',GradientType=0 ); /* IE6-9 */
}
.g-pk .sclwrap_box{ height:16.88em; overflow:hidden;}
.g-pk .m-box .con{ display:inline; float:left;}
.g-pk .m-box ul li{ width:10.42em; float:left; padding:4% 0 0 7%;}
.g-pk .m-box ul li img{ width:10.33em; border:#206086 1px solid;}
.g-pk .m-box ul li span{ display:block; width:100%; overflow:hidden; font-size:0.92em; color:#666; padding:2% 0 0;}
.g-pk .m-box ul li span b{ display:block; color:#154263;}

/*优势*/
.g-ys{ width:100%; overflow:hidden; height:42.58em;}
.g-ys .m-bt{ display:block; font-size:1.17em; color:#fff; font-weight:bold; height:3.18em; padding:1em 0 0; text-align:center; background:url(/mobile/Images/Index/ys_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-ys .m-bt i{ display:block; font-family:Arial, Helvetica, sans-serif; color:#98bbdf; font-size:0.4em; text-transform:uppercase; font-weight:normal;}
.g-ys .sclwrap_box{ height:34.58em; overflow:hidden;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys .m-box .con .ys_pic{ width:100%; overflow:hidden; padding:1.2em 0 0;}
.g-ys dl{ width:100%; padding:1.5em 0 0; display:inline-block;}
.g-ys dl dt{ width:1.82em; height:4.8em; padding:0.2em 0 0; text-align:center; line-height:1.1em; overflow:hidden; margin:0 3.1%; float:left; background:url(/mobile/Images/Index/ys_dtbg.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 dl dt a{ font-size:0.92em; color:#fff; font-weight:bold;}
.g-ys dl dd{ line-height:160%; width:85.6%; float:left;}
.g-ys dl dd span{ display:block; width:100%; height:2em; line-height:2em; border-bottom:#e0e0e0 1px solid; margin:0 0 3%;}
.g-ys dl dd span a{ font-size:1em; color:#154263; font-weight:bold;}
.g-ys dl dd p{ font-size:0.92em; color:#333; position:relative; line-height:1.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 0 0 0.75em;}
.g-ys dl dd p:before{ position:absolute; content:""; width:0; height:0; top:40%; left:0;
border-top:0.21em solid transparent; 
border-left:0.21em solid #737373;
border-bottom:0.21em solid transparent;}
.g-ys dl dd p b{ color:#154263;}
.g-ys .m-cnt{ width:100%; display:inline-block; padding:0 0 0 35%;}
.g-ys .m-cnt li{ width:2.8em; height:0.5em; background:#154263; float:left; margin:0 1%; }
.g-ys .m-cnt li.z-on{ background:#ff8022; }

/*广告条*/
.g-ban01{ width:100%;text-align: center; height:5.08em; 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 b{ font-size:1em; color:#fff;display: block; padding:1em 0 0.5em;}
.g-ban01 a{ display:block; font-size:1em; color:#fff;}
.g-ban01 em{ display:inline-block; width:1.33em; padding:0 2% 0 0;}
.g-ban01 em img{ vertical-align:middle;}


/*走进信基*/
.g-about{ width:100%; overflow:hidden; padding:7% 0 6%;}
.g-about .m-bt{ height:2.5em; line-height:2.5em; text-align:center; background:url(/mobile/Images/Index/ab_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-about .m-bt a{ font-size:1em; color:#fff;}
.g-about .m-bt span{ float:right; padding:0 3% 0 0;}
.g-about .m-bt span a{ font-size:0.83em;}
.g-about dl{ width:100%; display:inline-block; padding:1em 0 0;}
.g-about dl dt{ width:42.7%; float:left; padding:0 3%;}
.g-about dl dd{ width:47.7%; float:left;}
.g-about dl dd b{ display:block;}
.g-about dl dd b a{ font-size:1em; color:#3b3d3e;}
.g-about dl dd p{ font-size:1em; color:#606060; line-height:150%; padding:4% 0 0;}
.g-about dl dd span{ display:block; padding:4% 0 0;}
.g-about dl dd span a{ font-size:1em; color:#154263;}
.g-about .u-btn{ padding:2% 0 0; width:100%; display:inline-block;}
.g-about .u-btn a{ font-size:1em; color:#3f3f3f; display:block; width:23.4%; height:1.92em; line-height:1.92em; text-align:center; float:left; margin-right:3.1%; border:#c2c2c2 1px solid;}
.g-about .u-btn a:first-child{ margin-left:11%;}

/*信基线缆 诚缆天下*/
.g-jz{ width:100%; height:22.75em; overflow:hidden; background:url(/mobile/Images/Index/jz_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-jz .m-bt{ display:block; font-size:1.25em; color:#fff; font-weight:bold; position:relative; padding:0.5em 0 0 6.4em;}
.g-jz .m-bt i{display: block;font-size: 0.73em;color: #f5c80a; font-style:italic;font-weight: normal; padding:0 0 0 1em;}
.g-jz .m-bt:before{ position:absolute; content:""; background:#768d9e; height:1px; width:30%; top:85%; left:0;}
.g-jz .m-bt:after{ position:absolute; content:""; background:#768d9e; height:1px; width:30%; top:85%; right:0;}
.g-jz dl{ width:39.8%; display:inline-block; overflow:hidden; margin:5% 0 0 7%; background:#f5f5f5; float:left;}
.g-jz dl dt{ width:100%;}
.g-jz dl dt span{ display:block; width:100%; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-jz dl dt span a{ font-size:1em; color:#333; font-weight:bold;}
.g-jz dl dd{ width:86.3%; margin:0 auto; padding:8% 0;}
.g-jz dl dd h5{ font-size:1em; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-jz dl dd h5 a{ color:#6c6c6c;}
.g-jz dl dd p{ font-size:1em; color:#6c6c6c; line-height:150%; padding:2% 0 0;}

/*世华动态*/
.g-news{ width:100%; height:15.75em; overflow:hidden; position:relative;}
.g-news .u-more{ display:block; font-size:0.83em; color:#fff; position:absolute; top:4.5%; right:3%; z-index:1;}
.g-news .m-cnt{ height:2.5em; line-height:2.5em; width:100%; background:url(/mobile/Images/Index/ab_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-news .m-cnt li{ width:25%; height:2.5em; text-align:center; float:left; position:relative; font-size:1em; color:#fff;}
.g-news .m-cnt li:before{ position:absolute; content:""; width:1px; height:100%; background:#3f6b8b; top:0; right:0;}
.g-news .m-cnt li.z-on{ background:#083654;}
.g-news .m-cnt li.z-on:after{ position:absolute; content:""; width:100%; height:2px; background:#f5c80a; bottom:0; left:0;}
.g-news .m-cnt li:last-child:before,.g-news .m-cnt li.z-on:before{ background:none;}
.g-news .sclwrap_box{ height:12.92em; overflow:hidden;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news .m-box ul{ padding:4% 0 0;}
.g-news .m-box ul li{ height:1.83em; line-height:1.83em;}
.g-news .m-box ul li a{ font-size:1em; color:#666; display:block; float:left; width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; padding:0 0 0 5%;}
.g-news .m-box ul li a:before{ position:absolute; content:""; width:0.42em; height:0.42em; background:#999; top:40%; left:2%;
border-radius:2em;               
-webkit- border-radius:2em;
-moz-border-radius:2em;
-o-border-radius:2em;}
.g-news .m-box ul li em{ font-size:1em; color:#666; display:block; float:right; width:20%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


