body{ background:#fff;}

.ban .m-box li img{ width:100%; display:block;}

nav{background:#0399f6; height:5.5rem; position:relative;}
nav:before{ content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background:#027bc6;}
nav a{ display:inline-block; height:2.75rem; width:33.33%; float:left; position:relative; text-align:center; color:#fff; font-size:1rem; line-height:2.75rem;}
nav a:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#027bc6;}
nav a:nth-child(3n):before{ background:none;}

.g-par{ margin-top:1.7rem;}
.par{ margin-top:0.8rem; position:relative;}
.par .prev{ width:0.79rem; height:1.42rem; overflow:hidden; position:absolute; top:1.67rem; left:5%;}
.par .next{ width:0.79rem; height:1.42rem; overflow:hidden; position:absolute; top:1.67rem; right:5%;}
.par .prev img,.par .next img{ display:block; width:100%;}
.par .nowarp{ width:75%; margin:0 auto;}
.par .con{ float:left; width:100%;}
.par .con li{ width:46.67%;}
.par .con li img{ border:0.125rem solid #e6e6e6; display:block; width:100%; box-sizing:border-box;}
.par .con li em{ display:block; text-align:center; height:2.33rem; line-height:2.33rem; color:#353535; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:1rem;}
.par .con a:nth-child(2n-1) li{ float:left;}
.par .con a:nth-child(2n) li{ float:right;}

.tit1{ width:90.625%; margin:0 auto; text-align:center; font-size:1.08rem; color:#292129;}
.tit1 img{ width:100%;}

.g-oem{ background:url(/mobile/Images/Index/bg.gif); background-size:1.33rem 1.33rem; margin-top:1.5rem; padding:2rem 0 0.7rem 0;}
.g-oem h5{width:90.625%; margin:0 auto; text-align:center; font-size:0.92rem; color:#292129;}
.g-oem p{ width:90.78125%; height:2.25rem; font-size:1rem; color:#4d4d4d; font-weight:bold; margin:0.875rem auto 0; background:url(/mobile/Images/Index/oem_bg.png) no-repeat center top; background-size:100% auto; line-height:2.25rem;}
.g-oem p em{ display:inline-block; float:left; width:1.42rem; height:1.42rem; margin:0.42rem 1.16rem 0 1.7%;}
.g-oem p img{ display:block; width:100%;}

.g-cus{ margin-top:1.5rem;}
.cus{ margin-top:1rem;}
.cus .m-cnt{ height:10.83rem; overflow:hidden;}
.cus .m-cnt li{ width:6.3rem; height:2.29rem; background:#f1f1f1 url(/mobile/Images/Index/cus_icon.gif) no-repeat 0.4rem center; background-size:1.16rem 1.16rem; padding-left:2rem; font-size:1rem; line-height:2.29rem; float:left; color:#323232; margin:0 0 0.875rem 1.5%;}
.cus .m-cnt li a{ color:#323232;}
.cus .m-cnt li:last-child{ background:#f1f1f1; width:8.3rem; text-align:center; padding:0;}
.cus .con{ float:left; width:100%;}
.cus .con ul{ width:90.625%; margin:0 auto;}
.cus .con li{ width:45.517%; margin-bottom:0.75rem;}
.cus .con li img{ display:block; width:100%; border:1px solid #d9d9d9; box-sizing:border-box;}
.cus .con li em{ display:block; font-size:1rem; height:1.67rem; line-height:1.67rem; color:#49423f; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-bottom:0.8rem; background:url(/mobile/Images/Index/cus_bg.gif) no-repeat center bottom; background-size:100% auto; text-align:center;}
.cus .con a:nth-child(2n-1) li{ float:left;}
.cus .con a:nth-child(2n) li{ float:right;}

.line img{ display:block; width:100%;}

.g-pro{ margin-top:1.4rem;}
.pro{ margin-top:0.8rem; position:relative;}
.pro .prev{ width:0.79rem; height:1.42rem; overflow:hidden; position:absolute; top:6.9583rem; left:5%;}
.pro .next{ width:0.79rem; height:1.42rem; overflow:hidden; position:absolute; top:6.9583rem; right:5%;}
.pro .prev img,.pro .next img{ display:block; width:100%;}
.pro .nowarp{ width:63.125%; margin:0 auto;}
.pro .con{ float:left; width:100%;}
.pro .con p{ width:100%;}
.pro .con p img{ display:block; width:100%; border:1px solid #d9d9d9; box-sizing:border-box;}
.pro .con p em{ display:block; font-size:1rem; height:1.75rem; line-height:1.75rem; color:#49423f; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-bottom:0.8rem; background:url(/mobile/Images/Index/pro_bg.gif) no-repeat center bottom; background-size:100% auto; text-align:center;}

.guan1{ position:relative; margin-top:1rem;}
.guan1 h2 img{ display:block; width:100%;}
.guan1 p{ font-size:1rem; color:#fff; background:url(/mobile/Images/Index/guan_lx.png) no-repeat left center; background-size:1.67rem 1.42rem; position:absolute; top:5.53rem; left:10%; padding:0 0 0.5rem 8%;}
.guan1 p em{ font-size:1.08rem;}

.g-ys{ background:url(/mobile/Images/Index/bg.gif); background-size:1.33rem 1.33rem; padding:1.5rem 0 2.5rem 0;}
.g-ys .tit1 span{ color:#d6007f;}
.ys{ width:90.625%; margin:1rem auto 0;}
.ys .con{ float:left; width:100%;}
.ys .con dl{ padding:0.875rem 0 2rem 2.17rem; background:url(/mobile/Images/Index/ys_bg.gif) no-repeat left top; background-size:100% auto;}
.ys .con dt{ font-size:1.25rem; font-weight:bold; padding-bottom:0.4rem; color:#048ee4;}
.ys .con dt em{ display:block; font:0.8rem Arial, Helvetica, sans-serif; color:#999; text-transform:uppercase;}
.ys .con dt i{ display:block; margin-top:0.5rem; width:89%;}
.ys .con dt img{ display:block; width:100%;}
.ys .con dd p{ font-size:1rem; color:#333; line-height:1.7083rem; background:url(/mobile/Images/Index/ys_jt.gif) no-repeat left 0.5rem; background-size:0.5rem 0.625rem; height:1.7083rem; padding-left:5%;}
.ys .m-cnt{ height:0.67rem; overflow:hidden; margin:0.4rem 0 0 30%;}
.ys .m-cnt li{ width:0.67rem; height:0.67rem; border-radius:0.67rem; float:left; background:#9f9f9f; overflow:hidden; margin-left:8%;}
.ys .m-cnt li.z-on{ background:#d6007f;}

.g-show{ margin-top:1.6rem; margin-bottom:1.8rem;}
.show{ margin-top:0.6rem;}
.show .con{ float:left; width:100%;}
.show .con p{ width:90.625%; margin:0 auto; height:14.875rem; position:relative;}
.show .con p img{ display:block; width:100%;}
.show .con p em{ display:block; text-align:center; height:2rem; line-height:2rem; color:#fff; font-size:1rem; overflow:hidden; width:100%; position:absolute; bottom:0; left:0; background:url(/mobile/Images/Index/show_alp.png); background-size:3px 3px;}
.show .m-cnt{ height:6.8rem;}
.show .m-cnt li{ width:7.42rem; height:2.25rem; border:1px solid #efefef; line-height:2.25rem; text-align:center; font-size:1rem; float:left; margin:0 0 0.92rem 3.5%;}
.show .m-cnt li.z-on{ background:#d82089; color:#fff;}
.show .m-cnt li a{ color:#333;}

.show .m-cnt li:last-child { width:7.42rem; height:2.25rem; border:1px solid #efefef; line-height:2.25rem; text-align:center; font-size:1rem; float:left; margin:0 0 0.92rem 3.5%;}
.g-show h5{ margin-top:1rem; text-align:center;}
.g-show h5 a{ background:#0399f6; display:inline-block; text-align:center; font-size:1rem; color:#fff; width:9.83rem; height:1.83rem; line-height:1.83rem; overflow:hidden;}
.g-show h5 a:last-child{ background:#d6007f;}

.g-about{ margin-top:1.6rem;}
.g-about dl{ width:90.625%; margin:1.1rem auto 0;}
.g-about dt{ background:url(/mobile/Images/Index/about_bg.gif) no-repeat center top; background-size:100% auto; padding-bottom:2.6rem;}
.g-about dt img{ display:block; width:79.8%; margin-left:11.2%;}
.g-about dd p{ color:#686565; line-height:1.34rem; font-size:1rem;}
.g-about dd em{ display:block; height:2.33rem; line-height:2.33rem; color:#666; border:1px solid #ccc; box-sizing:border-box; border-radius:0.2rem; font-size:1rem; margin-top:1rem; text-align:center;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+2,e5e5e5+100 */
background: #fbfbfb; /* Old browsers */
background: -moz-linear-gradient(top,  #fbfbfb 2%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#fbfbfb), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fbfbfb 2%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fbfbfb 2%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fbfbfb 2%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fbfbfb 2%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e5e5e5',GradientType=0 );}

.dy{ width:90.625%; margin:1.5rem auto 0;}
.dy .m-cnt{ height:2.5rem; line-height:2.5rem; border-bottom:1px solid #e6e6e6;}
.dy .m-cnt li{ width:33.33%; float:left; height:2.5rem; text-align:center; line-height:2.5rem; overflow:hidden; font-size:1.16rem; color:#828282; background:url(/mobile/Images/Index/dy_line.gif) no-repeat right center; background-size:0.375rem 0.375rem;}
.dy .m-cnt li.z-on{ font-weight:bold; color:#d6007f; border-bottom:2px solid #d6007f;}
.dy .m-cnt li:last-child{ background:none;}
.dy .con{ float:left; width:100%;}
.dy .con ul{ padding:1rem 0;}
.dy .con li{ height:1.875rem; line-height:1.875rem; color:#666; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:1rem;}
.dy .con li em{ float:right;}

@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:83%;}
}
@media screen and (min-width:375px) {
	html { font-size:88%;}
}
@media screen and (min-width:400px) {
	html { font-size:96%;}
}
@media screen and (min-width:414px) {
	html { font-size:100%;}
}
@media screen and (min-width:480px) {
	html { font-size:112%;}
}
@media screen and (min-width:568px) {
	html { font-size:120%;}
}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}