@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%;position: relative;height: 6em;}
.header-nav {width: 100%;display: block;height: 2em !important;line-height: 2em !important;}
.header .header-nav a {width: 22%;height: 1em;line-height: 1em;border: 1px #ccc solid;background-color: rgba(204, 204, 204, 0.39);padding: 1%;font-size: 14px;}
h1.logo { font-size: 1.8em; }
.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;}
.common .main .bd{padding: 10px;}
}