body{ background:#fff;} .m-nav{ height:6.583em; overflow:hidden; position:relative; border-top:1px solid #ddd;border-bottom:1px solid #ddd;} .m-nav:before{ content:""; position:absolute; top:50%; width:100%; height:1px; left:0; background:#ddd;} .m-nav li{ width:33.333%; height:3.29em; line-height:3.29em; font-size:1em; text-align:center; color:#32a129; float:left; position:relative;} .m-nav li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#ddd;} .m-nav a:nth-child(3n) li:before{ background:none;} .ban{ position:relative;} .ban .sclwrap_box ,.ban .m-box{ height:12.5em;overflow:hidden;} .ban .m-box li img{ width:100%; display:block;} .ban .m-cnt{ width:4.25em; height:0.625em; overflow:hidden; position:absolute; bottom:0.8em; left:43%;} .ban .m-cnt li{ font-size:1em; width:0.625em; height:.625em; background:url(/uploads/image/mi/dot1.png) no-repeat; background-size:100% auto; margin-right:0.33em; float:left;} .ban .m-cnt li.z-on{background:url(/uploads/image/mi/dot2.png) no-repeat; background-size:100% auto;} .g-kr{ margin-top:1.67em;} .tit1{ font-size:1em; text-align:center; font-weight:bold; background:url(/uploads/image/mi/h.gif) no-repeat center top; background-size:15.625% 2.5em; height:2.5em; line-height:2.5em; overflow:hidden;} .tit1 p{ font-size:0.95em; color:#555;} .tit1 p span{ color:#238f44;} .kr .sclwrap_box ,.kr .m-box{ height:11.2em;overflow:hidden;} .kr{ width:90.625%; margin:1.53em auto 0;} .kr .m-cnt{ height:1.67em; background:#afafaf; overflow:hidden;} .kr .m-cnt li{ width:25%; float:left; height:1.67em; font-size:1em; color:#fff; text-align:center; line-height:1.67em; overflow:hidden;} .kr .m-cnt li.z-on{ background:#32a129;} .kr2{ margin-top:1.43em;} .kr2 dt{ width:39.827%; float:left;} .kr2 dt img{ display:block; width:100%;} .kr2 dd{ width:51.724%; float:right;} .kr2 dd h4{ height:2.67em; font-size:1em; font-weight:bold; color:#32a129; line-height:2.67em;} .kr2 dd h4 span{ display:inline-block; float:right; width:37.33%;} .kr2 dd h4 img{ width:100%; display:block;} .kr2 dd p{ color:#333; line-height:1.33em;} .kr2 h5{ font-size:1em; height:0.375em; background:#afafaf; overflow:hidden; margin-top:1.25em;} .kr2 h5 a{ display:inline-block; height:0.375em; float:left; width:25%;} .kr2 h5 a.cur01{ background:#32a129;} .g-guan1{ background:url(/uploads/image/mi/guan1.jpg) no-repeat center top; background-size:100% auto; padding-bottom:5em;} .g-guan1 dl{ width:80%; padding-top:3.9583em; margin:0 auto;} .g-guan1 dt{ height:2.625em; border-bottom:1px solid #1c8b17; font-size:1em; overflow:hidden;} .g-guan1 dt em{ font-size:1.33em; font-weight:bold; color:#1c8b17;} .g-guan1 dt span{ display:inline-block; width:30.85%; height:1.67em; text-align:center; font-size:1em; float:left; color:#fff; background:#1c8b17; line-height:1.67em; margin-right:0.8em;} .g-guan1 dd{ font-size:1em; color:#333; line-height:1.5em; padding-top:0.5em;} .g-ser{ margin-top:1.2em;} .g-ser li{ width:5.33em; height:3.83em; border:0.1em solid #1c8b17; float:left; margin:1.4583em 0 0 3%; border-radius:5.33em; text-align:center; line-height:1.16em; font-weight:bold; color:#555; padding-top:1.5em;} .g-ser h4{ width:7.5em; height:2.167em; overflow:hidden; font-size:1em; text-align:center; color:#fff; background:#32a129; border-radius:0.3em; margin:1em auto 1.25em; line-height:2.167em;} .g-case h3{width:89.84%; margin:0 auto; border-top:1px solid #ccc; text-align:center; font-size:1.5em; font-weight:bold; color:#555; padding-top:0.4em;} .g-case h3 p{ font-size:0.67em; color:#1c8b15; font-weight:normal;} .case .sclwrap_box ,.case{ height:29.5em;overflow:hidden;} .case01{ width:90%; margin:2em auto 0; height:11.91em; overflow:hidden;border-bottom:1px solid #efefef;border-right:1px solid #efefef;} .case01 li{ width:6em; height:6em; overflow:hidden; float:left; border:1px solid #efefef; box-sizing:border-box; border-right:0; border-bottom:0; background:#fff; text-align:center; color:#555;} .case01 li span{ display:block; position:relative; width:49%; margin:0.8em auto;} .case01 li span img{ display:block; width:100%;} .case01 li span em{ display:none; position:absolute; top:0; left:0;} .case01 li.z-on{ background:#1c8b15; color:#fff;} .case01 li.z-on span em{ display:block;} .case02{ margin-top:2.3em; position:relative;} .case02 .prev{ width:2.125em; height:2.125em; overflow:hidden; position:absolute; top:3.375em; left:4.6%;} .case02 .next{width:2.125em; height:2.125em; overflow:hidden; position:absolute; top:3.375em; right:4.6%;} .case02 .prev img,.case02 .next img{ display:block; width:100%;} .case02 .no_ov{ width:71.72%; margin:0 auto;} .case02 .page p img{ display:block; width:100%;} .case02 .page p span{ display:block; text-align:center; color:#555; padding-top:0.5em;} .more{ width:27%; height:2em; font-size:1em; border:1px solid #eaeaea; text-align:center; line-height:2em; overflow:hidden; color:#555; margin:0 auto;} .tit2{ height:2.42em; background:#484848; overflow:hidden; font-size:1em;} .tit2 span{ display:inline-block; width:5.1%; margin:0.6em 0.6em 0 0;} .tit2 span img{ width:100%;} .tit2 em{ display:inline-block; height:2.42em; font-weight:bold;width:39%; color:#fff; text-align:center; background:#1c8b15; line-height:2.42em;} .g-pro{ width:91.4%; margin:0 auto 0;} .pro .sclwrap_box ,.pro .m-box{ height:32.5em;overflow:hidden;} .pro .m-cnt li{ width:43.58%; height:2.5em; text-align:center; border:1px solid #ccc; box-sizing:border-box; line-height:2.5em; float:left; margin:1.15em 0 0 4%; color:#555;} .pro .m-cnt li.z-on{ background:#1c8b15; border:1px solid #1c8b15; color:#fff;} .pro .con{ width:100%; float:left;} .pro .con li{ width:43.58%; float:left;margin:1em 0 0 4%; } .pro .con li img{ display:block; width:100%; height:12.67em} .pro .con li p{ text-align:center; color:#555;overflow:hidden; text-overflow:ellipsis; white-space:normal; height:1.5em; line-height:1.5em;} .guan2{ background:url(/uploads/image/mi/guan2.jpg) no-repeat center top; background-size:100% auto;} .guan2 p{ font-size:1.25em; font-weight:bold; font-style:italic; color:#555; padding:5em 0 2em 12%; background:url(/uploads/image/mi/guan3_lx.png) no-repeat 6% 5.2em; background-size:0.9em 1em;} .cl{ width:90.625%; margin:0.5em auto 0;} .cl .sclwrap_box ,.cl .m-box{ height:26.1em;overflow:hidden;} .cnt1{ height:2.91em; background:#484848; overflow:hidden; font-size:1em; line-height:2.92em;} .cnt1 li{ width:50%; height:2.91em;line-height:2.91em; float:left; color:#fff;} .cnt1 li span{ display:inline-block; width:11.7%; margin:0.2em 7% 0 13%; float:left;} .cnt1 li span img{ width:100%;} .cnt1 li.z-on{ background:#1c8b15; color:#fff;} .cl2{ margin-top:1.67em;} .cl2 dl{ background:#f7f8f8; height:7.42em; overflow:hidden;} .cl2 dt{ width:50%; position:relative; height:7.42em; position:relative;} .cl2 dt img{ display:block; width:100%;} .cl2 dt span{ display:block; width:0.54em; height:0.79em; overflow:hidden; position:absolute; top:3.2em; right:0;} .cl2 dt span img{display:block; width:100%;} .cl2 dl:nth-child(2) dt span{position:absolute; top:3.2em; left:0;} .cl2 dd{ width:48%;} .cl2 dd h4{ font-weight:bold; color:#32a129; font-size:0.8em; padding-top:1.2em;} .cl2 dd p{ font-size:0.7em; color:#555; line-height:1.8em; padding-top:0.5em;} .g-ys h3{ background:url(/uploads/image/mi/ys_h.jpg) no-repeat center top; background-size:100% auto; font-size:1.5em; color:#fff; padding:1.2em 0 3em 26%;} .g-ys h3 p{ color:#f4ef3a; font-size:0.83em;} .ys{ position:relative;} .ys .sclwrap_box ,.ys .m-box{ height:29em;overflow:hidden;} .ys .nowarp{ width:100%; float:left;} .ys .prev{ width:2.92em; height:2.92em; overflow:hidden; position:absolute; top:11.5em; left:4.6%; z-index:9;} .ys .next{width:2.92em; height:2.92em; overflow:hidden; position:absolute; top:11.5em; right:4.6%;z-index:9;} .ys .prev img,.ys .next img{ display:block; width:100%;} .ys .con{ float:left; width:100%;} .ys .con dt img{ display:block; width:100%; margin-top:1em;} .ys .con dd{ width:86.8125%; margin:0 auto;} .ys .con dd h4{ font-size:1.25em; color:#333; line-height:1.8em; height:2em; font-weight:bold;} .ys .con dd h4 em{ display:inline-block; float:left; font-size:1.09em; text-align:center; width:1.8em; height:1.8em; line-height:1.8em; font-family: arial, helvetica, sans-serif; background:url(/uploads/image/mi/ys_h.gif) no-repeat center top; background-size:100% auto; color:#fff; margin-right:5%;} .ys .con dd h4 span{ color:#32a129;} .ys .con dd p{ color:#454545; line-height:1.5em; padding:0.6em 0 0 0.5em;} .ys .con dd p span{ color:#32a129;} .g-par .tit2{ height:2.83em;} .g-par .tit2 em{ height:2.83em; line-height:2.83em; background:#1c8b15 url(/uploads/image/mi/jt.png) no-repeat 8% 0.9em; background-size:1.16em 1.16em; padding-left:3%;} .g-par .tit2 span{ margin-top:0.8em;} .par{ position:relative; margin-top:2.08em;} .par .sclwrap_box ,.par .m-box{ height:6em;overflow:hidden;} .par .nowarp{ width:82.8125%; margin:0 auto;} .par .prev{ width:0.8em; height:1.54em; overflow:hidden; position:absolute; top:1.583em; left:4.6%; z-index:9;} .par .next{width:0.8em; height:1.54em; overflow:hidden; position:absolute; top:1.583em; right:4.6%;z-index:9;} .par .prev img,.par .next img{ display:block; width:100%;} .par .con{ float:left; width:100%;} .par .con li{ width:32%; float:left; margin-right:1.9%;} .par .con li img{ display:block; width:100%; border:1px solid #e3e3e3; box-sizing:border-box;} .par .con a:nth-child(3) li{ margin-right:0;} .g-wit{ width:91.4%; margin:1em auto 0;} .g-wit h3{ height:2.5em; line-height:2.5em; overflow:hidden; font-size:1em; font-weight:bold; color:#1c8b15; padding:0 0.9em; background:#f1f1f1 url(/uploads/image/mi/wit_j.gif) no-repeat 33% top; background-size:0.8em 1.04em;} .g-wit h3 span{ display:inline-block; width:1.25em; height:1.25em; overflow:hidden; margin-top:0.6em;} .g-wit h3 span img{ display:block; width:100%;} .g-wit dl{ margin-top:1.5em;} .g-wit dt{ width:36.2%; float:left;} .g-wit dt img{ display:block; width:100%;} .g-wit dd{ width:59.8%; float:right; overflow:hidden;} .g-wit dd h4{ font-size:1.04em; color:#222; margin-top:0.3em;} .g-wit dd p{ color:#666; line-height:1.67em; margin-top:0.3em;} .g-wit dd em{ color:#238f44; display:block; padding-top:0.4em;} .g-about{ margin-top:1.6em;} .g-about .tit2{ height:3em; background:#1c8b15;} .g-about .tit2 em{ height:3em; line-height:3em; background:#1c8b15 url(/uploads/image/mi/jt.png) no-repeat 8% 0.9em; background-size:1.16em 1.16em; padding-left:1%; font-weight:normal;} .g-about .tit2 span{ margin-top:0.8em;} .g-about dt{ width:74.21875%; margin:1.98em auto 0;} .g-about dt img{ display:block; width:100%;} .g-about dd h4{ font-size:1.25em; font-weight:bold; color:#1c8b15; text-align:center; padding-top:1.3em;} .g-about dd p{ color:#666; line-height:1.5em; padding:0 3%; margin-top:0.8em; text-align:center;} .g-about dd em{ display:block; width:27.3%; font-size:1em; text-align:center; color:#555; line-height:2em; height:em; border:1px solid #eaeaea; margin:0.8em auto 0;} .honor{ margin-top:2.1em;} .honor .sclwrap_box ,.honor .m-box{ height:18.3em;overflow:hidden;} .honor .cnt1 li,.dy .cnt1 li{ font-size:1.25em; line-height:2.2em;} .honor .cnt1 li span,.dy .cnt1 li span{ display:inline-block; width:15.3%; margin:0.35em 7% 0 13%; float:left;} .honor .cnt1 li span img,.dy .cnt1 li span img{ width:100%;} .honor .con{ width:100%; float:left;} .honor .con li{ margin-top:1.33em; width:43.9%; float:left; margin-left:4%;} .honor .con li img{ border:1px solid #e3d9ca; padding:0.5em; display:block; width:100%; box-sizing:border-box;} .honor .con .more{ margin-top:1.25em;} .guan3{ background:url(/uploads/image/mi/guan3.jpg) no-repeat center top; background-size:100% auto;} .guan3 p{ font-size:1.25em; font-weight:bold; font-family: arial, helvetica, sans-serif; color:#fff; font-style:italic; background:url(/uploads/image/mi/guan_lx.png) no-repeat 55% 3em; background-size:0.8em 0.9em; padding:3em 0 2em 58%;} .dy .sclwrap_box ,.dy .m-box{ height:17.9em;overflow:hidden;} .dy .con{ width:100%; float:left;} .dy .con dl{ width:91.4%; margin:1.33em auto 0;} .dy .con dt{ width:32.8%; float:left;} .dy .con dt img{ display:block; border:1px solid #ccc; padding:1px; width:100%; box-sizing:border-box;} .dy .con dd{ width:60.125%; float:right; color:#666; line-height:1.75em;} .dy .con dd em{ display:inline-block; float:right; color:#1c8b15; font-size:0.8em;} .dy .con ul{width:91.4%; margin:0.8em auto 0;} .dy .con li{ height:2.33em; line-height:2.33em; color:#666; overflow:hidden; background:url(/uploads/image/mi/dy_jt.gif) no-repeat left 0.8em; background-size:0.375em 0.583em; padding-left:3.9%;} .dy .con li span{ float:right;} .dy .con .more{ margin-top:0.8em;} @media screen and (min-width:320px) { body { font-size:75%;} } @media screen and (min-width:360px) { body { font-size:83%;} } @media screen and (min-width:480px) { body { font-size:112%;} } @media screen and (min-width:568px) { body { font-size:120%;} .pro .sclwrap_box ,.pro .m-box{ height:34.5em;overflow:hidden;} .honor .sclwrap_box ,.honor .m-box{ height:24.3em;overflow:hidden;} .case01{ width:82%;} } @media screen and (min-width:639px) { body { font-size:150%;} .pro .sclwrap_box ,.pro .m-box{ height:32.5em;overflow:hidden;} .honor .sclwrap_box ,.honor .m-box{ height:22.3em;overflow:hidden;} .case01{ width:90%;} }