@charset "utf-8";
*{padding:0; margin:0}

body{background-color: #262626}
h3{text-align: center;line-height: 60px;color: aliceblue}

.mKeBanner,.mKeBanner div{text-align:center;}
.imageflow img{ -webkit-box-shadow: 2px 2px 2px 2px hsla(0,0%,0%,0.1); box-shadow: 2px 2px 2px 2px hsla(0,0%,0%,0.1); }
.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:50%; margin:15% 0 0 10%; float: left;}
.imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic;border: 3px solid #fff}
.imageflow p{margin:0 auto; text-align:center}
.imageflow .loading{border:1px solid #ccc; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px}
.imageflow .loading_bar{background:#ccc; height:15px; visibility:visible; width:1%}
.imageflow .caption{font-weight:bold; position:relative; text-align:center; z-index:10000}
.imageflow .scrollbar{border-bottom:1px solid #b3b3b3; position:relative; visibility:hidden; z-index:10001; height:1px}
.imageflow .slider{background-image:url(../../Images/Index/slider.png); background-repeat:no-repeat; height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:10002}
.imageflow .images{overflow:hidden; white-space:nowrap}
.imageflow .button{cursor:pointer; height:17px; position:relative; width:17px}
.imageflow .previous{background:url(../../Images/Index/button_left.png) top left no-repeat; float:left; margin:-7px 0 0 -30px}
.imageflow .next{background:url(../../Images/Index/button_right.png) top left no-repeat; float:right; margin:-7px -30px 0 30px}
.login {
    position: absolute;
    height: 460px;
    width: 100%;
    background:rgba(169, 169, 169, 0.5);
    top: 30%;
}

html,body{
    width: 100%;
    height: 100%;
   
}
/*div#LoopDiv {
    height:100%;
     background: url("../images/bg.jpg")no-repeat left top;
    background-size: 100% 100%;
}*/
.ul_rf {
    width: 350px;
    background: #fff;
    position: absolute;
    right: 10%;
    height: 100%;
}
h4.title {
    margin: 50px 0 50px;
    text-align: center;
    font-size: 18px;
}
form.login-form {
    width: 90%;
    margin: auto;
}
.login-form input{
    width: 100%;
    height: 35px;
    text-align: center;
    margin-bottom: 20px;
    border: 1px solid #ddd;
}
.login-form input:first-of-type{
    background: url("../images/use.png")no-repeat left center;
    background-size: 25px 25px;
}
.login-form input:last-of-type{
    background: url("../images/pass.png")no-repeat left center;
    background-size: 25px 25px;
}
.login-form button{
    width: 100%;
    height: 40px;
    text-align: center;
    margin-top: 10px;
    background: #3F51B5;
    color: #fff;
    border: navajowhite;
}
.brown {
    position: relative;
    text-align: center;
    width: 90%;
    margin: auto;
    top: 30px;
}
ul,li{
    list-style: none;
    margin: 0;
    padding: 0;
}
.brown ul{
    display: flex;
}
.brown li{
    float: left;
    width: 33%;
    text-align: center;
    margin-top: 20px;
}
.brown li img{
    width: 40px;
}
@media (max-width: 2000px) {
    .login {

        top: 30%;
    }
}
@media (max-width: 1600px) {
    .login {

        top: 20%;
    }
}
@media all and (max-width: 1400px){


}