

/*-----------------------------------------------------------------------------------------------------------------------*/
.ban img{ display:block; width:100%;}

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{height:5.83rem; background:#201f24; overflow:hidden; position:relative;}
nav:before{ content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background:#141318;}
nav a{ display:inline-block; width:33.33%; height:2.92rem; line-height:2.92rem; color:#fff; font-size:1rem;text-align:center; position:relative;}
nav a:before{ content:""; position:absolute; top:0; right:0; width:2px; height:100%;background:#353439;}
nav a:nth-child(3n):before{ background:none;}

.g-fen{ margin:2.6rem 0 2.5rem 0;}
.g-fen p{ width:90.625%; margin:1rem auto 0;}
.g-fen p a{ display:inline-block; width:46%; float:left; color:#555; line-height:1.67rem; background:url(/mobile/Images/Index/fen_jt.gif) no-repeat left 0.5rem; background-size:0.4583rem 0.4583rem; font-size:1rem; padding-left:4%;}
.g-fen ul{ padding-top:1.5rem; width:90.625%; margin:0 auto;}
.g-fen li{ width:46.2%;}
.g-fen li img{ display:block; width:100%; border:1px solid #ddd; box-sizing:border-box;}
.g-fen li em{display:block; text-align:center; font-size:1rem; line-height:2.92rem; text-transform:uppercase;color:#555;text-overflow:ellipsis;white-space:nowrap; height:3.2083rem; overflow:hidden;}
.g-fen a:nth-child(2n-1) li{ float:left;}
.g-fen a:nth-child(2n) li{ float:right;}
.g-fen h5{ width:90.625%; margin:0 auto; font-size:1rem; text-align:center; color:#555; background:#ddd; height:2.42rem; line-height:2.42rem; overflow:hidden; border-radius:0.3rem;}

.tit1{ font-size:1.25rem; font-weight:bold; text-align:center; background:url(/mobile/Images/Index/h1.gif) no-repeat center 2.2rem; background-size:100% 3px; color:#111;}
.tit1 em{ display:block; font:1.25rem Impact; color:#ddd; text-transform:uppercase; font-weight:normal; height:1.3rem;}
.tit1 span{ color:#da251c;}

.g-case .tit1{ background:url(/mobile/Images/Index/h2.gif) no-repeat center 2.2rem; background-size:100% 3px;}
.case{ width:90.625%; margin:1.6rem auto 1.2rem; position:relative; padding-bottom:5rem;}
.case .prev{ width:1.83rem; height:1.83rem; position:absolute; top:15rem; left:40%; z-index:9;}
.case .next{ width:1.83rem; height:1.83rem; position:absolute; top:15rem; right:40%;z-index:9;}
.case .prev img,.case .next img,.case .line img{ display:block; width:100%;}
.case .line{ width:90.625%; height:1px; overflow:hidden; position:absolute; top:15.92rem; left:1.25rem;}
.case .con{ float:left; width:100%;}
.case1 dl{ border:3px solid #f7f7f7; border-bottom:4px solid #eee; width:46.2%; height:13.67rem; box-sizing:border-box; background:#f7f7f7;}
.case1 dt img{ display:block; width:100%;}
.case1 dd h3{ text-align:center; color:#333; line-height:1.6rem;height:1.6rem;  font-size:1rem; padding-top:0.5rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case1 dd p{ padding:0 5%; line-height:1.25rem; color:#555; font-size:0.8rem;}
.case1 dd p em{ color:#da251c;}
.case1 dl:nth-child(2n-1){ float:left;}
.case1 dl:nth-child(2n){ float:right;}

.guan1{ background:url(/mobile/Images/Index/guan1.jpg) no-repeat center top; background-size:100% auto; height:7.29rem;}
.guan1 h3{ font-size:1.25rem; font-weight:bold; color:#dc271e; text-align:center; padding-top:1.9rem;}
.guan1 h3 em{ display:block; font:1.5rem Impact; color:#555; background:url(/mobile/Images/Index/guan_lx.png) no-repeat 30% 0.3rem; background-size:1.33rem 1.33rem; padding:0 0 0.5rem 8%;}

.g-wt{ margin-top:2.7rem;}
.g-wt .tit1{ background:url(/mobile/Images/Index/h3.gif) no-repeat center 2.2rem; background-size:100% 3px; margin-bottom:1.5rem;}
.g-wt dl{ width:90.625%;margin:0 auto 0.875rem;height:3.54rem; background:url(/mobile/Images/Index/wt_bg.gif) no-repeat center top; background-size:100% auto; font-size:1rem; line-height:3.54rem;}
.g-wt dt{ width:3.33rem; height:3.54rem; line-height:3.33rem; text-align:center; font-size:1.67rem; font-family:Impact; color:#555; float:left;}

.g-ys h2{ text-align:center; font-size:0.92rem; color:#555; margin-top:2.5rem;}
.g-ys h2 p{ font-size:1.5rem; font-weight:bold; color:#111;}
.g-ys h2 p em{ color:#da251c;}
.g-ys h2 span{ display:block; font-size:0.8rem; font-weight:bold; background:#da251c; border-radius:1rem; padding:0.2rem 0; color:#fff; letter-spacing:0.42rem; width:64%; margin:0 auto;}
.g-ys h2 i{ display:block; width:2.54rem; margin:0.3rem auto 0;}
.g-ys h2 i img{ display:block; width:100%;}
.ys .m-cnt{ height:0.625rem; overflow:hidden; margin:0.8rem 0 0 40%;}
.ys .m-cnt li{ width:0.625rem; background:#555; height:0.625rem; border-radius:0.625rem; margin:0 3%; float:left;}
.ys .m-cnt li.z-on{ background:#da251c;}
.ys dt{ width:78.125%; margin:1.5rem auto 0;}
.ys dt img{display:block; width:100%;}
.ys dd{ width:90.625%; margin:1.33rem auto 0;}
.ys dd h3{ font-size:1rem; font-weight:bold; color:#111; padding-top:1rem; height:3.875rem;}
.ys dd h3 em{ display:inline-block; float:left; background:url(/mobile/Images/Index/ys01.gif) no-repeat center top; background-size:100% auto; width:2.5rem; height:3.875rem; text-align:center; line-height:2.9rem; color:#ddd; font-family:Impact; font-size:2rem; margin-right:0.6rem; margin-top:-0.5rem;}
.ys dd h3 b{ color:#da251c;}
.ys dd h3 i{ display:block; font-weight:normal; color:#333; font-size:1rem;}
.ys dd p{ color:#555; line-height:1.5rem; font-size:0.92rem; padding-left:13%; background:url(/mobile/Images/Index/fen_jt.gif) no-repeat 8% 0.5rem; background-size:0.4583rem 0.4583rem;}

.g-wit{ width:90.625%; margin:1rem auto 0;}
.g-wit h3{ height:2.5rem; background:#ddd; overflow:hidden;}
.g-wit h3 span{ display:inline-block; font-size:1rem; color:#fff; text-align:center; width:25%; line-height:2.5rem; background:#da251c;}
.g-wit h3 em{ float:right; font-size:0.75rem; color:#555; text-transform:uppercase; line-height:2.5rem; padding-right:3%;}
.g-wit dl{ margin-top:1.9rem;}
.g-wit dt{ width:31.83%; border:0.25rem solid #ededed; float:left; box-sizing:border-box;}
.g-wit dt img{ display:block; width:100%;}
.g-wit dd{ width:63.67%; float:right;}
.g-wit dd h4{ font-size:1rem; color:#555;line-height:1.6rem;height:1.6rem;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.g-wit dd p{ font-size:0.8rem; line-height:1.3rem; color:#555; padding-top:0.8rem;}
.g-wit dd em{ display:block; width:35%; height:1.5rem; background:#da251c; text-align:center; color:#fff; line-height:1.5rem; font-size:0.8rem; margin-top:0.5rem;}

.g-about{ margin:2.8rem 0 2.5rem 0;}
.g-about dl{ width:90.625%; margin:1.3rem auto 0;}
.g-about dt img{ display:block; width:100%;}
.g-about dd h3{ text-align:center; font-size:1rem; line-height:2rem; color:#555; padding-top:0.5rem;}
.g-about dd p{ font-size:0.8rem; line-height:1.25rem; color:#555;}

.fc{ width:90.625%; margin:0 auto; position:relative;}
.fc .m-cnt span a{font-size:0.75rem; color:#555; text-transform:uppercase; line-height:2.5rem; position:absolute; top:0; right:3%;}
.fc .m-cnt{height:2.5rem; background:#ddd; overflow:hidden;}
.fc .m-cnt li{display:inline-block; font-size:1rem; color:#555; text-align:center; width:29%; line-height:2.5rem;}
.fc .m-cnt li.z-on{ background:#da251c; color:#fff;}
.fc .con{ float:left; width:100%;}
.fc .con li{ width:46%; margin-top:1.67rem;}
.fc .con li img{ display:block; width:100%;}
.fc .con li em{display:block; text-align:center; font-size:1rem; line-height:2.92rem; text-transform:uppercase;color:#555;text-overflow:ellipsis;white-space:nowrap; height:3.2083rem; overflow:hidden;}
.fc a:nth-child(2n-1) li{ float:left;}
.fc a:nth-child(2n) li{ float:right;}

.dy{ width:90.625%; margin:1rem auto 2rem; position:relative;}
.dy .m-cnt span a{font-size:0.75rem; color:#555; text-transform:uppercase; line-height:2.5rem; position:absolute; top:0; right:0;}
.dy .m-cnt{height:2.5rem; border-bottom:1px solid #ddd; margin-bottom:0.8rem;}
.dy .m-cnt li{display:inline-block; font-size:1rem; color:#333; font-weight:bold; text-align:center; width:25%; line-height:2.5rem;}
.dy .m-cnt li.z-on{color:#da251c; border-bottom:0.125rem solid #da251c;}
.dy .con{ float:left; width:100%;}
.dy .con li{ font-size:1rem; line-height:2rem;background:url(/mobile/Images/Index/fen_jt.gif) no-repeat left 0.7rem; background-size:0.4583rem 0.4583rem; padding-left:4%; color:#555; border-bottom:1px dashed #ddd;}

@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:85%;}
}
@media screen and (min-width:375px) {
	html { font-size:87.5%;}
}
@media screen and (min-width:414px) {
	html { font-size:96%;}
}
@media screen and (min-width:480px) {
	html { font-size:110.5%;}
}
@media screen and (min-width:568px) {
	html { font-size:129%;}

}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}
