@CHARSET "UTF-8";
html{font-size: 62.5%;/* 10/16 * 100% html默认大小为16px 1.6rem=16px */}
body{margin:0 auto;padding:0;font-family:Arial,"微软雅黑",'Helvetica Neue',Helvetica,Arial,sans-serif;background-color:white;}
*{outline:none;}
p{padding:0px;margin:0px;}
input[type=button],input[type=submit],input[type=text]{-webkit-appearance:none;}

.ake_website_width{margin:0 auto;width:1200px;/*max-width:1200px;min-width:800px;*/}

#menu-container{border-bottom:1px solid #e6e6e6;position:fixed;top:0px;width:100%;height:50px;background:white;z-index:99}
#menu-container #menu-view{height:100%}
#menu-container #menu-view ul{margin:0px;padding:0px;list-style-type:none;float:right;}
#menu-container #menu-view ul li{float:left;width:120px;height:50px;}
#menu-container #menu-view ul li a{text-decoration:none;color:black;display:block;width:100%;height:100%;
  font-size:1.5rem;text-align:center;line-height:50px;}
#menu-container #menu-view ul li a.selected{background:#f43920;color:white}
#menu-container #menu-view ul li a:hover{
  animation-name:shake;
  animation-duration:1s;
  -webkit-animation-name:shake;
  -webkit-animation-duration:1s;
  -moz-animation-name:shake;
  -moz-animation-duration:1s;
}
#menu-container #menu-view ul li a.selected:hover{animation:none}

#menu-container #menu-view .list{margin:0px;padding:0px;display:inline-block;float:right;}
#menu-container #menu-view .list .item{float:left;width:120px;height:50px;}
#menu-container #menu-view .list .item a{text-decoration:none;color:black;display:block;width:100%;height:100%;
  font-size:1.5rem;text-align:center;line-height:50px;}
#menu-container #menu-view .list .item a.selected{background:#f43920;color:white}
#menu-container #menu-view .list .item a:hover{
  animation-name:shake;
  animation-duration:1s;
  -webkit-animation-name:shake;
  -webkit-animation-duration:1s;
  -moz-animation-name:shake;
  -moz-animation-duration:1s;
}
#menu-container #menu-view .list .item a.selected:hover{animation:none}

#menu-container #menu-view .list .item .types .expand{text-decoration:none;color:black;display:block;width:100%;height:100%;
  font-size:1.5rem;text-align:center;line-height:50px;}
#menu-container #menu-view .list .item .types{display:block}
#menu-container #menu-view .list .item .types .type{display:none}
#menu-container #menu-view .list .item .types .expand .selected{background:#f43920;color:white}
#menu-container #menu-view .list .item .types:hover .type{display: block;}
#menu-container #menu-view .list .item .types.selected:hover{display: block;}

#page-container{padding-top:50px;}

#footer-container{background-color:#f8f9fa;padding:20px;width:100%}
#footer-container span{display:block;text-align:center;}
#footer-container span#company-name{font-size:1.8rem;font-weight:bold;}
#footer-container span#company-address{font-size:1.2rem;}
#footer-container span#copyright{font-size:1.2rem;}



/*
 * css3 抖动效果
 */
@keyframes shake {
  0%, 100% {transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {transform: translateX(-5px);}
  20%, 40%, 60%, 80% {transform: translateX(5px);}
}
@-webkit-keyframes shake {
  0%, 100% {-webkit-transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-5px);}
  20%, 40%, 60%, 80% {-webkit-transform: translateX(5px);}
}
@-moz-keyframes shake {
  0%, 100% {-moz-transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-5px);}
  20%, 40%, 60%, 80% {-moz-transform: translateX(5px);}
}