*{ margin:0; padding:0;}
body{ margin:0px; padding:0px; margin:0 auto;font: 12px/1.5 tahoma,arial,宋体; }

/*Fix Float*/
.clearfix:after {content: "."; display: block;height: 0;clear: both;visibility: hidden;} 
.clearfix { display: inline-block;}
.clearfix {
    display: block;
}
img {
    border: 0;
    vertical-align: middle;
}
i {
    font-style: normal;
}
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;}
ul,ol,li{ list-style-type:none;}
.f-l{ float:left;}
.f-r{ float:right;}
/*	边距		*/
.m-t-5{ margin-top:5px;}
.m-t-10{ margin-top:10px;}
.m-t-23{ margin-top:23px;}
.m-t-27{ margin-top:27px;}
.m-t-55{ margin-top:55px;}
.m-l-10{ margin-left:10px;}
.m-l-15{ margin-left:15px;}


a {
    color: #2d374b;
    text-decoration: none;
}
.mask-layer {
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    z-index: 999;
    top: 0;
    left: 0;
    position: fixed;
    _position: absolute;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
.pop-box3 {
    width: 800px;
    height: 456px;
    margin: auto;
    position: absolute;
    left: 50%;
    margin-left: -400px;
    top: 0;
    z-index: 9999;
    margin-top: 230px;
}
.pop-box4 {
    width: 800px;
    height: 456px;
    margin: auto;
    display: block;
}
.icon-close-ewm {
    background: url(../images/login/icon-close.png) no-repeat;
    display: block;
    width: 22px;
    height: 22px;
    cursor: pointer;
    position: absolute;
    top: 262px;
    right: -25px;
}
.icon-close-ewm:hover {
    width: 22px;
    height: 22px;
    background: url(../images/login/icon-close.png) 0 -22px;
    display: block;
    cursor: pointer;
}
.hd_height {
    height: 125px !important;
}
.header-choose {
    border-bottom: 2px solid #008cce;
    background: #ffffff;
}
.type_area {
    width: 1200px;
    margin: 0 auto;
}
.header_main {
    height: 150px;
}
.header_main .logo {
    float: left;
    width: 135px;
    height: 65px;
    margin-top: 28px;
    background: url(../images/logo.png) no-repeat;
    background-size: 100% 65px;
}
.header_title a {
    display: block;
    width: 230px;
    height: 65px;
    overflow: hidden;
}
.header_title a h1 {
    line-height: 999px;
    overflow: hidden;
}
.header_main > h2 {
    float: left;
    height: 65px;
    line-height: 65px;
    color: #333;
    margin-top: 42px;
    font-weight: normal;
    font-size: 24px;
    padding-left: 41px;
    font-family: "微软雅黑";
}
.headerMsg {
    margin: 0 auto;
    width: 1200px;
    font-size: 20px;
    text-align: center;
    color: #1E6FDC;
}
.type_area {
    width: 1200px;
    margin: 0 auto;
}
.role_item {
    margin-top: 140px;
    margin-bottom: 240px;
}
.role_item li {
    float: left;
    padding-right: 11px;
}
.role_item .item {
    width: 285px;
    height: 338px;
}
.role_item .icon1 {
    background: url(../images/login/img1.png) no-repeat;
    background-repeat: no-repeat;
    float: left;
}
.role_item .item p {
    width: 200px;
    font-size: 14px;
    line-height: 26px;
    color: #666666;
    text-align: center;
    font-family: "微软雅黑";
    padding-left: 54px;
    margin-top: 155px;
}
.role_item a {
    text-decoration: none;
}
.role_item .btn {
    width: 172px;
    height: 52px;
    line-height: 42px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    font-family: "微软雅黑";
    display: inline-block;
    margin-top: 34px;
    margin-left: 64px;
}
.role_item .btn1 {
    background: url(../images/login/btn01.png) no-repeat;
    background-repeat: no-repeat;
}
.role_item .icon2 {
    background: url(../images/login/img2.png) no-repeat;
    background-repeat: no-repeat;
    float: left;
}
.role_item .btn2 {
    background: url(../images/login/btn02.png) no-repeat;
    background-repeat: no-repeat;
}
.role_item .icon3 {
    background: url(../images/login/img3.png) no-repeat;
    background-repeat: no-repeat;
    float: left;
}
.role_item .btn3 {
    background: url(../images/login/btn03.png) no-repeat;
    background-repeat: no-repeat;
}
.role_item li:last-child {
    padding-right: 0;
}
.role_item .icon4 {
    background: url(../images/login/img4.png) no-repeat;
    background-repeat: no-repeat;
    float: left;
}
.role_item .btn4 {
    background: url(../images/login/btn04.png) no-repeat;
    background-repeat: no-repeat;
}
.footer {
    margin: 30px auto 10px;
    border-top: 1px #444 solid;
    padding: 20px 0;
    text-align: center;
}
.footer {
    margin-top: 140px;
}
.footer div {
    margin-bottom: 10px;
    color: #888;
}
.footer div a, #footer div a:visited {
    padding: 0 15px;
    color: #888888;
}
.footer p {
    color: #999;
}
.footer p a, .footer p a:visited {
    margin: 0 15px;
    color: #666;
    text-decoration: none;
}
.footer div a:hover{
    color:#1E6FDC;
    text-decoration:underline;
}
.footer p a:hover{
    color:#1E6FDC;
    text-decoration:underline;
}