﻿.wrap img{ width:100%;}	
body #newBridge #nb_icon_wrap .nb-icon-customer{display:none!important;}
/*通栏广告*/
.g-adv{ width:100%; height:13em; overflow:hidden;}
.g-adv .sclwrap_box{ height:12.42em;}
.g-adv .m-box img{ width:100%;}
.g-adv .m-cnt{ width:100%; background:#a6a6a6; height:0.58em;}
.g-adv .m-cnt li{ float:left; width:33%; height:0.58em;}
.g-adv .m-cnt li.z-on{ background:#0082be;}
.g-adv .m-cnt li:nth-child(2){ margin:0 0.5%;}

/*导航样式*/
.g-nav { display:inline-block; width:100%; }
.g-nav a { font-size:1.08em; height:6.25em; color:#fff; margin:10% 0 0 6%; width:6.25em; text-align:center; display:block; float:left; background:url(/mobile/Images/Index/nav_bg.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:100%  100%;  overflow:hidden;}
.g-nav em{ display:block; margin:0 auto; width:44.67%;margin-top:0.8em;width:2.79em;height:2.79em;}
.g-nav a:nth-child(3) em {
    position: relative;
}
.g-nav a:nth-child(3) em img {
    position: absolute;
    left: 0;
    top: 0.3em;
}
/*.g-nav { display:inline-block; width:100%;}
.g-nav a { font-size:1.08em; padding:1.55em 0 0.9em; color:#fff; width:30.23%; margin-top:10%;margin-left:1.4%;text-align:center; display:block; float:left; background:url(/mobile/Images/Index/nav_bg.gif) no-repeat; background-size:100%  100%;  overflow:hidden;}
.g-nav em{ display:block; margin:0 auto; width:67.67%;}
.g-nav em img{ display: block}
*/
.g-ss{ height:2.5em; position:relative; padding:9% 0 4.5%;}
.inp01{ border:solid 1px #a6a6a6; background:#fff; color:#666; float:left; font-size:1em; height:2.5em; padding:0 0 0 3%; width:78.7%; margin:0 1% 0 2.3%;
border-radius:0.2em;               
-webkit- border-radius:0.2em;
-moz-border-radius:0.2em;
-o-border-radius:0.2em;}
.u-in{ background:none; display:block; height:5em; position:absolute; right:2%; top:49%; width:12.5%; cursor: pointer;}
.g-ss .scl_fri { display:block; float:left; height:2.5em; width:12.5%;}

/*产品分类*/
.g-cp{ width:95.3%; overflow:hidden; border:#e2e2e2 1px solid; display:inline-block; margin:0 2.35% 4.5%; background:#fff;}
.g-cp ul li{ width:33%; padding:1% 0; float:left; text-align:center; border-bottom:#e2e2e2 1px solid; border-right:#e2e2e2 1px solid;}
.g-cp ul li a{ font-size:1.25em; color:#a6a6a6;}
.g-cp em{ display:block; margin:0 auto;}
.g-cp ul li:nth-child(1) em { width:61.1%;}
.g-cp ul li:nth-child(2) em { width:28.6%;}
.g-cp ul li:nth-child(3) em { width:61.1%;}
.g-cp ul li:nth-child(5) em { width:33.5%;}
.g-cp ul li:nth-child(6) em { width:61.1%;}
.g-cp ul li:nth-child(7) em { width:28.6%;}
.g-cp ul li:nth-child(3),.g-cp ul li:nth-child(7){ border-right:none;}
.g-cp ul li:nth-child(5),.g-cp ul li:nth-child(6),.g-cp ul li:nth-child(7){ border-bottom:none;}

/*产品展示*/
.g-xl{ width:95.3%; height:18.75em; display:inline-block; margin:0 2.35%; overflow:hidden;}
.g-xl .sclwrap_box{ height:16.125em;}
.g-xl .m-box .con{ display:inline; float:left;}
.g-xl .m-xl{ width:100%; position:relative;}
.g-xl .m-xl span,.g-zs ul li span{ position:absolute; bottom:0; left:0; display:block; width:100%; text-align:center; padding:0.5em 0 1.1em; background:rgba(0,0,0,0.8);}
.g-xl .m-xl span a{ font-size:1.17em; color:#fff;}
.g-xl .m-cnt{ width:100%; padding:3% 0 0 40%;}
.g-xl .m-cnt li,.g-ys .m-cnt li{ background:#fff; border:#0082be 1px solid; width:0.8em; height:0.8em; float:left; margin:0 2%;
border-radius:5em;               
-webkit- border-radius:5em;
-moz-border-radius:5em;
-o-border-radius:5em;}
.g-xl .m-cnt li.z-on,.g-ys .m-cnt li.z-on{ background:#0082be;}

/*产品展示列表*/
.g-zs{ width:100%; height:12.5em; overflow:hidden;}
.g-zs .sclwrap_box{ height:12.5em;}
.g-zs .nowarp{ margin:0;}
.g-zs ul li{ width:46.6%; float:left; margin:2.5% 0 0 2.35%; position:relative;}
.g-zs ul li span{ padding:0 0 0.2em; bottom:3.5%;}
.g-zs ul li span a{ font-size:0.58em; color:#fff;}
.g-zs .u-gd,.g-hz .u-gd,.g-jz .u-gd,.g-news .u-gd{ display:block; font-size:1em; color:#fff; padding:0.4em 0; text-align:center; width:95.3%; margin:5.5% 2.35% 2%;
background: #0e9adb; /* Old browsers */
background: -moz-linear-gradient(top,  #0e9adb 0%, #0082be 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e9adb), color-stop(100%,#0082be)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0e9adb 0%,#0082be 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0e9adb 0%,#0082be 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0e9adb 0%,#0082be 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0e9adb 0%,#0082be 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e9adb', endColorstr='#0082be',GradientType=0 ); /* IE6-9 */
}


/*优势*/
.g-ys{ width:95.3%; margin:4% 2.35% 0; overflow:hidden; height:28.75em;}
.g-ys .m-bt{ width:100%; padding:2% 0 0; margin:0 0 6%; line-height:120%; text-align:center; background:url(/mobile/Images/Index/ys_bt.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 b{ font-family:"宋体"; font-size:1.5em; color:#0082be;}
.g-ys .m-bt span{ display:block; font-size:1.17em; color:#a6a6a6;}
.g-ys .m-bt i{ display:block; font-family:"Times New Roman", Times, serif; font-size:0.75em; color:#bcbcbc;}
.g-ys .sclwrap_box{ height:21.25em;}
.g-ys .m-box .con{ display:inline; float:left;}
.g-ys .m-box .con p{ width:100%;}
.g-ys dl{ width:100%; padding:4% 0 0;}
.g-ys dl dt{ width:22.6%; float:left; padding:0 4% 0 0;}
.g-ys dl dd{ width:73%; float:left;}
.g-ys dl dd h5{ font-size:1.25em;}
.g-ys dl dd h5 a{ color:#a6a6a6;}
.g-ys dl dd h5 b{ display:block;}
.g-ys dl dd h5 i{ color:#0082be;}
.g-ys dl dd p{ font-size:1em; color:#a6a6a6; padding:3% 0 0;}
.g-ys dl dd p em{ display:inline-block; width:2.8%; padding:0 2% 0 0;}
.g-ys .m-cnt{ width:100%; padding:0 0 0 40%;}

/*广告条*/
.g-ban01{ width:100%; overflow:hidden; position:relative;}
.g-ban01 .u-pho{ display:block; width:100%; font-size:1.17em; color:#fff; font-weight:bold; position:absolute; top:66%; left:20%;}
.g-ban01 .u-pho em{ display:inline-block; width:7.8%; padding:0 3% 0 0;}
.g-ban01 .u-pho em img{ width:100%; vertical-align:middle;}
.g-ban01 span{ display:block; width:26.6%; height:1.71em; line-height:1.71em; text-align:center; border:#fff 1px solid; position:absolute; top:66%; right:6%;}
.g-ban01 span a{ font-size:1.17em; color:#fff;}

/*合作伙伴*/
.g-hz{ width:95.3%; margin:4.5% 2.35% 0; display:inline-block; overflow:hidden;}
.g-hz .m-bt,.g-jz .m-bt{ width:100%; text-align:center; position:relative;}
.g-hz .m-bt:before{ position:absolute; content:""; width:35%; height:1px; background:#0082be; top:55%; left:0;}
.g-hz .m-bt:after{ position:absolute; content:""; width:35%; height:1px; background:#0082be; top:55%; right:0;}
.g-hz .m-bt a{ font-size:1.5em; color:#0082be;}
.g-hz ul li{ width:31%; float:left; padding:4% 1%;}
.g-hz ul li img{ border:#e6e6e6 1px solid;}
.g-hz ul li span{ display:block; width:100%; text-align:center;}
.g-hz ul li span a{ font-size:1em; color:#a6a6a6;}
.g-hz .u-gd{ padding:0.3em 0; width:100%; margin:5% 0 7%;}

/*客户见证*/
.g-jz{ width:95.3%; margin:0 2.35%; display:inline-block; overflow:hidden; padding:0 0 5.5%;}
.g-jz .m-bt{ border:#0082be 1px solid; padding:0.6em 0; width:99%;}
.g-jz .m-bt:before{ position:absolute; content:""; width:38%; height:1px; background:#0082be; top:0; left:-8%;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);}
.g-jz .m-bt:after{ position:absolute; content:""; width:33%; height:1px; background:#0082be; top:0; right:-16.5%;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);}
.g-jz .m-bt a{ font-size:1.25em; color:#0082be;}
.g-jz dl{ width:100%; display:inline-block; overflow:hidden; border-bottom:#a7a7a7 1px dashed; padding:5% 0;}
.g-jz dl dt{ width:44%; float:left; padding:0 3.3% 0 0;}
.g-jz dl dd{ width:52%; float:left;}
.g-jz dl dd span{ display:block;}
.g-jz dl dd span a{ font-size:1.08em; color:#138cc4;}
.g-jz dl dd p{ font-size:1em; color:#a6a6a6; padding:2% 0 0; line-height:160%;}
.g-jz dl:nth-child(3){ border:none;}
.g-jz .u-gd{ margin:0; width:100%; padding:0.3em 0;}

/*关于蒂凡利普*/
.g-about{ width:100%; overflow:hidden;}
.g-about dl{ width:100%; display:inline-block; padding:5% 0 0; overflow:hidden;}
.g-about dl dt{ width:47.8%; float:left; padding:0 10% 0 5%;}
.g-about dl dt img{ width:98%; border:#d3d3d3 3px solid; box-shadow:0 5px 5px #a9a9a9;}
.g-about dl dt span{ display:block; width:100%; text-align:center; padding:4% 0 0;}
.g-about dl dt span a{ font-size:1em; color:#0082be;}
.g-about dl dd{ width:29.7%; float:left;}
.g-about dl dd a{ display:block; width:100%; text-align:center; font-size:1em; color:#fff; height:2.08em; line-height:2em; margin:0 0 25%;
background: #0e9adb; /* Old browsers */
background: -moz-linear-gradient(top,  #0e9adb 0%, #0082be 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e9adb), color-stop(100%,#0082be)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0e9adb 0%,#0082be 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0e9adb 0%,#0082be 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0e9adb 0%,#0082be 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0e9adb 0%,#0082be 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e9adb', endColorstr='#0082be',GradientType=0 ); /* IE6-9 */
}

/**/
.g-news{ width:100%; height:26em; overflow:hidden;}
.g-news .m-cnt{ width:100%; background:#38a8df;}
.g-news .m-cnt li{ width:33%; text-align:center; float:left; height:3em; line-height:3em; font-size:1.25em; color:#fff;}
.g-news .m-cnt li.z-on{ background:#0082be;}
.g-news .m-cnt li:first-child{ width:34%;}
.g-news .sclwrap_box{ height:22em;}
.g-news .m-box .con{ display:inline; float:left;}
.g-news .m-box p{ width:95%; margin:0 auto; padding:4.5% 0 4%; font-size:0;}
.g-news .m-box ul li{ width:95%; display:inline-block; margin:0 2.5%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:190%;}
.g-news .m-box ul li a{ font-size:1em; color:#a6a6a6;}

.g-news .con .wend{}
.g-news .con .wend dl{ font-size:1em; color:#666; margin:0 5%; line-height:2em;}
.g-news .con .wend dl dt{ border-bottom:1px dotted #bdbdbd; background:none; width:100%;}
.g-news .con .wend dl dt a{ color:#666;}
.g-news .con .wend dl dd{border-bottom:1px dotted #bdbdbd; width:100%;}


/**/

/**/

/**/







@media screen and (min-width:320px) {
body { font-size:75%;}

}
@media screen and (min-width:360px) {
body { font-size:87%;}

}
@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%;}

}