body, p, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, div { margin: 0; padding: 0; list-style: none; vertical-align: bottom; font-family: "΢ÈíÑźÚ"; }
img, input, select { vertical-align: middle; margin: 0; padding: 0; border: 0 }
ol, ul, li { list-style: none; margin: 0; padding: 0; *text-indent:0rem
}
a { color: #666; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a, area { blr:expression(this.onFocus=this.blur());
}
body { background: #eceff1;/*f0eaea*/ }
body { max-width: 32rem; margin: 0 auto;  font-family: "΢ÈíÑźÚ" }
.con { margin: 1% auto; }
.con p { padding: 0.25rem 1.5rem; font-size: 0.7rem; font-family: "΢ÈíÑźÚ"; line-height: 1.2rem; }
.con ul { width: 100%; }
.con ul li { width: 46.8%; background: #efeeee; padding: 1%; float: left; margin: 0 0.5%; }
.con ul li span { font-size: 0.9rem; line-height: 1.2rem; font-weight: bold; padding: 2% 0; display: inline-block; text-align: center; width: 100%; }
.con ul li p { font-size: 0.7rem; font-family: "΢ÈíÑźÚ"; line-height: 1.2rem; width: 100%; padding: 1%; text-align: center }
.center { text-align: center; margin: 1% auto; }
.content { width: 61.8%; margin: 1% auto; text-align: center; }
.content span { font-size: 0.9rem; line-height: 1.2rem; font-weight: bold; padding: 2% 0; display: inline-block; text-align: center; width: 100%; }
.content p { font-size: 0.7rem; font-family: "΢ÈíÑźÚ"; line-height: 1.2rem; width: 100%; padding: 1%; }
.block { width: 48.9%; margin: 0.5% auto; }
.block h2 { font-size: 1.2rem; }
.wz_con { padding: 0rem 1.2rem 1.5rem 1.2rem; font-size: 1.45rem; color: #666; line-height: 2.5rem; overflow: hidden; zoom: 1; background:#fff; }
.wz_con p { margin-top: 1.5rem; }
.work-box { padding: 1rem 0; }
.work-slide { position: relative; height: 24rem; width: 30rem; margin: 0 auto; }
.work-slide img { width: 100%; }
.work-slide .swiper-slide img { border-radius: .4rem;
}
.gallery-thumbs .swiper-slide { width: 25%; opacity: 0.8; }
.gallery-thumbs .swiper-slide-active { opacity: 1; }
.blank24 { height: 1.2rem; font-size: 0; line-height: 0; clear: both; overflow: hidden; }
.thumbs-slide { position: relative; width: 100%; height: auto; }
.gallery-thumbs { width: 23rem; margin: 0 auto; }
.thumbs-slide .slide-btn { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 2rem; }
.thumbs-slide .swiper-button-next { left: auto; right: 0; }


html { font-size: 10px; font-size: calc(100vw / 32); }
@media all and (max-width: 320px) {
html { font-size: 10px; }
}
@media all and (min-width: 640px) {
html { font-size: 20px; }
}