﻿.wrap img{ width:100%;}	
/*导航样式*/
.g-nav { position:relative; overflow:hidden; height:7.08em;}
.g-nav a{ float:left; height:3.08em; line-height:3.08em;width:32.8%; text-align:center; display:block; font-size:1.08em; color:#fff; position:relative;background:#197ee6; margin:0 0 0.8% 0.8%;}
.g-nav a:first-child,.g-nav a:nth-child(4){ margin-left:0;}
/*通栏广告*/
.g-adv{ width:100%; height:12.5em; overflow:hidden; margin-bottom:1em;}
.g-adv .sclwrap_box{ height:12.5em; overflow:hidden;}
/*优势*/
.g-ys{ height:26.83em; overflow:hidden;}
.g-ys h3{ font-size:1em; height:4.5em;}
.g-ys h4{ font-size:1em; height:4.08em;}

.g-ys ul li{ float:left; width:7.67em; float:left; margin-left:0.92em; margin-bottom:1em;}
.g-ys ul li span a{ display:block; background:#e1e3e7; text-align:center; color:#333;  font-size:0.67em; line-height:1.25em; padding-top:1em; height:3.3em; margin-top:-1em;}
.g-ys ul li:first-child{ margin-left:5.33em;}
/*案例分析*/
.g-eg{ height:39.75em; background:#f7f7f7; margin-bottom:1.58em;}
.g-eg h3{ height:4.29em; padding-top:2em; font-size:1em; text-align:center;}
.g-eg h3 span{ display:block; width:14.67em; margin:0 auto; height:1.52em; overflow:hidden;}
.g-eg h3 a{ font-weight:bold; color:#197ee6;}
.g-eg dl{ height:22.58em; overflow:hidden;}
.g-eg dl dt{ margin:0 auto; width:20.83em; height:15em;}
.g-eg dl dt img{ margin-bottom:0.52em;}
.g-eg dl dt b{ font-size:0.83em; color:#333; float:left;}
.g-eg dl dt i{ float:right; color:#333; font-size:0.83em;}
.g-eg dl dd{ overflow:hidden; clear:both; color:#666; font-size:0.83em; line-height:1.35em; margin:0 0.5em 0;}
/*店内场景展示*/
.g-yin { position:relative; height:10.83em;}
.g-yin h4{ text-align:center; font-size:1em; height:2.63em;}
.g-yin h4 a{ display:inline-block; font-size:0.83em; color:#197ee6; font-weight:bold; line-height:1.8em; padding:0 1.3em; border:2px solid #197ee6;}
.g-yin .prev { position:absolute; top:4.12em; left:0.42em; width:0.75em; z-index:555;}
.g-yin .next { position:absolute; top:4.12em; right:0.42em; width:0.75em;}
.g-yin .nowarp { margin:0 1.25em;}
.g-yin .nowarp .sclwrap_box{ height:7.71em;}
.g-yin .nowarp .m-box .con { float:left}
.g-yin .nowarp .m-box .con ul li{ display:block; width:7.08em; float:left; margin-left:0.65em;}
.g-yin .nowarp .m-box .con li img{ margin:0 0 0 0.25em; }
.g-yin .nowarp .m-box .con li span a{ display:block; font-size:1em; text-align:center; color:#333; padding-top:3.5%;}
/*实力强大*/
.g-pz{ height:23.67em;}
.g-pz h5{ width:20.29em; margin:0 auto; font-size:1em; height:5em; overflow:hidden;}
.g-pz .prev{ left:0.55em;}
.g-pz .prev,.g-pz .next{top:5.63em;}
.g-pz .nowarp .m-box .con li img{ border:1px solid #e2e2e2;}
.g-pz .nowarp .sclwrap_box{ height:4.92em;}
.g-pz p{ width:20.83em; margin:0 auto; position:relative; height:12.33em;}
.g-pz p span{ position:absolute; left:0; bottom:0;background:#000; filter:Alpha(opacity=70);-moz-opacity: 0.7; -khtml-opacity: 0.7 ; opacity: 0.7; width:100%; display:block; color:#fff; font-size:0.83em; padding:1% 4%; width:92%;}
/*品种齐全*/
.g-zl{ height:28em; overflow:hidden;}
.g-zl h3{ font-size:1em; height:5.25em;}
.g-zl ul li{ float:left; width:43.8%; float:left; margin:0 3.1%; margin-bottom:1.4em;}
.g-zl ul li img{    border: 1px solid  #e1e3e7;box-sizing: border-box;}
.g-zl ul li span a{ display:block; background:#e1e3e7; text-align:center; color:#333; height:1.8em; line-height:1.8em; font-size:0.83em; margin-top:-0.2em;}
/*分类*/
.g-list{ height:22em; position:relative; overflow:hidden;}
.g-list .m-cnt {font-size:1.17em;font-weight:bold;}
.g-list .m-cnt li {color:#fff; float:left; position:relative;margin:0 3.1%; width:34.8%;height:2.28em; line-height:2.28em; background:url(../Images/Index/l_bg2.gif) no-repeat right 0;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; padding:0 1em;}
.g-list .m-cnt li.z-on {background:url(/mobile/Images/Index/l_bg1.gif) no-repeat right 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-list .sclwrap_box {height:19.3em;}
.g-list .con dl{ overflow:hidden; color:#666; margin:0 0.75em;}
.g-list .con dl dt a{ font-size:1em; color:#333; font-weight:bold; padding-top:0.88em; display:block;}
.g-list .con dl dd  a{ font-size:0.83em; color:#555; padding-right:4%;}
/*tv*/
.g-tv{ height:22.5em; overflow:hidden;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,ffffff+48,ffffff+100 */
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top,  #f7f7f7 0%, #ffffff 48%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(48%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ffffff 48%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7f7f7 0%,#ffffff 48%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7f7f7 0%,#ffffff 48%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f7f7f7 0%,#ffffff 48%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.g-tv h3{ width:20.25em; margin:0 auto; padding-top:2.08em; font-size:1em; height:5em; overflow:hidden;}
.g-tv p{ width:19.88em; margin:0 auto;}
/*喜爱和追捧*/	
.g-love{ height:71.67em; border-bottom:0.21em solid #f2f2f2; margin-bottom:2em;}
.g-love h3{ font-size:1em; overflow:hidden; height:5.29em;}
.g-love dl{ margin:0 0.83em; padding-bottom:2.5em;}
.g-love dl dt{ height:8.8em;}
.g-love dl dd b{ font-size:1.33em; color:#197ee6; display:block;}
.g-love dl dd i{ display:block; width:100%; margin-top:-0.25em;}
.g-love dl dd p{ font-size:1em; color:#333; line-height:1.58em;}
/*简介*/
.g-abo{ height: auto; padding-bottom:1em;}
.g-abo h3{ width:20.25em; margin:0 auto; font-size:1em; height:5em; overflow:hidden;}
.g-abo dl dt{ width:20.2em; margin:0 auto;}
.g-abo dl dd b{ display:block; text-align:center; color:#197ee6; font-size:1.17em; line-height:2.5em}
.g-abo dl dd p{ font-size:0.83em; color:#666; margin:0 0.875em; line-height:1.68em;  padding-bottom:0.8em;}
@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:414px) {
	body { font-size:98%;}
}
}
@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%;}

}
.con{ display:inline-block; float:left;}