body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,select,p,th,td{margin:0;padding:0; font: 14px/1.6 "Microsoft YaHei", tahoma, arial, Hiragino Sans GB, \5b8b\4f53; color:#333;}
form{display:block; overflow:hidden;}
dl,dt,dd,ul,ol,li,img{ list-style:none; border:0;}
a{ text-decoration:none; -webkit-tap-highlight-color:transparent;}
input,textarea,select{ outline-style:none; }
a:link,a:hover, a:visited {text-decoration: none;}
a:focus{ outline:none;}

#head{ width:100%; height:100px; overflow:hidden; position:relative;}
.m-box{ width:80%; margin:0 auto; overflow:hidden;}
.h-logo{ width:100%; margin-top:20px;}
.h-logo-img{ display:inline-block; vertical-align:middle; width:80px; overflow:hidden;}
.h-logo-img img{ width:80px;}
.h-text{ display:inline-block; vertical-align:middle; font-size:30px; color:#333; margin-left:20px;}

.m-bg{ width:100%; height:600px; background:#199ed8; overflow:hidden;}
.side-left{ width:60%; min-height:335px; float:left; margin:20px auto 0; background:url(../images/img01.png) no-repeat left bottom; padding:5% 0;}
.side-about{ width:60%; float:right; }
.side-about h5{ font-weight: normal; font-size:30px; margin-bottom:5%; color:#fff;}
.side-about p{ font-size:16px; line-height:36px; color:#fff;}
.side-right{ width:35%; float:right; margin:80px auto;}
.login-form{ width:80%; background:#fff; border-radius:3px; padding:5% 0; margin:0 auto;}
.login{ width:80%; margin:0 auto; overflow:hidden;}
.login h3{ font-weight:normal; font-size:28px; color:#333; text-align:center; margin:5% 0 10%;}
.l-list{ width:99%; height:40px; border:1px solid #ddd; margin:3% 0; border-radius:3px; float:left;}
.l-list i{ display: inline-block; vertical-align:middle; width:18px; height:22px; overflow:hidden; margin-left:10px;}
.l-list input{ display:inline-block; vertical-align:middle; width:80%; height:40px; background:none; border:0; font-size:15px; color:#333; text-indent:1em;}
.login-bottom{ width:100%; float:left; margin:5% auto 8%;}
.login-btn{ width:99%; display:block; margin:5% auto 3%; background:#56abe4; height:50px; border-radius:3px; color:#fff; font-size:16px; text-align:center; line-height:50px; border:0; cursor:pointer; clear:both;}
.login-btn:hover{ background:#199ed8;}

.foot{ width:100%; overflow:hidden; margin:3% auto 0; text-align:center; font-size:14px; color:#656565;}
.list-agr {
    clear: both;
}
.list-agr input {
    float: left;
    margin: 4px 5px 0 0;
}
.list-agr a {
    float: right;
    color: #00f;
}
.wrap {
    padding: 0 5%;
}
.wrap h1 {
    margin-bottom: 20px;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}
.wrap p {
    font-size: 16px;
    line-height: 26px;
    text-indent: 2em;
}
@media screen and (max-width:1280px){

.m-box{ width:90%; margin:0 auto; overflow:hidden;}
}