﻿.wrap img{ width:100%;}	
/*导航样式*/
.g-nav { width:100%; height:15.333em; overflow:hidden; 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:#007cc3; width:25.8%; height:3em; line-height:1.2em; padding-left:4.4%; text-align:center; display:block; float:left;}
.g-nav a:nth-child(1),.g-nav a:nth-child(2),.g-nav a:nth-child(3) { padding-top:13%; padding-bottom:10%;}
.g-nav a:nth-child(4),.g-nav a:nth-child(5),.g-nav a:nth-child(6) {}
.g-nav a:nth-child(1),.g-nav a:nth-child(4){ padding-left:7.2%;}

/*通栏广告*/
.g-adv{ width:100%; height:12.75em; overflow:hidden; position:relative;}
.g-adv .sclwrap_box{ height:12.5em; overflow:hidden;}
.g-adv .m-cnt{ width:100%; position:absolute; bottom:0; left:0; background:#0eadf1;}
.g-adv .m-cnt li{ float:left; width:33%; height:0.25em;}
.g-adv .m-cnt li.z-on{ background:#ff9000;}
.g-adv .m-cnt li:nth-child(2){ margin:0 0.5%;}

/*分类*/
.g-fenl{ width:100%; padding:0 0 6%; overflow:hidden;}
.g-fenl h4{ font-size:1.08em; color:#333; font-weight:bold; height:2.77em; line-height:2.7em; width:100%; text-align:center; margin:0 0 2%;
background: #f2f1f1; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f1f1 0%, #fbfbfb 35%, #fbfbfb 62%, #f2f1f1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f1f1), color-stop(35%,#fbfbfb), color-stop(62%,#fbfbfb), color-stop(100%,#f2f1f1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f1f1 0%,#fbfbfb 35%,#fbfbfb 62%,#f2f1f1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f1f1 0%,#fbfbfb 35%,#fbfbfb 62%,#f2f1f1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f1f1 0%,#fbfbfb 35%,#fbfbfb 62%,#f2f1f1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f1f1 0%,#fbfbfb 35%,#fbfbfb 62%,#f2f1f1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f1f1', endColorstr='#f2f1f1',GradientType=0 ); /* IE6-9 */
}
.g-fenl ul{ padding:2% 0 1%; width:95.3%; margin:0 2.35%; display:inline-block; clear:both;}
.g-fenl ul li{ height:2.5em; line-height:2.5em; border-bottom:#b0aeae 1px dashed; width:50%; float:left;}
.g-fenl ul li a{ font-size:1em; color:#696969; padding:0 0 0 8%;}
.g-fenl ul li:nth-child(7),.g-fenl ul li:nth-child(8){ border:none;}

/*产品*/
.g-cp{ width:100%; overflow:hidden; padding:0 0 5%;}
.g-cp ul li{ width:12.42em; height:12.17em; float:left; background:url(/mobile/Images/Index/cp_picbg.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-cp ul li img{ width:10.08em; padding:0.13em 0 0.2em 0.13em;}
.g-cp ul li span{ display:block; text-align:center; width:10.08em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-cp ul li span a{ font-size:0.83em; color:#666;}
.g-cp .u-gd,.g-ys .u-gd{ display:block; font-size:0.92em; color:#fff; font-weight:bold; width:42.7%; text-align:center; height:2em; line-height:2em; background:#008cd6; margin:2% auto 0;}
.g-cp ul li:nth-child(1),.g-cp ul li:nth-child(3){ margin:0 0 0 5.5%;}

/*广告条*/
.g-ban01{ display:block; width:100%; overflow:hidden; height:7.25em; line-height:11.5em; font-size:1em; color:#008cd6; 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.6%; padding:0 2% 0 43%; line-height:0;}
.g-ban01 em img{ vertical-align:middle;}

/*PK*/
.g-pk{ width:100%; background:#008cd6; border-top:#f7b52b 0.63em solid; padding:0 0 6.5%;}
.g-pk .m-bt01{ display:block; width:83.6%; margin:0 auto; padding:6% 0;}
.g-pk .m-bt02{ display:block; width:79.8%; margin:0 auto;}
.g-pk p{ width:91.6%; height:5.04em; display:inline-block; margin:1% 4.2% 0; background:url(/mobile/Images/Index/pk_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-pk p span{ display:block; float:left; font-size:0.75em; color:#010101; height:4.5em; line-height:142%; width:35.8%; padding:4% 1% 0 3%; overflow:hidden;}
.g-pk p b{ display:block; float:left; width:20.8%; font-size:1.08em; color:#fff; text-align:center; padding:5% 0 0;}
.g-pk p em{ display:block; float:left; font-size:0.75em; color:#666; height:4.5em; line-height:140%; width:30%; padding:4% 0 0 6%; overflow:hidden;}

/*优势*/
.g-ys{ width:100%; overflow:hidden; height:49.33em; background:url(/mobile/Images/Index/ys_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: cover;}
.g-ys .m-bt{ display:block; width:100%; overflow:hidden; padding:6.5% 0 1.5%;}
.g-ys .sclwrap_box{ height:41.67em; 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:92.2%; padding:4% 0 0 5.8%;}
.g-ys dl dt{ width:100%; display:inline-block; overflow:hidden;}
.g-ys dl dt em{ display:block; width:12.5%; float:left;}
.g-ys dl dt b{ display:block; float:left; width:87.5%; border-bottom:#afb5b8 1px dashed; padding:2% 0;}
.g-ys dl dt b a{ font-size:1em; color:#333;}
.g-ys dl dd{ font-size:0.92em; color:#666; line-height:160%; width:87.5%; padding:0 0 0 12.5%; margin:-2% 0 0;}
.g-ys .m-cnt{ width:100%; padding:0 0 0 45%;}
.g-ys .m-cnt li{ width:0.8em; height:0.8em; background:#666; float:left; margin:0 1.5%; 
border-radius:2em; 
-webkit- border-radius:2em;
-moz-border-radius:2em;
-o-border-radius:2em;}
.g-ys .m-cnt li.z-on{ background:#008cd6; }
.g-ys .u-gd{ margin:7% auto 0;}
.g-ys .con:nth-child(2) dl{ width:92.2%; padding:1% 0 0 5.8%;}
.g-ys .con:nth-child(2) dl dd{ line-height:130%;}

/*广告条*/
.g-ban02{ display:block; width:100%; overflow:hidden; height:7.25em; line-height:11.5em; 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:6.6%; padding:0 2% 0 10%; line-height:0;}
.g-ban02 em img{ vertical-align:middle;}

/*全球战略合作客户*/
.g-hz{ width:100%; overflow:hidden; padding:3% 0 6.5%;}
.g-hz .m-bt,.g-jz .m-bt{ width:57.7%; height:3.83em; margin:0 auto; text-align:center; overflow:hidden; background:url(/mobile/Images/Index/hz_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-hz .m-bt a,.g-jz .m-bt a,.g-about .m-bt a{ font-size:1.25em; color:#000; display:inline-block; padding:4% 0 1%;}
.g-hz .m-bt b,.g-jz .m-bt b,.g-about .m-bt b{ display:block; font-size:0.5em; color:#000; text-transform:uppercase;}
.g-hz ul li{ width:36.4%; float:left; padding:3% 6% 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%;}
.g-hz ul li span a{ font-size:0.75em; color:#000;}

/*客户见证*/
.g-jz{ width:100%; background:#008cd6; padding:6% 0 5%; position:relative;}
.g-jz:before{ position:absolute; content:""; width:0; height:0; top:0; left:45%;
border-top:0.8em solid #fff; 
border-left:1em solid transparent;
border-right:1em solid transparent;}
.g-jz:after{ position:absolute; content:""; width:0; height:0; bottom:-1em; left:42%;
border-top:1em solid #008cd6; 
border-left:2em solid transparent;
border-right:2em solid transparent;}
.g-jz .m-bt{ margin:0 auto 3%; background:url(/mobile/Images/Index/jz_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-jz .m-bt a,.g-jz .m-bt b{ color:#fff;}
.g-jz dl{ width:100%; display:inline-block; overflow:hidden; padding:2% 0 0;}
.g-jz dl dt{ width:25.9%; float:left; padding:0 0 0 3.8%; position:relative; z-index:1;}
.g-jz dl dd{ width:61.6%; padding:0 0 0 10.6%; float:left; border:#fff 0.17em solid; margin:3.5% 0 0 -5.6%; height:4.83em; position:relative;}
.g-jz dl dd h5{ font-size:0.83em; font-weight:bold; position:relative; padding:2% 0;}
.g-jz dl dd h5:before{ position:absolute; content:""; width:10%; height:2px; background:#fff; bottom:0; left:0;}
.g-jz dl dd h5 a{ color:#fff;}
.g-jz dl dd em{ display:block; position:absolute; top:0; right:-0.17em; width:9.6%;}
.g-jz dl dd p{ font-size:0.75em; color:#fff; line-height:150%; padding:2% 0 0;}

/*走进仲铂新材*/
.g-about{ width:100%; overflow:hidden; padding:7% 0 7.5%;}
.g-about .m-bt{ width:51.4%; height:3.83em; margin:0 auto; text-align:center; overflow:hidden; background:url(/mobile/Images/Index/ab_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-about dl{ width:100%; display:inline-block; padding:5% 0 0;}
.g-about dl dt{ width:71.3%; margin:0 auto;}
.g-about dl dd{ width:100%;}
.g-about dl dd span{ display:block; width:100%; height:2.67em; line-height:3em; text-align:center; background:url(/mobile/Images/Index/ab_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-about dl dd span a{ font-size:1em; color:#333; font-weight:bold;}
.g-about dl dd p{ width:71.3%; margin:0 auto; font-size:0.83em; color:#333; line-height:150%;}
.g-about dl dd em{ display:block; width:71.3%; margin:0 auto; padding:2% 0 0;}
.g-about dl dd em a{ display:block; width:30.5%; font-size:1em; color:#fff; height:2.17em; line-height:2.17em; text-align:center; background:#008cd6; float:left;}
.g-about dl dd em a:nth-child(2){ margin:0 3%;}

/*仲铂动态*/
.g-news{ width:100%; padding:0 0 5%;}
.g-news .m-bt{ height:2.75em; line-height:2.75em; background:#333; width:89.2%; padding:0 3.6% 0 7.2%;}
.g-news .m-bt em{ display:inline-block; width:4%; padding:0 2% 0 0;}
.g-news .m-bt a{ font-size:1.17em; color:#fff;}
.g-news .m-bt span{ float:right;}
.g-news .m-bt span a{ font-size:0.86em; text-transform:uppercase;}
.g-news ul{ width:92.7%; margin:0 auto; padding:2% 0 0;}
.g-news ul li{ width:100%; height:2.42em; line-height:2.42em; border-bottom:#c6c6c6 2px dashed; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-news ul li a{ font-size:0.92em; color:#474747; padding:0 0 0 10%;}
.g-news ul li:before{ position:absolute; content:""; width:0.3em; height:0.3em; background:#008cd6; top:50%; left:6%;}
.g-news ul li:last-child{ border:none;}

/*长按指纹识别二维码*/
.g-zhi{ border:#008cd6 0.63em solid; width:95.3%; height:14.33em; margin:0 0 8%;}
.g-zhi p{ float:left; width:39%; padding:1.25em 0 0 1.25em;}
.g-zhi p span{ display:block; width:100%; text-align:center; font-size:0.83em; color:#474747; padding:4% 0 0;}
.g-zhi em{ display:block; float:right; width:42%; padding:1em 3% 0 0;}







/**/

@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%;}

}