/*导航*/
.g-nav{position:relative;}
.g-nav ul { overflow:hidden;}
.g-nav ul li{ float:left; width:33.333333%; float:left; text-align:center; background:#005197; color:#fff; line-height:2.45em; border-bottom:1px solid #b3cbe0; font-weight:bold; position:relative;}
.g-nav ul li a{ color:#fff; font-weight:bold;}
.g-nav ul li:before { position:absolute; content:""; width:1px; height:100%; background:#b3cbe0; top:0; right:1px;}
/*banner*/
.g-adv { height:auto;}
.g-adv .sclwrap_box , .g-adv .m-box{overflow:hidden;}
.g-adv .m-box li img{ width:100%;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:11.25em; overflow:hidden;}
.g-adv .m-box li img{ height:11.25em;}
/*海纳展示*/
.g-zhans h3{ background:#005197; color:#fff; font-weight:bold; font-size:1em; line-height:2.6em; text-indent:1.75em; position: relative; margin-bottom:1.25em;}
.g-zhans h3:before { position:absolute; content:""; width:0.25em; height:1.08em; background:#fff; top:0.79em; left:1em;}
.g-zhans h4{ font-size:1em; padding-left:1%;border-bottom:1px dashed #b5b5b5; overflow:hidden; padding-bottom:1%;}
.g-zhans h4 a{ display:block; float:left; margin:0 0 0.83em 0.83em; border:1px solid #c9c9c9; color:#000; text-align:center; width:28.4%; padding:0.75em 0;}
.g-zs{ position:relative; width:100%;}
.g-zs .prev { position:absolute; width:6.5%; top:30%; left:3%;}
.g-zs .prev img { width:100%;}
.g-zs .next { position:absolute; width:6.5%; top:30%; right:3%;}
.g-zs .next img { width:100%;}
.g-zs .nowarp{ margin:6.2% 7.5% 0;}
.g-zs .m-box .con{ display:inline; float:left; width:75.56%; margin:0 auto;}
.g-zs dl{ margin:0 5%;background:#005197; }
.g-zs dl dt{font-size:0;}
.g-zs dl dt img{ width:100%;}
.g-zs dl dd{ color:#fff; padding:0.85em 1em 0 1.08em; line-height:1.4em; padding-bottom:1.5em;}
.g-zs dl dd p{ overflow:hidden;}
.g-zs dl dd p i{ float:left;}
.g-zs dl dd p span{ float:left; width:71%;}
.g-zs dl dd em{ display:block; width:20%; background:#ff8800; width:5.6em; height:2em; text-align:center; line-height:2em; border-radius:0.1em; margin:1em 0 0 6em;}
.g-zs { height:26em; overflow:hidden}
.g-zs .sclwrap_box{height:26em;}
/*产品中心*/
.g-pro{ padding-top:9%;position:relative;}
.g-pro h3{ background:#005197; color:#fff; font-weight:bold; font-size:1em; line-height:2.6em; text-indent:1.75em; position: relative; margin-bottom:0.4em;}
.g-pro h3:before { position:absolute; content:""; width:0.25em; height:1.08em; background:#fff; top:0.79em; left:1em;}
.g-pro .prev { position:absolute; width:5.8%; top:23%; left:84.5%;}
.g-pro .prev img { width:100%;}
.g-pro .next { position:absolute; width:5.8%; top:23%; right:2.2%;}
.g-pro .next img { width:100%;}
.g-pro .nowarp{ margin:0 2% 0;}
.g-pro .m-box .con{ display:inline; float:left;}
.g-pro ul li{ float:left; width:33%; padding-left:3%; border-bottom:1px solid #eaeaea; position:relative;}
.g-pro ul li:nth-child(3n-2){ width:24%;}
.g-pro ul li a{ color:#8b8b8b; line-height:2em;}
.g-pro ul li:before{position: absolute;content: "";width: 0;height: 0;top:39%;left:1%;border-left: 0.3em solid #ddd;border-bottom: 0.3em solid transparent;border-top:0.3em solid transparent;}
.g-pro ul .nob{ border-bottom:none;}

.g-pro { height:10em; overflow:hidden}
.g-pro .sclwrap_box{height:10em;}
/*海纳展示热销产品*/
.g-hot{ padding-top:2.1%;}
.g-hot h3{ background:#005197; color:#fff; font-weight:bold; font-size:1em; line-height:2.6em; text-indent:1.75em; position: relative;}
.g-hot h3:before { position:absolute; content:""; width:0.25em; height:1.08em; background:#fff; top:0.79em; left:1em;}
.g-hot h3 span{ float:right; padding-right:2%;}
.g-hot h3 a{ color:#fff;}
.g-hot dl{ overflow:hidden; margin:1.2em 0;}
.g-hot dl dt{ width:43.75%; margin:0 0.9em; position:relative; float:left;}
.g-hot dl dt img{ width:100%; border:1px solid #c9c9c9;}
.g-hot dl dt span{ position:absolute; left:1px; top:7.04em; height:1.7em; line-height:1.7em; display:block; text-align:center; color:#fff; width:100%;background:#000; filter:Alpha(opacity=70);-moz-opacity: 0.7; -khtml-opacity: 0.7 ; opacity: 0.7;
}
.g-hot dl dd{ width:46%; float:left;}
.g-hot dl dd b a{ display:block; color:#005197;}
.g-hot dl dd p{ color:#686565; padding:0.5em 0.5em 2.4em 0; overflow:hidden;}
.g-hot dl dd em a{ display:inline-block; height:2.08em; line-height:2.08em; text-align:center; width:5.6em; background:#005197; color:#fff; border-radius:0.2em;}
.g-hot dl dd em a:last-child{ background:#ff8800; margin-left:0.58em;}

.g-hot ul{ overflow:hidden;}
.g-hot ul li{ float:left; width:43.75%; margin-left:0.9em;}
.g-hot ul li img{ width:100%;border:1px solid #c9c9c9;}
.g-hot ul li span{ display:block; text-align: center; color:#8b8b8b; line-height:1.7em;}
/*美奂精品*/
.g-jp{ background:url(/mobile/Images/Index/jp_bg.gif) repeat;margin-top:6.2%; padding-top:1.65em;}
.g-jp h3{ background:url(/mobile/Images/Index/jp_h3.gif) repeat center bottom;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;color:#fff; text-align:center; font-size:1em; height:5em;}
.g-jp h3 b{ display:block; font-size:1.46em;}

.g-jpp{ position:relative; width:100%;}
.g-jpp .prev { position:absolute; width:6%; top:71%; left:42%;}
.g-jpp .prev img { width:100%;}
.g-jpp .next { position:absolute; width:6%; top:71%; right:43%;}
.g-jpp .next img { width:100%;}
.g-jpp .nowarp{ margin:3% 3.5% 0;}
.g-jpp .m-box .con{ display:inline; float:left;}
.g-jpp dl dt{ float:left; width:44%; font-size:0; padding-right:4%;}
.g-jpp dl dt img{ width:100%;}
.g-jpp dl dd{ color:#fff;}
.g-jpp dl dd h4{ font-size:1em; overflow:hidden; margin-top:-1%; padding-bottom:2%;}
.g-jpp dl dd h4 i{ font-size:2.42em; font-family: "宋体"; float:left;  font-weight:bold;}
.g-jpp dl dd h4 span{ float:left; font-weight: bold; padding-top:2%;}
.g-jpp dl dd h4 span em{ display:block; font-family:"宋体"; text-transform:uppercase; font-size:0.8em;}

.g-jpp { height:14.4em; overflow:hidden}
.g-jpp .sclwrap_box{height:9em;}
/*展览产品*/
.g-zl{ padding-top:9.2%;}
.g-zl h3{ font-size:1em; color:#8f8f8f; text-align:center; background: url(/mobile
/Images/Index/h31.gif) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
.g-zl h3 b{ color:#005197; font-size:1.33em; display:block;}

.g-znl{ position:relative; width:100%;}
.g-znl .prev { position:absolute; width:6%; top:88%; left:42%;}
.g-znl .prev img { width:100%;}
.g-znl .next { position:absolute; width:6%; top:88%; right:43%;}
.g-znl .next img { width:100%;}
.g-znl .nowarp{ margin:3% 3% 0;}
.g-znl .m-box .con{ display:inline; float:left;}
.g-znl dl dt b{ display:inline-block; width:10.5%; float:left; margin-bottom:2%; text-align:center; height:1.8em; background:url(/mobile/Images/Index/icon2.gif) no-repeat;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;  font-family:Arial; font-size:1.33em; color:#fff; line-height:1.8em;margin-right:2%;}
.g-znl dl dt{ color:#535353; font-weight:bold; }
.g-znl dl dt span{ color:#ff8800;}
.g-znl dl dt em{ font-size:0; display:block; padding-top:2.5%;}
.g-znl dl dt em img{ width:100%;}
.g-znl dl dd p{ color:#535353; line-height:1.6em; padding:2.5% 0 7% 0;}
.g-znl dl dd em i{ width:47%; display:inline-block;}
.g-znl dl dd em i img{ width:100%;}
.g-znl dl dd em i:last-child{ padding-left:5%;}

.g-znl { height:26.5em; overflow:hidden}
.g-znl .sclwrap_box{height:21.5em;}
/*感谢以下客户选择海纳展示*/
.g-gx{ padding-top:4.5%;}
.g-gx h3,.g-zj h3{ background:#005197; color:#fff; font-weight:bold; font-size:1em; line-height:2.6em; text-indent:1.75em; position: relative;}
.g-gx h3:before,.g-zj h3:before { position:absolute; content:""; width:0.25em; height:1.08em; background:#fff; top:0.79em; left:1em;}
.g-hz{ position:relative; width:100%;}
.g-hz .prev { position:absolute; width:6%; top:32%; left:3%;}
.g-hz .prev img { width:100%;}
.g-hz .next { position:absolute; width:6%; top:32%; right:5%;}
.g-hz .next img { width:100%;}
.g-hz .nowarp{ margin:6.2% 10% 0;}
.g-hz .m-box .con{ display:inline; float:left;}
.g-hz ul li{ width:42%; float:left; margin:0 3%;}
.g-hz ul li img{ width:100%; border:1px solid #dedede;}
.g-hz ul li span{ display:block; width:100%; text-align:center;}
.g-hz ul li span a{ color: #757474; font-size:1em;}

.g-hz { height:10.2em; overflow:hidden}
.g-hz .sclwrap_box{height:8.2em;}
/*走进海纳展示*/
.g-zj{}
.g-zj dl{ margin:0 3%; padding-top:2.1em; overflow:hidden;}
.g-zj dl dt{ width:28%; float:left; margin-right:5%;}
.g-zj dl dt img{ width:100%; padding:3px; border:1px solid #dfdfdf;}
.g-zj dl dd b{ color:#005197;}
.g-zj dl dd p{ color:#686565; line-height:1.6em; padding:1% 0 0.5% 0;}
.g-zj dl dd i{display:inline-block; height:2.08em; line-height:2.08em; text-align:center; width:5.6em; background:#ff8a00; color:#fff; border-radius:0.2em;}
/*动态*/
.g-zzz { clear:both; border-bottom:1px dashed #e0e0e0; margin-bottom:5%; margin-top:7.5%;}
.g-zzz .m-bt {display:block; margin-bottom:2%;}
.g-zzz .m-bt li { float:left; font-size:1em; color:#fff; text-align:center;line-height:2.7em; width:50%; font-weight:bold; background:#005197;}
.g-zzz .m-bt li.z-on { background:#ff8a00; color:#fff;position:relative;}

.g-dongt{}
.g-dongt .g-zzz{ border-bottom:none;}
.g-dongt .g-zzz .m-zzcon .page p{ margin:0 3%; line-height:2.85em; overflow:hidden;}
.g-dongt .g-zzz .m-zzcon .page p a{ color:#666;}
.g-dongt .g-zzz .m-zzcon .page p i{ display:inline-block; width:1.2%; padding-right:2%;}
.g-dongt .g-zzz .m-zzcon .page p i img{ width:100%; vertical-align:middle;}
.g-dongt .g-zzz .m-zzcon .page p:last-child{ border-bottom:none;}
.g-dongt .g-zzz .m-zzcon .page p span{ float:right; color:#666;}
.g-jind { height:22.3em; overflow:hidden}
	.g-jind .sclwrap_box{height:20em;}
@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: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%;}

}