body,div,ul,li,a,img{margin: 0;padding: 0;}
ul,li{list-style: none;}
a{text-decoration: none;}.bottomfont

                         .wrapper{position: absolute;margin: 0;width: 100%;top:80px;bottom:0;}
.banner{width: 100%;height: 100%;overflow: hidden;}
.imgList{width:100%;height:100%;z-index: 10;}
/*.imgList img{width:100%;height:auto;}*/
.imgList li{display: none;}
.imgList .imgOn{display: inline;}

.bg{position: absolute;bottom: 0;width: 400px;height: 40px;z-index:20;opacity: 0.4;filter:alpha(opacity=40);background: black;}
.infoList{position: absolute;left: 10px;bottom: 10px;z-index: 30;}
.infoList li{display: none;}
.indexList{position: absolute;right: 10px;bottom: 5px;z-index: 30;}

body{
    margin:0;padding:0;font-family: "arial, helvetica, sans-serif";color:#333;font-size:14px;
}
.head{
    width:100%;
    height:80px;
    background:#ffffff;
    position: absolute;
    top:0;
}
.content{
    width:100%;
    position:absolute;
    top:0;
    bottom:0;
    overflow: hidden;
}
.logo{
    height:50%;
    margin:1.5% 2%;
    float:left;
}
.RightCon{
    float:right;
    margin-right:-8%;
    height:100%;
}

.BorderStyle{
    height:35%;
    margin-right:1% ;
    top:34%;
    position: relative;
    border:none;
}
.Con{
    width:50%;
    height:80%;
    left:25%;
    position:absolute;
    top:18%;
}
.foot{
    height:80px;
    width:100%;
    line-height:80px;
    color:#fff;
    font-size:13px;
    position:absolute;
    bottom:0;
    text-align:center;
}
.Form{
    width:370px;
    height:450px;
    /*opacity: 0.7;*/
    position:absolute;
    right:-7%;
    top:0%;
    /*float:right;*/
    background:#fff;
}
.login{
    border-bottom:2px solid #c91432;
}
.btn{
    width:50%;
    text-align:center;
    height:50px;
    line-height:50px;
    float:left;
}

.logincon{
    width:70%;
    height:30%;
    margin-left: 15%;
    margin-top:25%;
}
.title{

    text-align:center;
    margin-top:-20%;
    color:red;
    margin-bottom:9%;
}
.inputstyle{
    border:1px solid #bdbdbd;
    width:100%;
    height:40px;
    line-height: 40px;
    margin:0 0 8px 0;
    overflow: hidden;
    font-size: 12px;
    text-indent: 20px;
}
.inputstyle img{
    height:100%;
    float:right;
}
.loginbtn{
    font-size:14px;
    color:#ffffff;
    border:none;
    background:#ff7800;
    text-align:center;
    cursor:pointer;
}
input:focus { outline: none; }
.topfont{
    top:10%;font-size: 2em;
}
.bottomfont{
    font-size: 3em;
}
.remark{
    color:#fff;
}
.RightCon{
    margin-right:-6%;
}
/*.impowerBox .title{*/
/*display:none !important;*/
/*}*/
.main-title{
    font-size:24px;
    color:#3d3d3d;
    text-align:center;
    line-height:30px;
}
.main-code{
    margin-top:10px;
    text-align:center;
}
.main-code img{
    width:18px;
    position:relative;
    top:4px;
}
.leftnum{
    margin-left:-10%;
}
@media screen and (max-width: 1440px) {
    .Form{
        margin-right:-15%;
    }
    .Con{
        top:19%;
    }

    .leftnum{
        margin-left:-15%;
    }
}
@media screen and (max-width: 1024px) {
    .content{
        width:1024px;
        position:absolute;
        overflow-x: scroll;
        top:0;
        height:768px;
        overflow:scroll;
    }
    /*.topfont{*/
    /*font-size: 15px;*/
    /*}*/
    /*.bottomfont{*/
    /*font-size: 30px;*/
    /*}*/
    .RightCon{
        float:right;
        margin-right:-11%;
        height:100%;
    }

}
.mask{
    position:absolute;
    width:51%;
    height:190px;
    left:25%;
    top:26%;
    /*background: rgba(0,0,0,0.8);*/
    background: rgba(0,0,0,0.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8000000,endColorstr=#c8000000);
}