body{ background:#fff;}

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

.m-nav{ position:relative; height:5.875em;}
.m-nav:before{ content:""; position:absolute; top:50%; width:100%; height:1px; left:0; background:#fff; z-index:8;}
.m-nav li{ width:33.333%; height:2.9375em; line-height:2.9375em; font-size:1em; text-align:center; color:#fff; float:left; position:relative; background:#146cd7;}
.m-nav li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#fff;}
.m-nav a:nth-child(3n) li:before{ background:none;}

.g-pro h3{ height:3.083em; font-size:1em;font-weight:bold; color:#0e4d9c; line-height:3.083em; overflow:hidden; padding-left:3.125%;}
.g-pro h3 em{ color:#7f7f7f; padding-left:3%; font-family: arial, helvetica, sans-serif; text-transform:uppercase; font-weight:normal;}
.g-pro li{ width:12.17em; float:left; border:0.125em solid #d9d9d9; box-sizing:border-box; margin-bottom:0.8em; margin-left:3%;}
.g-pro li img{ display:block; width:100%;}
.g-pro li p{ background:#e0e0e0; text-align:center; font-size:1em; height:1.92em; line-height:1.92em; color:#333;}
.g-pro a:nth-child(3) li,.g-pro a:nth-child(4) li{ margin-bottom:0.2em;}

.guan1{ height:8.29em; overflow:hidden; position:relative;}
.guan1 h3 img{ display:block; width:100%;}
.guan1 p{ font-size:0.67em; text-align:center; padding:0.3em 1.8em; border:1px solid #fff; color:#fff; position:absolute; top:8.5em; left:30%;}

.g-qian{ background:url(/uploads/image/mi/qian_bg.jpg) no-repeat center top; background-size:100% auto; padding:0.8em 0 0.8em 0;}
.g-qian dl{ width:93.4375%; margin:0 auto;}
.g-qian dt{ width:50%; border:1px solid #ddd; box-sizing:border-box;}
.g-qian dt img{ display:block; width:100%;}
.g-qian dd{ width:45.9%;}
.g-qian dd h4{ font-size:1.16em; font-weight:bold; color:#236dcb; padding-top:1.3em;}
.g-qian dd p{ font-size:0.92em; color:#1a1a1a; line-height:1.45em;}
.g-qian dl:last-child dd h4{ font-size:1em; padding-top:2em;}

.g-case{ padding-top:1.8em; padding-bottom:0.9em; border-bottom:1px solid #ccc;background: #f6f5f5; /* old browsers */
background: -moz-linear-gradient(top,  #f6f5f5 0%, #ffffff 100%); /* ff3.6  */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f5f5), color-stop(100%,#ffffff)); /* chrome,safari4  */
background: -webkit-linear-gradient(top,  #f6f5f5 0%,#ffffff 100%); /* chrome10 ,safari5.1  */
background: -o-linear-gradient(top,  #f6f5f5 0%,#ffffff 100%); /* opera 11.10  */
background: -ms-linear-gradient(top,  #f6f5f5 0%,#ffffff 100%); /* ie10  */
background: linear-gradient(to bottom,  #f6f5f5 0%,#ffffff 100%); /* w3c */
filter: progid:dximagetransform.microsoft.gradient( startcolorstr='#f6f5f5', endcolorstr='#ffffff',gradienttype=0 ); /* ie6-9 */}
.g-case h3{ text-align:center; font-size:1.5em; font-weight:bold; color:#236dcb; background:url(/uploads/image/mi/case_h.gif) no-repeat center center; background-size:100% auto;}
.g-case h3 p{ font-size:0.44em; text-transform:uppercase; color:#a6a5a5; font-weight:normal;}
.g-case li{ width:45.9375%; margin:1.3em 0 0 3%; float:left;}
.g-case li img{ box-sizing:border-box; border:0.125em solid #5e7292; display:block; width:100%;}
.g-case li p{ display:block; text-align:center; color:#333; line-height:2.5em;}

.g-ys h3{ font-size:1em; height:4.2083em; overflow:hidden; background:url(/uploads/image/mi/ys_h.jpg) no-repeat center top; background-size:100% auto; margin-top:1.25em;}
.g-ys h3 span{display:inline-block; float:left; padding-left:6%; font-size:2.33em; font-weight:bold; color:#236dcb;}
.g-ys h3 em{ display:inline-block; font-size:0.92em; color:#236dcb;}
.g-ys h3 em i{ text-transform:uppercase; font-family: arial, helvetica, sans-serif; font-size:0.77em;}
.g-ys h3 b{ display:inline-block;background:#1b63bd; color:#fff; font-size:1em; font-weight:bold; padding:0.2em 0.8em;}
.ys{ width:89.94375%; margin:0.92em auto 0;}
.ys .sclwrap_box ,.ys .m-box{ height:23.3em;overflow:hidden;}
.g-ys .m-cnt{ font-size:1em; height:0.708em; overflow:hidden; margin:1.083em 0 0 32%;}
.g-ys .m-cnt li{ width:0.7083em; height:0.7083em; border-radius:0.7083em; float:left; margin-left:4%; background:#236dcb;}
.g-ys .m-cnt li.z-on{ background:#ff8833;}
.g-ys .con{float:left; width:100%;}
.g-ys .con dl{ width:99%; border:1px solid #236dcb; box-sizing:border-box;}
.g-ys .con dt{ width:94.26%; margin:0.92em auto 0;}
.g-ys .con dd{width:94.26%; margin:0 auto 1.5em;}
.g-ys .con dt img{ display:block; width:100%;}
.g-ys .con dd h4{ font-size:1.25em; font-weight:bold; color:#333; padding:0.3em 0;}
.g-ys .con dd p{ color:#333; font-size:0.92em; line-height:1.9em;}

.g-wit h3{ padding:1.7em 0 0.4em 0; font-size:1.16em; font-weight:bold; text-align:center; color:#236dcb; background:url(/uploads/image/mi/wit_line.gif) no-repeat center bottom; background-size:100% auto;}
.g-wit h3 em{ display:block; font-size:0.8em; text-transform:uppercase; font-size:0.92em; font-weight:normal; color:#999;}
.wit{ position:relative; margin-top:2em;}
.wit .sclwrap_box ,.wit .m-box{ height:9em;overflow:hidden;}
.wit .nowarp{ width:83.59375%; margin:0 auto;}
.wit .prev{ width:1.33em; height:1.33em; overflow:hidden; position:absolute; top:3.583em; left:3.125%;}
.wit .next{width:1.33em; height:1.33em; overflow:hidden; position:absolute; top:3.583em; right:3.125%;}
.wit .prev img,.wit .next img{ display:block; width:100%;}
.wit .con{ float:left; width:100%;}
.wit .con dt{ width:45%; float:left;}
.wit .con dt img{ display:block; width:100%;}
.wit .con dd{ width:52.33%; float:right;}
.wit .con dd h4{ font-size:1.06em; color:#04336d;}
.wit .con dd h4 span{ display:block; color:#444444; font-size:0.95em; line-height:1.5em;}
.wit .con dd p{color:#444444; font-size:1em;height:5em;overflow:hidden;}

.more{ width:28.125%; height:2.083em; border-radius:0.3em; color:#fff; font-size:1em; text-align:center; line-height:2.08em; background:#236dcb; overflow:hidden; margin:0 auto;}

.guan2{ height:8.125em; position:relative; margin-top:2.4em;}
.guan2 h3 img{ display:block; width:100%;}
.guan2 p{ font-size:0.92em; font-weight:bold; color:#fff; position:absolute; top:6.2em; left:54%; background:url(/uploads/image/mi/jt.png) no-repeat right center; background-size:0.4em 0.6em; padding-right:3%;}

.g-honor h3{ font-size:1em; text-align:center; font-weight:bold; color:#1a64c2; margin-top:1.3em; background:url(/uploads/image/mi/wit_line.gif) no-repeat center bottom; background-size:100% auto;}
.g-honor h3 em{ display:block; font-family: arial, helvetica, sans-serif; text-transform:uppercase; font-size:0.92em; padding-bottom:0.2em; font-weight:normal;}
.honor{ position:relative; margin-top:2.3em;}
.honor .sclwrap_box{ height:12.1em;overflow:hidden;}
.honor .nowarp{ width:44.84%; margin:0 auto;}
.honor .prev{ width:0.67em; height:2.625em; overflow:hidden; position:absolute; top:3.5em; left:10.125%;}
.honor .next{width:0.67em; height:2.625em; overflow:hidden; position:absolute; top:3.5em; right:10.125%;}
.honor .prev img,.honor .next img{ display:block; width:100%;}
.honor .con{ float:left; width:100%;}
.honor .con p img{ display:block; width:100%;}
.honor .con p span{color:#333; font-size:1em; text-align:center; line-height:2.5em; display:block;}

@media screen and (min-width:320px) {
	body { font-size:75%;}
	.guan1 p{top:7.5em;}
}
@media screen and (min-width:360px) {
	body { font-size:83%;}
}
@media screen and (min-width:375px) {
	body { font-size:93%;}
	.g-pro li{margin-left:1%;}
}
@media screen and (min-width:480px) {
	body { font-size:112%;}
}
@media screen and (min-width:568px) {
	body { font-size:120%;}
	.guan1 p{top:8.9em;}
	.ys .sclwrap_box ,.ys .m-box{ height:25.3em;overflow:hidden;}
}
@media screen and (min-width:639px) {
	body { font-size:150%;}
	.guan1 p{top:8.5em;}
	.ys .sclwrap_box ,.ys .m-box{ height:23.3em;overflow:hidden;}
	.g-pro li{margin-left:3%;}
}