/*-----------------------------------------------------------------------------------------------------------------------*/
.ban img{ display:block; width:100%;}

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{height:8.083rem;overflow:hidden; margin-top:2.083rem;}
nav a{ width:25%; text-align:center; overflow:hidden; display:inline-block;float:left; color:#333; font-size:0.8rem;}
nav em{ display:block; width:3.75rem; height:3.75rem; margin:0 auto 0.5rem;background:#00599f; border-radius:3.75rem;}
nav em img{ display:block; width:100%;}

/*-----------------------------------------------------------------------------------------------------------------------*/

.g-pro{ width:90.625%; margin:0 auto;}
.g-pro h2{ width:11.33rem; margin:0 auto 1.18rem;}
.g-pro h2 img{ display:block; width:100%;}
.pro .m-cnt{ height:7.17rem;}
.pro .m-cnt li{ width:7.5rem; height:2.5rem; border:1px solid #ccc; box-sizing:border-box; background:#f7f7f7; text-align:center; float:left; margin:0 0.7rem 0.8rem 0;line-height:2.5rem; font-size:1rem; color:#333;}
.pro .m-cnt li.z-on{ color:#fff; background:#1857a4;}
.pro .m-cnt li:nth-child(3n){ margin-right:0;}
.pro .con{ float:left; width:100%;}
.pro .con li{ width:47.41%;}
.pro .con li img{ display:block; width:100%; border:1px solid #ccc; box-sizing:border-box;}
.pro .con li em{display:block; font-size:0.8rem; color:#8d8d8d; height:2.75rem; line-height:2.75rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center;}
.pro .con a:nth-child(2n-1) li{ float:left;}
.pro .con a:nth-child(2n) li{ float:right;}

.g-case{ padding:2.3rem 0 0.8rem 0; margin:1.6rem 0 0 0; background:url(images/bg.gif); background-size:2.083rem 2.083rem;}
.g-case h2{ text-align:center; color:#333; font-size:1rem;}
.g-case h2 em{ display:block; width:5.7083rem; margin:0 auto 0.5rem;}
.g-case h2 em img{ display:block; width:100%;}
.case{ width:90.625%; margin:1rem auto 2rem;}
.case .m-cnt{ height:2.5rem; background:#fff; border:1px solid #ccc; box-sizing:border-box; margin-bottom:0.9583rem;}
.case .m-cnt li{ width:33.33%; float:left; font-size:1rem; text-align:center; line-height:2.5rem; height:2.5rem; color:#333;}
.case .m-cnt li.z-on{ background:#1857a4; color:#fff;}
.case .con{ float:left; width:100%;}
.case .con dl{position:relative;}
.case .con dt img{ height:17.375rem; width:100%; }
.case .con dd{ width:90%; height:3rem; font-size:0.8rem; line-height:1.3rem; color:#fff; padding:0.5rem 5%; background:rgba(0,0,0,0.8); position:absolute; bottom:0; left:0;}

.g-ys{ width:90.625%; margin:2.875rem auto 0;}
.g-ys h2{ height:7.375rem;}
.g-ys h2 img{ display:block; width:100%;}
.ys .m-cnt{ height:0.8rem; overflow:hidden; margin:2.2rem 0 0 35%;}
.ys .m-cnt li{ width:0.8rem; height:0.8rem; border-radius:0.8rem; background:#1857a4; float:left; margin-right:5%;}
.ys .m-cnt li.z-on{ background:#f67406;}
.ys .con{ float:left; width:100%;}
.ys .con dt img{display:block; width:100%;}
.ys .con dd h3{ margin-top:0.5rem; font-size:1rem; color:#333; height:4.17rem;}
.ys .con dd h3 i{ display:inline-block; width:4.04rem; height:3.4583rem; float:left;}
.ys .con dd h3 i img{display:block; width:100%;}
.ys .con dd h3 em{ display:block; font-size:1.08rem; font-weight:bold; color:#1857a4;}
.ys .con dd p{ padding-left:2.92rem; background:url(images/ys_line.gif) repeat-y 3.09rem 0.9rem; background-size:1px 3px;}
.ys .con dd p span{ display:block; font-size:0.8rem; color:#333; line-height:1.33rem; background:url(images/ys_dot.gif) no-repeat left 0.5rem; background-size:0.375rem 0.375rem; padding-left:5%;}

.g-wit{padding:2.3rem 0 3rem 0; margin:2.6rem 0 0 0; background:url(images/bg.gif); background-size:2.083rem 2.083rem;}
.g-wit h2{ width:31.25%; margin:0 auto;}
.g-wit h2 img{display:block; width:100%;}
.g-wit dl{ width:90.625%; margin:2rem auto 0; height:9rem;}
.g-wit dt{ width:10.125rem; float:left;}
.g-wit dt img{ display:block; width:100%;}
.g-wit dd{ width:12.7083rem; float:right;}
.g-wit dd h3{ font-size:0.8rem; font-weight:bold; color:#333; padding-bottom:0.5rem; position:relative;}
.g-wit dd h3:before{ content:""; position:absolute; bottom:0; left:0; width:2rem; height:1px; background:#ccc;}
.g-wit dd p{ font-size:0.8rem; line-height:1.33rem; color:#777; padding:0.5rem 0 0 0;}
.g-wit dd em{ display:block; width:5.42rem; height:1.67rem; line-height:1.67rem; margin-top:0.5rem; color:#fff; text-align:center; font-size:0.8rem; background:#f67406;}

.g-par{ margin-top:2.83rem;}
.g-par h2{ width:14.083rem; margin:0 auto;}
.g-par h2 img{ display:block; width:100%;}
.g-par li{ width:7.5rem; border:1px solid #eee; float:left; box-sizing:border-box; margin:1.2rem 0 0 0.8rem;}
.g-par li img{display:block; width:100%;}
.g-par h3{ width:90.625%; height:2.5rem; border:1px solid #e5e5e5; background:#ededed; text-align:center; line-height:2.5rem; box-sizing:border-box; color:#333; font-size:0.8rem; margin:2rem auto 0;}

.g-about{ width:90.625%; margin:2.83rem auto 0;}
.g-about p img{ display:block; width:100%;}
.g-about h2{ width:8.54rem; border:0.2rem solid #1857a4;text-align:center; font-size:0.583rem; line-height:1.33rem; color:#333; text-transform:uppercase; margin:-3.1rem auto 0; position:relative;}
.g-about h2 em{ display:block; height:3rem; background:#1857a4; text-align:center;}
.g-about h2 em img{ display:block; padding:0.8rem 0 0 1.25rem; width:5.92rem; height:1.33rem;}
.g-about span{ display:block; font-size:0.8rem; line-height:1.5rem; padding-top:1rem; color:#666;}

.m-fnav{ margin:0.8rem 0 0 0;}
.m-fnav li{ padding-top:1rem; text-align:center; color:#333; font-size:0.8rem; width:25%; float:left; background:url(images/line.gif) no-repeat right 0; background-size:1px 5.2083rem;}
.m-fnav li em{ display:block; width:31.875%; margin:0 auto 0.5rem;}
.m-fnav li em img{ display:block; width:100%;}
.m-fnav a:last-child li{ background:none;}

.dy{ width:90.625%; margin:2.6rem auto 0; position:relative;}
.dy .m-cnt{ height:2rem; border-bottom:1px solid #ccc;}
.dy .m-cnt li{ width:22%; float:left; font-size:1rem; color:#363636; height:1.85rem; text-align:center;}
.dy .m-cnt li.z-on{ font-weight:bold; color:#1857a4; border-bottom:0.17rem solid #1857a4;}
.dy .more2{font-size:1rem; color:#666; position:absolute; top:0; right:0; text-transform:uppercase; font-family: Arial, Helvetica, sans-serif;}
.dy .con{ float:left; width:100%;}
.dy .con ul{ padding-top:0.5rem;}
.dy .con li{ font-size:0.92rem; height:2.083rem; background:url(images/dy_jt.gif) no-repeat left 0.8rem; background-size:0.4583rem 0.4583rem; padding-left:5%; line-height:2.083rem; border-bottom:1px dashed #ccc; color:#555;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;}
.dy .con a:last-child li{ border:0;}
@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%;}
}