.wrap img { width: 100%; }
.banner img { display: block; }

/**/
.qs { height: 48rem; overflow: hidden; padding-top: .4rem; }
.xqs { width: 90.6%; margin: 0 auto; }
.xqs .m-cnt { width: 100%; display: inline-block; border: 1px solid #dcdcdc; border-width: 1px 1px 0; }
.xqs .m-cnt li { float: left; width: 33.33%; height: 2.75rem; border-bottom: 3px solid #009944; font-size: 1rem; color: #333333; font-weight: bold; text-align: center; line-height: 2.75rem; background: url(/mobile/images/qsx.jpg) no-repeat right center; background-size: 1px 0.8rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.xqs .m-cnt .nones { background: none; }
.xqs .m-cnt li.z-on { color: #009944; border-bottom: 3px solid #009944; }
.xqs .m-box .con { display: inline; float: left; }
.xqs dl { height: 28.1rem; }
.xqs dt { width: 100%; height: 16.58rem; margin-top: 0.5rem; overflow: hidden; }
.xqs dt img { height: 16.4rem; }
.xqs dd { margin-top: 1rem; }
.xqs dd .qsz { float: left; width: 64%; }
.xqs dd .qsz em { display: block; margin-bottom: 0.5rem; font-size: 1rem; color: #009944; font-weight: bold; }
.xqs dd .qsz span { display: block; font-size: 0.92rem; color: #666666; line-height: 1.5rem; font-weight: normal; height: 6rem; overflow: hidden; }
.xqs dd .qsz span i { color: #333333; font-style: normal; font-weight: bold; }
.xqs dd .qsy { float: right; width: 32%; margin-top: 0.5rem; }
.xqs dd .qsy a { display: block; width: 85%; height: 3.5rem; font-size: 0.92rem; color: #ffffff; line-height: 3.5rem; padding-left: 15%; margin-bottom: 0.29rem; }
.xqs dd .qsa { background: url(/mobile/images/qsk1.png) no-repeat right center #009944; background-size: 100% 3.5rem; }
.xqs dd .qsa1 { background: url(/mobile/images/qsk2.jpg) no-repeat; background-size: 100% 3.5rem; }

.product,.case{ overflow:hidden;}
.product li{ float:left; width:50%; margin:5px 0; text-align:center;}
.product li img{width:170px; height:170px;}
.product li span{ display:block; height:30px; line-height:30px; font-size:12px; overflow:hidden;}
.proList{ padding-top:5px; overflow:hidden;}
.proList li{ float:left; width:50%;}
.proList li a{ display:block; margin:1px; background:#DBDBDB; padding:0 8px; height:32px; line-height:32px; font-size:12px; overflow:hidden;}
.proList li a:hover{ color:#C10302;}

#listBut{ background-image:url(/mobile/images/but.png);cursor:pointer; background-repeat:no-repeat; background-position:98% 5px;}
#list{ display:none; margin-top:-5px;}

/**/
.fs { height: 11.88rem; background: url(/mobile/images/fsbj.jpg) no-repeat center 0; background-size: 100% 11.88rem; }
.xfs { width: 90.6%; margin: 0 auto; padding-top: 1.8rem; }
.xfs h4 { height: 2.7rem; }
.xfs h4 em { display: block; float: left; }
.xfs h4 em a { font-size: 1.16rem; color: #009944; font-weight: bold; }
.xfs h4 em a span { display: block; font-size: 0.5rem; color: #a8a9a8; font-weight: normal; text-transform: uppercase; }
.xfs h4 p { float: right; }
.xfs h4 p a { display: block; font-size: 0.92rem; color: #999999; text-transform: uppercase; margin-top: 1rem; }
.xfs ul { width: 100%; height: 4.9rem; border: 1px solid #c9c9c9; border-width: 0 1px 1px 1px; border-top: 3px solid #009944; overflow: hidden; }
.xfs li { width: 33%; float: left; border: 1px solid #c9c9c9; border-width: 0 1px 1px 0; }
.xfs li:nth-child(3n) { border-right: none; }
.xfs .nones { border-right: 0; }
.xfs li a { display: block; height: 2.46rem; font-size: 0.92rem; color: #333333; line-height: 2.46rem; text-indent: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/**/
.lr { height: 22.33rem; overflow: hidden; }
.lr h4 { font-size: 1.5rem; color: #333333; height: 3.67rem; text-align: center; padding-top: 2rem; font-weight: bold; background-size: 60.9% 3px; }
.lr h4 span { display: block; font-size: 0.5rem; color: #c0c0c0; text-transform: uppercase; font-weight: normal; line-height: 1.25rem; }
.lr ul { margin: 0 4.8%; height: 16.67rem; }
.lr li { width: 24.6%; height: 6.67rem; float: left; margin: 0 1px 1px 0; text-align: center; font-size: 1.75rem; color: #ffffff; padding-top: 0.5rem; }
.lr li span { display: block; font-size: 0.92rem; line-height: 1.33rem; margin-top: 0.2rem; }
.lr .lrl { background: url(/mobile/images/lrk.jpg) no-repeat; background-size: 100% 7.17rem; }
.lr .lrl1 { background: url(/mobile/images/lrk1.jpg) no-repeat; background-size: 100% 7.17rem; }
.lr .nones { margin: 0; }

/**/
.dz { height: auto; background: url(/mobile/images/dzbj.jpg) repeat; background-size: 100% 27.79rem; position: relative; overflow: hidden; }
.dz h4 { text-align: center; height: 9.25rem; padding-top: 2.25rem; font-size: 1.5rem; color: #333333; font-weight: bold; }
.dz h4 em { width: 22.3%; margin: 0 auto; display: block; }
.dz h4 span { color: #009944; background: url(/mobile/images/dzx.png) no-repeat center center; background-size: 80% 3px; display: block; }
.dz .m-cnt { width: 11.5%; display: inline-block; position: absolute; right: 4.5%; top: 21.2rem; z-index: 99; }
.dz .m-cnt li { width: 100%; height: 2.rem; background: url(/mobile/images/dzk.jpg) no-repeat; background-size: 100% 2.21rem; margin-bottom: 0.33rem; font-size: 1rem; color: #333333; text-align: center; line-height: 2.21rem; }
.dz .m-cnt li.z-on { background: #009944; color: #ffffff; }
.dz .m-box .con { display: inline; float: left; }
.dz .m-box .con p { width: 72.8%; height: 14rem; margin-left: 4.7%; position: relative; }
.dz .m-box .con  span { margin: 0px 1em; display: block;/* position:absolute; */ /* top: 16em; */ /* left:0px; */ /* width:40%; */ /* height:9.2rem; */ overflow: hidden; font-size: 1rem; /* padding:0.3rem; */ /* text-indent:0.5rem; */ line-height: 1.6rem; }
.dz .m-box .con  span em { display: block; font-size: 102%; color: #009944; }

/**/
.gg { height: 11.5rem; overflow: hidden; background: url(/mobile/images/ggbj.jpg) no-repeat center 0; }
.gg h4 { text-align: center; font-size: 1.1rem; color: #ffffff; margin-top: 1.1rem; }
.gg h4 em { font-style: normal; font-weight: bold; }
.gg h4 span { display: block; font-size: 0.4rem; color: #FFF; text-transform: uppercase; }
.ggd { text-align: center; background: url(/mobile/images/ggt.png) no-repeat 20% center; background-size: 3.5% 1.04rem; margin-top: 0.5rem; }
.ggd a { font-size: 0.92rem; color: #ffffff; }
.ggd a span { font-weight: bold; font-size: 1.08rem; }
.gg p { margin-top: 0.5rem; width: 79.2%; margin-left: 20.8%; }
.gg p a { display: block; float: left; font-size: 0.92rem; color: #ffffff; line-height: 2.04rem; padding-left: 13%; }
.gga { width: 24.2%; height: 2.04rem; background: url(/mobile/images/ggk.png) no-repeat; background-size: 100% 2.04rem; }
.gga1 { width: 24.2%; height: 2.04rem; background: url(/mobile/images/ggk1.png) no-repeat; background-size: 100% 2.04rem; }

/**/
.ms { height: 50rem; overflow: hidden; }
.ms h4 { height: 2.45rem; text-align: center; padding-top: 4.3rem; background: url(/mobile/images/msz.jpg) no-repeat 0 2.33rem; background-size: 100% 1.63rem; font-size: 1.33rem; color: #333333; font-weight: bold; line-height: 1.33rem; }
.ms h4 span { color: #009944; }
.ms .m-cnt { width: 90.6%; display: inline-block; padding: 0 4.7% 0.35rem; }
.ms .m-cnt li { float: left; width: 33.3%; height: 2.8rem; background: url(/mobile/images/msk1.jpg) no-repeat; background-size: 100% 2.8rem; font-size: 0.92rem; color: #ffffff; text-align: center; line-height: 2.5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ms .m-cnt li.z-on { background: url(/mobile/images/msk.jpg) no-repeat; background-size: 100% 2.8rem; font-weight: bold; }
.ms .m-box .con { display: inline; float: left; }
.ms dl { width: 90.8%; margin: 0 auto; }
.ms dt { width: 100%; height: 37.58rem; }
.ms dd { margin-top: 1rem; font-size: 0.92rem; color: #333333; font-weight: bold; }
.ms dt img { height: 37rem; }
.ms dd span { height: 5.4rem; font-weight: normal; color: #666666; margin-top: 0.5rem; line-height: 1.4rem; display: block; overflow: hidden; }

/**/
.ws { height: 24.96rem; background: url(/mobile/images/dzbj.jpg) no-repeat center 0; background-size: 100% 24.96rem; }
.ws h4 { width: 100%; height: 2.5rem; background: #009944; }
.ws h4 span { display: block; float: left; width: 28.8%; height: 2.5rem; background: #009944; font-size: 1rem; color: #ffffff; font-weight: bold; text-align: center; line-height: 2.5rem; }
.ws h4 a { display: block; float: right; font-size: 0.92rem; color: #989898; text-transform: uppercase; margin-right: 5%; line-height: 2.5rem; }
.ws dl { width: 91.3%; margin: 0.79rem auto 0; }
.ws dt { width: 100%; height: 11.5rem; }
.ws dd { margin-top: 1rem; }
.ws dt img { height: 11.5rem; }
.ws dd a { font-size: 0.92rem; color: #333333; font-weight: bold; }
.ws dd a em { display: block; font-size: 0.92rem; color: #666666; font-weight: normal; font-style: normal; line-height: 1.33rem; margin: 0.5rem 0; height: 5.1rem; overflow: hidden; }
.ws dd a span { color: #009944; margin-left: 1%; }

/**/
.ss { height: 13.67rem; overflow: hidden; position: relative; }
.ss h4 { width: 90.6%; margin: 0 auto; height: 2.71rem; padding-top: 2rem; background: url(/mobile/images/ssx.jpg) no-repeat 0 3.79rem; background-size: 100% 3px; }
.ss h4 span { display: block; float: left; font-size: 1rem; color: #009944; font-weight: bold; padding-left: 5.4%; background: url(/mobile/images/sst.jpg) no-repeat left center; background-size: 16.1% 1.08rem; }
.ss h4 a { display: block; float: right; font-size: 0.92rem; color: #999999; text-transform: uppercase; }
.ss .prev { width: 7.5%; position: absolute; top: 6.38rem; left: 4.5%; }
.ss .next { width: 7.5%; position: absolute; top: 6.38rem; right: 4.5%; }
.ss .nowarp { margin: 0 15.7%; }
.ss .m-box .con { display: inline; float: left; }
.ss .m-box .con span { display: block; float: left; width: 48.5%; height: 7.79rem; }
.ss .m-box .con span img { display: block; border: 1px solid #cccccc; }
.sss { margin-right: 2.6%; }

/**/
.dk { height: 21.71rem; overflow: hidden; background: url(/mobile/images/dzbj.jpg) no-repeat center 0; background-size: 100% 21.71rem; position: relative; }
.dk .m-cnt { width: 100%; display: inline-block; background: #009944; }
.dk .m-cnt li { float: left; width: 26.5%; height: 2.5rem; border-right: 1px solid #FFF; font-size: 1rem; color: #ffffff; text-align: center; line-height: 2.5rem; }
.dk .m-cnt li.z-on { background: #009944; font-weight: bold; }
.dka { display: block; width: 20%; position: absolute; right: 0; top: 0; height: 2.5rem; font-size: 0.92rem; color: #FFF; text-align: center; line-height: 2.5rem; text-transform: uppercase; }
.dk .m-box .con { display: inline; float: left; }
.dk dl { width: 90.9%; margin: 0.8rem auto 0; }
.dk dt { width:100%; height:7.88rem; overflow:hidden;text-align:center;}

.dk  img{ width:auto;height:7.88rem;margin:0 auto;text-align:center;}
.dk dd { margin-top: 0.5rem; }
.dk dd a { display: block; font-size: 0.85rem; color: #666666; line-height: 2rem; padding-left: 2%; background: url(/mobile/images/dkj.jpg) no-repeat left center; background-size: 0.21rem 0.21rem; }
.dk dd a span { float: left; width: 75%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.dk dd a b { float: right; width: 25%; text-align: right; }

/**/

/**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/

/**/
@media screen and (min-width:320px) {
	html { font-size: 75%; }
}
@media screen and (min-width:360px) {
	html { font-size: 87%; }
}
@media screen and (min-width:480px) {
	html { font-size: 112%; }
}
@media screen and (min-width:568px) {
	html { font-size: 131%; }
}
@media screen and (min-width:639px) {
	html { font-size: 150%; }
}