.title{
    height: 74px;
    width: 670px;
    padding: 24px 40px 21px 40px;
    /*animation:xbackground infinite 5s;*/
    /*-moz-animation: xbackground infinite 5s;	!* Firefox *!*/
    /*-webkit-animation: xbackground infinite 5s;	!* Safari 和 Chrome *!*/
    /*-o-animation: xbackground infinite 5s;*/
    position: fixed;
    z-index:100;
    top:0px;
}

.title>a>img{
    height: 74px;
}

.title>div{
    float: right;
}

.title>div{
    float: right;
    position: relative;
    top: 0px; left: 0px;
    height: 35px;
    margin-top: 20px;
}

.menu_button .bar:nth-of-type(1) {
    margin-top: 0px;
}
.menu_button .bar:nth-of-type(3) {
    margin-bottom: 0px;
}

.bar {
    position: relative;
    display: block;
    width: 50px;
    height: 5px;
    margin: 10px auto;
    background-color: #fff;
    border-radius: 10px;
    -webkit-transition: .3s;
    transition: .3s;
}

.cross:hover .bar:nth-of-type(1) {
    -webkit-transform: translateY(15px) rotate(-40.5deg);
    -ms-transform: translateY(15px) rotate(-40.5deg);
    transform: translateY(15px) rotate(-40.5deg);
}
.cross:hover .bar:nth-of-type(2) {
    opacity: 0;
}
.cross:hover .bar:nth-of-type(3) {
    -webkit-transform: translateY(-15px) rotate(40.5deg);
    -ms-transform: translateY(-15px) rotate(40.5deg);
    transform: translateY(-15px) rotate(40.5deg);
}

.navigation{
    display: none;
    position: fixed;
    top: 120px;
    left: 0px;
    right: 0px;
    margin: auto;
    background: #fff;
    width: 750px;
    height: 100%;
    overflow-y: scroll;
    z-index: 999999999999999;

}

.navigation1_div{
    border-bottom: 1px solid #f0f2f5;
}

.navigation1_div_top{
    height: 100px;
}
.menu-button .bar:nth-of-type(1) {
    margin-top: 0px;
}
.menu-button .bar:nth-of-type(3) {
    margin-bottom: 0px;
}
.navigation1_div_top>div{
    width: 50%;
    float: left;
    height: 100px;
}

.navigation1_div_top>div>img{
    float: right;
    margin-top: 35px;
    margin-right: 30px;
    width: 35px;
}

.navigation1_div_top>div>a{
    color: #3F464F;
    font-size: 31px;
    line-height: 100px;
    padding-left: 35px;
    height: 100px;
    display: block;
}

.navigation1_div_bottom{
    background: #fff;
    display: none;
}

.navigation1_div_bottom_div{
    width: 680px;
    padding-left: 70px;
    font-size: 30px;
    line-height: 100px;
    border-bottom: 1px solid #f0f2f5;
}

.navigation1_div_bottom_div>a{
    color: #3F464F;
    display: block;
}

@-webkit-keyframes xbackground /* Safari 和 Chrome */
{
    0%   {background: #2F5DF5;}
    60%  {background: #06BBAA;}
    100% {background: #2F5DF5;}
}

@keyframes myfirst
{
    0%   {background: #2F5DF5;}
    60%  {background: #06BBAA;}
    100% {background: #2F5DF5;}
}

@-moz-keyframes myfirst /* Firefox */
{
    0%   {background: #2F5DF5;}
    60%  {background: #06BBAA;}
    100% {background: #2F5DF5;}
}

@-o-keyframes myfirst /* Opera */
{
    0%   {background: #2F5DF5;}
    60%  {background: #06BBAA;}
    100% {background: #2F5DF5;}
}