@charset "gb2312";
ul,li{
    list-style: none;
}
a{
    text-decoration: none;
}
.SideMenu{
    width: 80px;
    height: auto;
    position: fixed;
    right: 200px;
    top: 534px;
}
.SideMenu ul li{
    width: 80px;
    height: 40px;
    margin-bottom: 8px;
    border-radius: 14px;
    background-color: #f0f0f0;
    text-align: center;
    line-height: 40px;
    position: relative;

}
.SideMenu ul li span{
    display: block;
    width: 0px;
}
.SideMenu ul li a {
    font-size: 14px;
    position: absolute;
    width: 80px;
    height: 40px;
    left: 0;
    top: 0;
    color: #1f1f1f;
    z-index: 5;
    -webkit-transition: color .4s linear;
    transition: color .3s linear;
    -webkit-transition: color .4s linear;
    -moz-transition: color .4s linear;
    -o-transition: color .4s linear;

}
.SideMenu ul li:hover span{
    display: block;
    width: 80px;
    height: 40px;
    position: absolute;
    border-radius: 14px;
    background-color: #da393d;
    left: 0;
    top: 0;
    z-index: 1;
    background-position: 0 -53px;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;

}
.SideMenu ul li:hover a{
    color: #ffffff;
}
.SideMenu ul li.Totop{
    border-bottom-left-radius: initial;
    border-bottom-right-radius: initial;
}
.SideMenu ul .Totop:hover span{
    border-bottom-left-radius: initial;
    border-bottom-right-radius: initial;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
}
.SideMenu ul li.Totop a{
    font-size: 0;
}
.SideMenu ul .Totop:hover a{
    font-size: 14px;
}
.SideMenu ul li.Totop i{
    display: inline-block;
    margin: 18px 0px 13px 0px;
    border-right: 2px solid #da393d;
    border-bottom: 2px solid #da393d;
    width: 15px;
    height: 15px;
    transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
}
.SideMenu ul .Totop:hover i{
    display: none;
}
.SideMenu ul li.SideFirst{
   border-top-left-radius: initial;
    border-top-right-radius: initial;
}
.SideMenu ul .SideFirst:hover span{
    border-top-left-radius: initial;
    border-top-right-radius: initial;
}
.SideMenu ul li.current span{
    display: block;
    width: 80px;
    height: 40px;
    position: absolute;
    border-radius: 14px;
    background-color: #da393d;
    left: 0;
    top: 0;
    z-index: 1;
    background-position: 0 -53px;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;

}
.SideMenu ul li.current a{
    color: #ffffff;
}
.SideMenu ul li.current:first-child span{
    border-top-left-radius: initial;
    border-top-right-radius: initial;

}
.SideUs{
    cursor: pointer;
}
.SideUs:hover i{
    width: 79px;
    height: 79px;
    background: url("../images/v18_10_img/SideEwm_03.jpg") no-repeat;
    position: absolute;
    border: solid 6px #da393d;
    left: 88px;
    bottom: 0;
    z-index: 9999;
    background-color: #ffffff;
}
.SideMenu ul .SideUs:hover span{
    width: 88px;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    border-bottom-right-radius: initial;
    border-top-right-radius: initial;
}
.SideMenu ul .SideUs:hover a{
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}
@media only screen and (max-width:1700px ) {
.SideMenu{
    right: 0;
top: 384px;

}
}
@media only screen and (max-width:1500px ) {

 .SideMenu ul{
   display:none;}
}