﻿
/*---------------------reset----------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0;}
body, input, textarea, button, select {
    font: 14px/1.5 "微软雅黑","Microsoft Yahei","Hiragino Sans GB",Helvetica;
}
ol, ul, li { list-style:none } 
body { background:#FFF;}
:focus { outline:0 }
table { border-collapse:collapse; border-spacing:0 }
table,table td,table th{border:1px solid #edeada;border-collapse:collapse;}
address, cite, code, dfn, em, var, i { font-style:normal }
input[type=button], input[type=submit], button { cursor:pointer; outline:none;}
.input, select { vertical-align:middle }
* html .clearfix { zoom:1 }
*+html .clearfix { zoom:1 }
textarea{resize:none;}
a { text-decoration:none; color:#006cd9 }

.clearfix:after {clear: both;content: ".";display: block;height: 0;overflow: hidden;visibility: hidden;}
.pos-r{ position:relative;}
.hide{ display:none;}
/*---------------------header----------------------*/

.header{ height: 50px;margin:15px auto 0; overflow: hidden; position: relative; width: 1200px; z-index: 2; padding-bottom:25px}
.header a{ color:#396fc1;}
.headerLogo .logo {float:left; padding-top:10px; margin-right:30px; }
.headerLogo span { font-size:12px; font-weight:normal; color:#999; display:block; font-family:Arial; }
.headerNav { right: 0;text-align: right;top: 52px; width: 300px; position:absolute;}
.headerNav a{ color:#515151; font-size:12px; padding:0 2px;}
.headerNav a:hover{ text-decoration:underline; color:#658b98;}

/*---------------------banner----------------------*/
.container{width:1200px;*zoom:1;margin:0 auto; position:relative;}
.container:before, .container:after {content: " ";	display: table}
.container:after {clear:both;}

.banner{ min-width:1200px;  position:relative;  height:500px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:500px; }
.banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:299px;  }
.banner .bd li a{ height:299px; display:block;  }
.banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.banner-shadow{ height:50px; line-height:50px;}
.footer{text-align:center; font-size:12px; color:#999999;}
.login-aside{position:absolute; width:320px; height:310px; z-index:9999999; border-radius:5px;background:#FFF; right:0px; top:80px; border-radius:3px; padding:15px 0 20px;}

.login-aside .login_tit{margin-bottom:20px; border-bottom:1px solid #eee;}
.login-aside .login_tit h2{ font-size:20px; color:#333; padding-bottom:15px;padding-left:20px; font-weight:normal;}

#o-box-down{position:relative; padding:15px 20px 20px; }

.error-box{position:absolute; top:-12px; left:20px; color:#f00;font-size:12px;margin-bottom:10px;background:url(./images/login_icon.png) no-repeat;background-position:0 -8px; padding-left:28px;}



.fm-item input{border:1px solid #cfcfcf; height:38px; line-height:38px;}

.fm-item {position:relative; margin-bottom: 16px;}
.fm-item .form-label{position:absolute; left:10px; top:3px; width:30px; height:30px;}

.fm-item .form-label i{ background:url(./images/login_icon.png) no-repeat; display:block;width:30px; height:30px;}
.fm-item .form-label i.icon_1{ background-position:0 -50px;}
.fm-item .form-label i.icon_2{ background-position:0 -110px;}

.fm-item .i-text{width:228px; padding-left:50px;}
.pos-r .i-text{width:268px; padding-left:10px;}
.fm-item .ui-form-explain{position:absolute; right:0px; top:2px;}
.fm-item .ui-form-explain img{ height:37px;}

input.h-light{	border: 1px solid #999;}

.login_btn{ padding-top:10px;}

.mbtn{display:inline-block;text-align:center;color:#FFF;background-color:#e51211;border-radius:3px;border:1px solid #d51110;transition: all .4s;-moz-box-shadow:1px 1px 2px rgba(100,100,100,.3);-webkit-box-shadow:1px 1px 2px rgba(100,100,100,.3);box-shadow:1px 1px 2px rgba(100,100,100,.3); padding-left: 10px;padding-right: 10px; vertical-align: bottom;}
.mbtn:hover{background-color:#d51110;color:#FF0;}
.mbtn:active{-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.18);box-shadow:inset 0 2px 4px rgba(0,0,0,0.18)}
.btn-login{line-height:43px; font-size:18px; height:43px; text-align:center;border:none; width:100%; cursor:pointer;}

.login_link{height:80px; line-height:80px; background-color:#f6f6f6; width:100%;}
.login_link ul{clear:both; overflow:hidden; text-align:right;}
.login_link ul li{ display:inline-block; margin-left:30px;}
.login_link ul li a{color:#666;}
.login_link ul li a:hover { text-decoration:none; color:#006cd9 }
.login_link ul li i{ display:inline-block; width:60px; height:50px;background:url(./themes/login_loginico.png) no-repeat; vertical-align:middle;}

.login_link ul li i.link_02{ background-position:0 -62px}
.login_link ul li i.link_03{ background-position:0 -132px}
.login_link ul li i.link_04{ background-position:0 -203px}












