body{ background:#fff;}

.m-nav{ position:relative;}
.m-nav:before{ content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background:#131313; border-bottom:1px solid #494949; z-index:8;}
.m-nav li{ width:33.33%; height:2.5em; background:#333; float:left;font-size:1em; text-align:center; color:#fff; line-height:2.5em; position:relative;}
.m-nav li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#131313; border-right:1px solid #494949; z-index:9;}
.m-nav a:nth-child(3n) li:before{ background:none; border:0;}

.ban .sclwrap_box ,.ban .m-box{ height:12.5em;overflow:hidden;}
.ban .m-box li img{ width:100%; display:block;}

.g-case{ margin-top:2.25em;}
.tit1{ height:2.69em; font-size:1.08em; line-height:2.69em; color:#fff; padding:0 3.125% 0 12.96%; font-weight:bold; background:url(/mobile/Images/Index/h.gif) no-repeat center top; overflow:hidden; position:relative;}
.tit1 span{ font-size:0.92em; color:#999; text-transform:uppercase; font-weight:normal;}
.tit1:before{ content:""; position:absolute; top:0.53em; left:4%; width:1.69em; height:1.69em; background:url(/mobile/Images/Index/case_h.gif) no-repeat;-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;}
.case1 li{ width:23.33%; height:2.7083em; line-height:2.7083em; border-bottom:1px solid #ccc; float:left; position:relative; background:url(/mobile/Images/Index/case_j.png) no-repeat 17.8% center; background-size:0.92em 0.92em; padding-left:10%;}
.case1 li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#ccc;}
.case1 li:nth-child(3n):before{ background:none;}
.case1 li a{ color:#333;}
.case2{ margin-top:0.75em; position:relative;}
.case{ height:16.9em; overflow:hidden;}
.case .sclwrap_box{ height:15em; overflow:hidden;}
.case2 .no_ov{ width:83.59375%; margin:0 auto;}
.case2 .prev{ width:1.79em; height:3.583em; overflow:hidden; position:absolute; top:2.42em; left:0;}
.case2 .next{width:1.79em; height:3.583em; overflow:hidden; position:absolute; top:2.42em; right:0;}
.case2 .prev img,.case2 .next img{ display:block; width:100%;}
.case2 .page{ float:left; width:100%;}
.case2 .page li{ width:48.22%;}
.case2 .page li img{ display:block; width:100%;}
.case2 .page li em{ display:block; text-align:center; line-height:1.875em; height:1.875em; background:#ccc; color:#333;}
.case2 .page a:nth-child(2n-1) li{ float:left;}
.case2 .page a:nth-child(2n) li{ float:right;}

.g-fen{ background:#eee; padding:1.7em 0 1.2em 0;}
.g-fen h3{ height:2em; width:89.75%; margin:0 auto; font-size:1.08em; font-weight:bold; padding-left:4%; background:url(/mobile/Images/Index/fen_h.gif) no-repeat center bottom; background-size:100% auto; color:#333;}
.g-fen h3 span{ font-weight:normal; font-size:0.92em; color:#666;}
.g-fen ul{ width:93.75%; margin:0 auto;}
.g-fen li{ width:28.33%; float:left;overflow:hidden; line-height:2.83em; height:2.83em; border-bottom:1px dashed #999; color:#333; background:url(/mobile/Images/Index/case_j.png) no-repeat left center; background-size:0.92em 0.92em; padding-left:5%;}
.g-fen ul:nth-child(2) a:nth-child(4) li,.g-fen ul:nth-child(2) a:nth-child(5) li,.g-fen ul:nth-child(2) a:nth-child(6) li,.g-fen ul:nth-child(5) a:nth-child(4) li,.g-fen ul:nth-child(5) a:nth-child(5) li,.g-fen ul:nth-child(5) a:nth-child(6) li{ border:0;}
.g-fen a:nth-child(4) h3{ margin-top:1em;}

.g-pro{ width:93.75%; margin:2em auto 0;}
.g-pro h3{ font-weight:bold; text-align:center; font-size:1.25em; font-weight:bold; background:url(/mobile/Images/Index/pro_h.gif) no-repeat center top; background-size:100% auto; color:#fff; height:2.33em; line-height:2.33em;}
.g-pro li{ margin-top:0.75em; width:48.8333%;}
.g-pro li img{ display:block; width:100%; border:0.083em solid #e6e6e6; box-sizing:border-box; border-bottom:0;}
.g-pro li em{ display:block; text-align:center; height:1.875em; line-height:1.875em; overflow:hidden; white-space:nowrap; text-transform:capitalize; color:#333; background:#ccc;}
.g-pro a:nth-child(2n-1) li{ float:left;}
.g-pro a:nth-child(2n) li{ float:right;}

.guan1{ margin-top:1.67em; position:relative;}
.guan1 h3 img{ display:block; width:100%;}
.guan1 em{ display:block; font-size:1.16em; font-weight:bold; color:#cc0000; background:url(/mobile/Images/Index/lx.png) no-repeat left center; background-size:1.3em 1.3em; padding-left:7%; position:absolute; top:4.6em; left:50%;}
.line img{ display:block; width:100%;}

.g-ys h3{ font-size:1em; margin-bottom:0.8em;}
.g-ys h3 img{ display:block; width:100%;}
.g-ys h3 p{ text-align:center; font-size:1.33em; color:#000;}
.ys .sclwrap_box ,.ys .m-box{ height:28.3em;overflow:hidden;}
.ys .con{ float:left; width:100%;}
.ys .con dt{ width:84.0625%; margin:0 auto;}
.ys .con dt img{ display:block; width:100%; border:0.625em solid #e2e2e2; box-sizing:border-box;}
.ys .con dd{ width:93.75%; margin:1.2em auto 0;}
.ys .con dd h4{ font-weight:bold; color:#cc0000; font-size:1em; background:url(/mobile/Images/Index/ys01.gif) no-repeat left  bottom; background-size:100% auto; height:2.5em; padding-left:11%;}
.ys .con dd p{ width:85.83%; float:right; font-size:1em; line-height:1.5em; color:#010101; border-bottom:1px dashed #ccc; background:url(/mobile/Images/Index/case_j.png) no-repeat left 0.6em; background-size:0.92em 0.92em; padding:0.3em 0 0.3em 5%;}
.ys .con dd p:last-child{ border:0;}
.ys .con:nth-child(2) dd h4{background:url(/mobile/Images/Index/ys02.gif) no-repeat left  bottom; background-size:100% auto;}
.ys .con:nth-child(3) dd h4{background:url(/mobile/Images/Index/ys03.gif) no-repeat left  bottom; background-size:100% auto;}
.ys .con:nth-child(4) dd h4{background:url(/mobile/Images/Index/ys04.gif) no-repeat left  bottom; background-size:100% auto;}
.ys .m-cnt{ width:70.3125%; margin:0 auto; height:2em; font-size:1em; overflow:hidden; background:url(/mobile/Images/Index/ys_hbg.gif) no-repeat center center; background-size:100% auto;}
.ys .m-cnt li{ width:2em; height:2em; float:left; text-align:center; float:left; line-height:2em; background:#aaa; overflow:hidden; margin-left:5.5%; color:#fff; border-radius:2em;}
.ys .m-cnt li:nth-child(1){ margin-left:22%;}
.ys .m-cnt li.z-on{ background:#cc0000;}

.g-wit{ margin-top:1.7em; background:#eee;}
.g-wit .tit1{ background:url(/mobile/Images/Index/wit_hbg.gif) no-repeat center top; background-size:100% auto;}
.g-wit .tit1:before{ content:""; position:absolute; top:0.53em; left:4%; width:1.69em; height:1.69em; background:url(/mobile/Images/Index/wit_h.gif) no-repeat;-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;}
.wit{ position:relative; margin-top:0.8em;}
.wit .sclwrap_box{ height:9.6em; overflow:hidden;}
.wit .nowarp{ width:83.59375%; margin:0 auto;}
.wit .prev{ width:1.79em; height:3.583em; overflow:hidden; position:absolute; top:1.75em; left:0;}
.wit .next{width:1.79em; height:3.583em; overflow:hidden; position:absolute; top:1.75em; right:0;}
.wit .prev img,.wit .next img{ display:block; width:100%;}
.wit .con{ float:left; width:100%;}
.wit .con dt{ width:44.86%; float:left;}
.wit .con dt img{ display:block; width:100%;}
.wit .con dd{ width:51.4%; float:right;}
.wit .con dd h4{ color:#333; font-size:1em; font-weight:bold;}
.wit .con dd p{ color:#333; line-height:1.5em; padding-top:0.3em;}
.wit .con dd em{ color:#cc0000; display:block;}

.guan2{ margin-top:0;}
.guan2 em{ color:#fff; position:absolute; top:3.4em; left:36%; background:url(/mobile/Images/Index/lx2.png) no-repeat left center; background-size:1.3em 1.3em;}

.g-about{ width:93.75%; margin:0 auto;}
.g-about h3{ width:44.21875%; margin:0 auto 0.81em; font-size:1.33em; text-align:center; font-weight:bold; background:url(/mobile/Images/Index/about_h.gif) no-repeat center center; background-size:100% auto; color:#333;}
.g-about dl{ background:#eee; padding-bottom:1.45em;}
.g-about dt img{display:block; width:100%;}
.g-about dd{ width:89.17%; margin:1em auto 0;}
.g-about dd h4{color:#333; font-size:1em; font-weight:bold; text-align:center;}
.g-about dd p{color:#333; line-height:1.5em; padding-top:0.3em;}
.g-about dd em{color:#cc0000; text-align:center; display:block; margin-top:0.8em;}
.g-about h5{font-size:1em;}
.g-about h5 a{ display:inline-block; padding:0 3.7%; height:2em; line-height:2em; color:#fff; background:#aaa; border-bottom:0.125em solid #707070; margin-right:2px;}
.g-about h5 a:hover{ background:#cc0000; border-bottom:0.125em solid #333;}
.g-about h5 a:last-child{ margin:0;}

.dy{ background:#eee; margin-top:2em;}
.dy .sclwrap_box ,.dy .m-box{ height:13.6em;overflow:hidden;}
.dy .m-cnt{ height:2.69em; background:#333; font-size:1.08em; overflow:hidden; line-height:2.69em;}
.dy .m-cnt li{ width:24.7%; float:left; height:2.69em; color:#fff; text-align:center; border-right:1px solid #999;}
.dy .m-cnt li.z-on{ background:#cc0000; position:relative;}
.dy .m-cnt li.z-on:before{ content:""; position:absolute; bottom:0; left:50%; margin-left:-0.45em; width:0; height:0; border-bottom:0.4em solid #eee; border-left:0.5em solid rgba(0,0,0,0);border-right:0.5em solid rgba(0,0,0,0);}
.dy .m-cnt li a{ color:#999;}
.dy .m-cnt li:last-child,.dy .con a:last-child li{ border:0;}
.dy .con{ float:left; width:100%;}
.dy .con ul{ width:83.59375%; margin:0 auto;}
.dy .con li{ color:#333; height:2em;overflow:hidden; line-height:2em; border-bottom:1px dashed #999; padding-left:3%; background:url(/mobile/Images/Index/dy_dot.gif) no-repeat left 0.9em; background-size:0.375em 0.375em;}

@media screen and (min-width:320px) {
	body { font-size:75%;}
}
@media screen and (min-width:360px) {
	body { font-size:83%;}
    .g-about h5 a{ display:inline-block; padding:0 3.5%;}	
}
@media screen and (min-width:375px) {
	body { font-size:90%;}
}
@media screen and (min-width:480px) {
	body { font-size:112%;}
}
@media screen and (min-width:568px) {
	body { font-size:120%;}
}
@media screen and (min-width:639px) {
	body { font-size:150%;}
    .g-about h5 a{ display:inline-block; padding:0 3.7%;}	
}