.wrap{ background:url(/mobile/Images/Common/bg2.gif); background-size:23px 23px;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.ban img{ display:block; width:100%; border-bottom:0.17rem solid #183883;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.g-zz{ margin-top:1.8rem; padding-bottom:7.2rem;}
.g-zz dl{ position:relative;}
.g-zz dt img{ display:block; width:100%;}
.g-zz dd{ width:27.5%; position:absolute; top:9.375rem; right:1.58rem;}
.g-zz dd h3{ text-align:center; font-size:0.92rem; color:#183883; font-weight:bold;}
.g-zz dd p{ font-size:0.8rem; line-height:1.125rem; color:#666;}
.g-zz dl:nth-child(3) dd:nth-child(2){ left:1rem;}
.g-zz dl:nth-child(3) dd:nth-child(3){ left:9.5rem;}

.tit1{ height:3.67rem; overflow:hidden; background:url(/mobile/Images/Index/zz_h.png) no-repeat center 0.9rem; background-size:17.875rem 1.33rem; font-size:1.33rem; text-align:center; font-weight:bold; color:#18409e;}
.tit1 em{ display:block; font:0.583rem Arial, Helvetica, sans-serif; text-transform:uppercase; color:#cbcbcb; margin-top:0.8rem;}

/*-----------------------------------------------------------------------------------------------------------------------*/
.g-nav{ height:9.42rem; background:url(/mobile/Images/Common/bg1.gif); background-size:4px 4px; position:relative;}
.g-nav:before{ content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background:#fff;}
.g-nav li{ width:33.33%; float:left; height:4.71rem; font-size:1rem; font-weight:bold; text-align:center; color:#fff; position:relative;}
.g-nav li:before{ content:""; position:absolute; top:0; right:0; width:2px; height:100%; background:#fff;}
.g-nav a:nth-child(3n) li:before{ background:none;}
.g-nav li em{ display:block; width:2.2083rem; height:1.875rem; margin:0.5rem auto 0.2rem;}
.g-nav li em img{ display:block; width:100%;}


.g-pro{ margin-top:1.6rem;}
.g-pro .tit1{ background:url(/mobile/Images/Index/pro_h.png) no-repeat center 0.9rem; background-size:12.79rem 1.33rem;}
.fen{ width:33.33%; float:left; margin-top:0.5rem;}
.fen h3{ height:2.5rem; line-height:2.5rem; text-align:center; font-size:1rem; font-weight:bold; color:#fff; background:#193783; position:relative;}
.fen h3:before{ content:""; position:absolute; top:0; right:0; width:2px; height:100%; background:#fff;}
.fen:nth-child(4) h3:before{ background:none;}
.fen p{ width:90%; margin:0 auto;}
.fen p a{ display:block; height:2rem; line-height:2rem; border-bottom:1px dashed #cfd6e6; background:url(/mobile/Images/Index/fen_jt.png) no-repeat left 0.8rem; background-size:0.4583rem 0.4583rem; font-size:1rem; color:#555; padding-left:12%;}
.g-pro ul{ margin-top:1.4rem;}
.g-pro li{ width:46.09625%; margin-left:2.5%;float:left;}
.g-pro li img{ display:block; width:100%;}
.g-pro li em{ display:block; font-size:0.8rem; color:#888; line-height:2.7083rem; text-align:center;}
.more{ width:96.09375%; margin:0 auto 1.625rem; height:2.25rem; background:#b7b7b7; text-align:center; font-size:0.8rem; font-weight:bold; line-height:2.25rem; color:#fff;}

.g-ys{ background:#f1f1f1; padding:1rem 0 0 0;}
.g-ys .tit1,.g-case .tit1,.g-choo .tit1,.g-wit .tit1{ background:url(/mobile/Images/Index/ys_h.png) no-repeat center 0.9rem; background-size:22.125rem 1.54rem;}
.ys{ width:95.9375%; margin:0.8rem auto 0; padding-bottom:2rem; position:relative;}
.ys .prev{ position:absolute; bottom:0; left:30%; width:4.17rem; height:1.5rem; line-height:1.5rem; text-align:center; font-size:1.2rem; background:#183883; font-family:"Microsoft Yahei"; z-index:9; color:#fff;}
.ys .next{position:absolute; bottom:0; left:46%;width:4.17rem; height:1.5rem; line-height:1.5rem; text-align:center; font-size:1.2rem; background:#183883; font-family:"Microsoft Yahei";z-index:9;color:#fff;}
.ys .con{ float:left; width:100%;}
.ys .con dt img{ display:block; width:100%;}
.ys .con dd h3{ font-size:1.08rem; font-weight:bold; color:#193783; margin-top:1rem;}
.ys .con dd h3 em{ display:inline-block; width:2.42rem; height:2.083rem; float:left; margin:0 2% 0 0; background:#193783; text-align:center; line-height:2.083rem; font-family:Impact; color:#fff; font-size:1.33rem;}
.ys .con dd h3 i{ display:block; font-size:0.5rem; font-weight:normal; text-transform:uppercase;}
.ys .con p{ font-size:0.8rem; color:#555; line-height:1.32rem; margin-top:0.6rem;}

.g-case{ margin:1.5rem 0 0 0;}
.g-case ul{ height:16.8rem; width:96.09375%; margin:1rem auto 0;background:url(/mobile/Images/Common/bg1.gif); background-size:4px 4px; position:relative;}
.g-case ul:before{ content:""; position:absolute; top:50%; left:0; width:100%; height:0.17rem; background:#fff;}
.g-case li{ width:33.33%; float:left; height:8.4rem; font-size:0.92rem; text-align:center; color:#fff; position:relative;}
.g-case li:before{ content:""; position:absolute; top:0; right:0; width:0.17rem; height:100%; background:#fff;}
.g-case a:nth-child(3n) li:before{ background:none;}
.g-case li em{ display:block; width:4.375rem; height:4.375rem; margin:0.9rem auto 0.2rem;}
.g-case li em img{ display:block; width:100%;}

.g-choo{ margin:2rem 0 0 0;}
.choo{ width:96.09375%; margin:0.5rem auto 0;}
.choo .m-cnt{ width:100%; height:6.6rem; overflow:hidden;}
.choo .m-cnt li{ height:2.875rem; width:8rem; float:left; font-size:0.92rem; line-height:2.875rem; color:#fff; text-align:center; margin:0 0 0.2rem 1%; background:#959595;}
.choo .m-cnt li.z-on{ background:#183883;}
.choo .m-cnt li a{ color:#fff;}
.choo .con{ float:left; width:100%;}
.choo .con p{ width:100%;}
.choo .con p img{ display:block; width:100%;}

.g-wit{ background:#f1f1f1; padding:1rem 0 1.9rem 0; margin-top:1.3rem;}
.g-wit dl{ width:93.09375%; margin:1rem auto 0;}
.g-wit dl dt{ width:43.08%; float:left;}
.g-wit dl dt img{ display:block; width:100%; padding:0.125rem; border:1px solid #e9e9e9; box-sizing:border-box; background:#fff;}
.g-wit dd{ width:54%; float:right;}
.g-wit dd h3{ font-size:0.92rem; font-weight:bold; color:#666;}
.g-wit dd h3 em{ display:block; font-size:0.8rem; font-weight:normal;}
.g-wit dd p{ color:#888; line-height:1.16rem; margin-top:0.8rem; font-size:0.75rem;}
.g-wit dd span a{ display:block; font-size:0.583rem; padding:0 3%; border:1px solid #193783; color:#193783; width:30%; line-height:1.5rem; text-align:center; margin-top:1rem;}

.g-about{ margin-top:1rem;}
.g-about dt{ width:96.09375%; margin:0.5rem auto 0;}
.g-about dt img{ display:block; width:100%;}
.g-about dd{ margin-top:0.7083rem; text-align:center;}
.g-about dd a{ display:inline-block; width:7.7rem; height:2.5rem; margin:0 0.5rem; text-align:center; line-height:2.5rem; font-size:0.92rem; color:#193783; border:1px solid #193783; box-sizing:border-box;}
.g-about dd a:hover{ background:#193783; color:#fff;}

.dy{ margin-top:1.5rem; margin-bottom:1.3rem;}
.dy .m-cnt{ height:2.92rem; overflow:hidden; background:#959595;}
.dy .m-cnt li{ width:33.33%; float:left; height:2.92rem; text-align:center; line-height:2.92rem; color:#fff; font-size:1.08rem;}
.dy .m-cnt li.z-on{ background:#183883;}
.dy .con{ float:left; width:100%;}
.dy .con dl{ width:96.09375%; margin:1.16rem auto 0;}
.dy .con dt{ width:45.36%; float:left;}
.dy .con dt img{ display:block; width:100%;}
.dy .con dd{ width:52%; float:right;}
.dy .con dd p{ font-size:0.92rem; color:#a0a0a0; line-height:2rem; height:2rem; overflow:hidden; position:relative; padding-left:8%;}
.dy .con dd p:before{ content:""; position:absolute; top:0.8rem; left:0; width:0.4rem; height:0.4rem; background:#a0a0a0;}


@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%;}
}