@charset "utf-8";
/* CSS Document */
*{padding: 0;margin: 0;}
html,body {color: #333; font: 12px/1.8; font-family:"微软雅黑"，Arial, Helvetica, sans-serif; margin: 0;padding: 0 ;}
ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, p { list-style: outside none none; margin: 0; padding: 0; }
a { color: #fff; outline: medium none; text-decoration: none; }
a img { border: medium none; }
i, em { font-style: normal;}
button { cursor: pointer; }
.cl{clear: both;font-size: 0;height: 0;overflow: hidden;}
/*login1*/
.login_bg{width: 100%;height: 100%;background: url(../images/login_bg1.png) no-repeat center;position: absolute;bottom:120px;background-size: 100% 100%;top: 0;}
.login_footer{position: fixed;bottom: 0;width: 100%;background: #fff;height: 120px;z-index: 99;}
.header{left: 0; position: fixed;top: 20px; width: 100%;z-index: 999;}
.nav{height: 58px;line-height: 58px;margin: 0 auto;width: 90%;}
.logo1{display: block;float: left;height: 58px;width: 300px;}
.logo1 img{max-width: 100%;}
.entry{color: #fff!important;}
.entry a{color: #fff!important;font-size: 14px;}
.state{color: rgba(255,255,255,0.7);font-size: 14px;}
.wrap1{width: 100%;position: absolute;top: 28%;left: 0;text-align: center;z-index: 2;}
.login_title{width: 860px;height: 172px;display:block;position: absolute;top: 40%;left:50%;-webkit-transform: translate3d(-50%,-50%,0);transform: translate3d(-50%,-50%,0);}
.mid_btns{width: 100%;position: absolute;bottom: 180px;}
.main-entry {height: 50px;margin: 100px auto 0;width: 660px;}
.main-entry a{width: 150px;display: inline-block;height: 50px;border-radius: 8px;line-height: 50px;color: #fff;cursor: pointer; text-align: center;}
.main-entry a:hover{background-color:#23ac38;color: #fff;text-decoration: none; }
.zh_login{background-image:url(../images/zh.png);background-repeat: no-repeat;background-size: 30px 30px;background-position: 30px center;padding-left: 30px; background-color: rgba(35,172,56,0.8);background-color:#23ac38\9; }
.fws_login{background-image:url(../images/sfc.png);background-repeat: no-repeat;background-size: 30px 30px;background-position: 30px center;padding-left: 30px;margin-left: 20px; background-color: rgba(35,172,56,0.8);background-color:#23ac38\9; }
.ywy_login{background-image: url(../images/sfb.png);background-repeat: no-repeat;background-size: 30px 30px;background-position: 30px center;padding-left: 30px;margin-left: 20px;background-color: rgba(35,172,56,0.8);background-color:#23ac38\9; }
.sj_login{background-image: url(../images/sfa.png);background-repeat: no-repeat;background-size: 30px 30px;background-position: 30px center; padding-left: 20px;margin-left: 20px;background-color: rgba(35,172,56,0.8);background-color:#23ac38\9;}
.f_main{width: 1000px;margin:35px auto;color: #666;overflow: hidden;}
.fr_img{height: 50px;}
.form-control{display: inherit;}
.f_main span{display: block;color: #999;font-size: 12px;margin-top: 5px;}
/*登陆页*/
.login_bg2{width: 100%;height: 100%;background: url(../images/login_bg2.png) no-repeat center;position: absolute;bottom:130px;background-size: 100% 100%;top: 0;}
.login_footer2{position: absolute;bottom: 0;width: 100%;background: #fff;height: 130px;z-index: 99;}
.logo2{display: block;float: left;height: 68px;width: 354px;}
.logo2 img{ width: 100%;}
.wrap2{width: 100%;position: absolute;top: 20%;left: 0;text-align: center;z-index: 2;}
.wrap2_con{margin: 0 auto;width: 1000px;position:relative;overflow:hidden;}
.pic_lf{width: 650px;}
.pic_lf img{max-width: 100%;}
.form{background:#fff;padding:10px 25px 25px!important;bottom: 0;width: 311px;position: absolute;right: 0;}
.form_title{position: relative;text-align: left;font-size: 16px;padding-bottom: 8px;color: #666;border-bottom: 1px solid #ddd;margin-top: 20px;margin-bottom: 10px;}
.form_title:after{content: "";position: absolute;bottom: 0;left: 0;height:3px;background:#23ac38;width: 50px;}
.input_area {margin:20px 0 0;}
.input_area>div{position: relative;}
.input_area .form-control{margin-bottom: 14px;padding-left:40px;}
.input_area .form-control:focus{border-color: #23ac38}
.icons2{position: absolute;height: 22px;width:22px;top:12px; left: 10px;}
.t_icon{background: url(../images/icons2.png) no-repeat left 0;}
.p_icon{background: url(../images/icons2.png) no-repeat left -24px;}
.login_btn{background:#23ac38;color: #fff;width: 100%;}
.login_btn:hover{color: #fff!important;}
.input_yzm .form-control {padding-left: 20px;padding-right: 90px;}
.yzm{width:82px;display: inline-block;height: 46px;position: absolute;top:0px;right: 10px;overflow: hidden;padding: 10px 0; cursor: pointer;}
.fr2_img{height: 40px;}
.f2_main{width: 1000px;margin:23px auto;color: #666;overflow: hidden;}
.f2_main div:before{position: absolute;content: "";height: 70px;width: 1px;background: #ddd;left: 0;top: 0;}
.col-md-4{width: 33.33333%;float: left;}
.col-md-8 {width: 66.66666667%;float: left;}
.main_top{height: 100%;width: 100%;position:relative;top: 0;z-index: 1}
.main_top:after{width: 100%;height: 100%;position: absolute;top: 0;left: 0;content: "";z-index: -1;background: url(../images/login_bg1.png) no-repeat center;background-size: 100% 100%;}
@media screen and (max-width: 1250px) {
  .pic_lf{
    display: none;
  }
  .login_bg2{
    background-color: #29B93E;
    background-image:none;
  }
  .form{
    position: static;
    margin: 0 auto;
  }
  .wrap2_con,.f2_main,.f2_main>div{
    width: auto;
  }
  .f2_main div:before{
    display: none;
  }
  .main-entry{
    width: 150px;
    height: auto;
  }
  .mid_btns{
    bottom: 50px;
  }
  .main-entry a{
    margin-left: 0;
    margin-bottom: 10px;
  }
}