/*头部*/
header a.logo{ position:absolute; left:0; right:0;top:0; bottom:0; margin:auto; text-align:center; display:inline-block; max-height:100%; max-width:70%; vertical-align:middle;}
header a.logo img{max-width:100%; max-height:100%; vertical-align:middle;}


/*banner*/
.scroll{ min-width:320px; max-width:640px; margin:auto; line-height:0;}
.scroll_box{ overflow:hidden; visibility:hidden; position:relative;}
.scroll_wrap{ overflow:hidden; position:relative; }
.scroll_wrap li { width:100%; display:block; float:left; position:relative; }
.scroll_wrap li a{ display:block; margin:0 auto; position:relative;}


/*icol1*/
.icol1 { display:block; max-width:640px; padding-top:0.5rem; margin:0 auto 0.5rem auto; background:#f9e7c8;}
.icol1 li { width:33.3%; display:block; float:left; }
.icol1 li a {  width:94%; display:block; margin:auto;  }
.icol1 li a img { width:100%; }

/*icol2*/
.icol2 { max-width:640px; margin:0.8rem auto;}
.icol2 .ic2ttl { width:100%; background:url(../images/ic2tbg.png) center repeat-x; }
.icol2 .ic2ttl span { width:30%; text-align:center; display:block; margin:auto; padding:0.4rem 0rem; background:#ea5493; border:#ea5493 1px solid; font-size:1.6rem; color:#fff; border-radius:2em;}
.icol2 ul { margin-top:1.5rem; }
.icol2 li { width:50%; display:block; float:left; margin-bottom:1.5rem; }
.icol2 li a { width:92%; display:inline-block; height:0; padding-bottom:69%; overflow:hidden; line-height:0; margin:0 4%; text-align:center;}
.icol2 li a img { max-width:100%; height:auto;}
.icol2 li span { width:92%; margin:0 4%; display:inline-block; text-align:center; line-height:2rem; font-size:1.4rem; color:#a0a0a0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }