html { overflow: hidden; width: 100%; height: 100%; }
body { width: 100%; height: 100%; }
.content { width: 100%; height: 100%; }
.panel { width: 100%; height: 100%; position: relative; overflow: hidden; }
.methods {  background-size: cover; }
.foot { width: 100%; height: 400px; }

/*é¡µå¤´å®šä½*/
.header { position: absolute; left: 0; top: 0; }

/*banner*/
.flexslider{ width: 100%; height: 100%; position:relative; overflow:hidden; }
.flex-viewport,.flexslider .slides,.flexslider .slides li,.flexslider .slides li a { width: 100%; height: 100%; }
.flexslider .slides { overflow: hidden; }
.flexslider .slides li a { display: block; }



.flex-control-paging { width: 100%; height: 10px; position: absolute; left: 0; bottom: 20px; text-align: center; }
.flex-control-paging li { display: inline-block; *display: inline; *zoom: 1; margin: 0 8px; width: 10px; height: 10px; cursor: pointer; }
.flex-control-paging li a { display: block; line-height: 6em; width: 6px; height: 6px; border: 2px solid #fff; opacity: 0.5; filter: alpha(opacity=50); overflow: hidden; }
.flex-control-paging li a.flex-active { width: 10px; height: 10px; border: none; background-color: #fff; opacity: 1; filter: alpha(opacity=100); }

/*banner*/

