@charset "utf-8";
/* ---------- init ---------- */
html{font-size: 62.5%;background:#d8d8d8}
html,body{display:block;width:100%;min-height:100%;min-width:320px; background:#fff7b2;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;word-wrap:break-word;}
body,button,input,select,textarea{font-family:Microsoft YaHei,STXihei,STHeiti,Verdana,Arial,Helvetica,sans-serif;font-size:1rem;color:#333;}
th{text-align:inherit;}
ol,ul{list-style:none;}
fieldset,img{border:0;vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
ins,a{color:#000;text-decoration:none;}
a,img{-webkit-touch-callout:none;}

.main{
min-height:40.75rem;
max-width:26.667rem;
margin:0 auto;
background: url(../images/inbg01.jpg) top center no-repeat;background-size:100%;position: relative;}
.inlogo{
width:17.778rem;
height:8.889rem;
position:absolute;
right:4.629rem;
top:4.259rem;background:url(../images/in_logo2.png) no-repeat;background-size:100%;
}
.inlogo img,.menu_item img{width:100%;height:100%; }

.menu{width:25.556rem;height:10.223rem;overflow:hidden;position:absolute;top:27.815rem;right:0.667rem;}
.menu ul{ float:left;width:26rem;overflow:hidden;}

.menu .menu_item{ float:left;width:5.889rem;height:10.223rem; margin:0 0.592rem 0 0;}

#copy{margin:0 auto;width:100%; background:#ffea3e; padding:8px 0; text-align:center; font-size:0.8em; color:#d60b82;overflow:hidden; position:fixed; bottom:0; z-index:1;}
