@media screen and (max-width: 640px) {
body { width: 100%; min-width: 100%; height: auto; }
.header { height: 8em; position: relative; }
.inner { width: 100%; position: relative; }
.header .header-nav span { display: none; }
.header-l { width: 100%; margin:0.5rem; }
.header-nav { width: 100%; display: block; height: 2em !important; line-height: 2em !important; }
.header-nav li { width: 25%; height: 2rem; line-height: 2rem; box-sizing: border-box; border: 1px #e1e0e0 solid; background-color: rgba(219, 219, 219, 0.39); }
h1.logo { font-size: 2em; }
.home .r2 { padding: 0.1em 0; }
.introduction { padding: 2%; width: 100%; }
.home .r2 .introduction .pic { width: 80%; height: 100%; margin: auto 10%; }
.home .r2 .introduction .text { margin: auto 5%; padding: 0px; width: 90%; }
.home .r2 .introduction .text .title { }
.home .r2 .news { width: 90%; margin: auto 5%; }
.footer .ft-nav ul { width: 33%; padding: 10px 0; height: auto; }
.footer .ft-contact { padding: 5%; width: 90%; }
.footer .ft-nav .inner { height: auto; }
.common .main .hd .bname { padding-top: 0px; font-size: 1em; }
.common .main .hd .classname { font-size: 1em; line-height: 1em; }
.common .main .hd .line { margin: 5px auto; }
.common .main .hd { height: auto; }
.mzb{ font-size:14px;}
.common .main .bd { padding: 10px; }
.introduction.fl{ width:96%;} 
}