html,body
{width:100%; height:100%; margin:0 auto; padding:0; background-color:#ececec; color:#4b4b4b; font-family:"Microsoft YaHei","Hiragino Sans GB","Hiragino Sans GB W3",sans-serif,"Helvetica Neue",Helvetica,Arial;  position:relative; }

html,body
{background:url("../images/index_bg.jpg") no-repeat center center; background-size:cover;}

.logo_grid
{width:100%; height:100%; position:relative; -webkit-transform-origin:0 50%; -moz-transform-origin:0 50%; -ms-transform-origin:0 50%; -o-transform-origin:0 50%; transform-origin:0 50%;}
.logo_grid .logo
{display:block; width:6.25rem; height:12.5rem; position:absolute; top:50%; margin-top:-6.25rem; background:url("../images/index_logo.png") no-repeat center center; background-size:cover;  -webkit-border-radius:0 25.0rem 25.0rem 0; -moz-border-radius:0 25.0rem 25.0rem 0; border-radius:0 25.0rem 25.0rem 0;}

.index_menu
{display:block; width:4.75rem; height:4.75rem; text-align:center; background:url("../images/menu_bg.png") no-repeat center center; background-size:100%; position:absolute; top:50%; margin-top:-2.375rem;}
.index_menu1
{-webkit-transform:translate(2.0rem,-8.95rem); transform:translate(2.0rem,-8.95rem);}
.index_menu2
{-webkit-transform:translate(5.9rem,-5.05rem); transform:translate(5.9rem,-5.05rem);}
.index_menu3
{-webkit-transform:translate(7.7rem,0); transform:translate(7.7rem,0);}
.index_menu4
{-webkit-transform:translate(5.9rem,5.05rem); transform:translate(5.9rem,5.05rem);}
.index_menu5
{-webkit-transform:translate(2.0rem,8.95rem); transform:translate(2.0rem,8.95rem);}

.index_menu img
{position:absolute; top:0; left:0; width:100%; height:100%;}
.index_menu span
{font-size:0.6rem; color:white; position:relative; top:2.8rem;}