.header .container {width: 1016px; margin: 0 auto; padding: 30px 0 20px; height:50px;}
.header .container img {display: inline;}

.banner {height: 578px; max-width: 1920px; width: 100%; background: transparent url(../images/login/banner.png) no-repeat center top;}
.banner .container {width: 1150px; margin: 0 auto; height: 100%; position: relative; z-index: 1;}
.banner .container .box {width: 325px; height: 297px; position: absolute; top: 157px; left: 413px; background: #F4F4F4; border: 1px solid #fff; border-radius: 7px; box-shadow: 0 0 15px #858282; overflow: hidden;}
.banner .container .box .barbox {position: relative; z-index: 2; height: 50px;}
.banner .container .box .barbox li {width: 161px; border-bottom: 1px solid #dedede; height: 50px; line-height: 50px; text-align: center; float: left;}
.banner .container .box .barbox li.line {position: absolute; bottom: 0; left: 0; width: 50%; height: 0; border-top: 2px solid red;}
.leftLine{width:50%;height:2px;float:left; margin:0px auto;padding:0px;background-color:red;overflow:hidden;display: block;}
.rightLine{width:50%;height:2px;float:right; margin:0px auto;padding:0px;background-color:red;overflow:hidden;display: none;}
.banner .container .box .txtbox {margin: 70px 30px 15px; border: 1px solid #dedede; border-radius: 5px; padding: 5px;}
.banner .container .box .txtbox .input{height: 53px;border-bottom: 1px solid #dedede;position: relative;z-index: 3;overflow: hidden;}
.banner .container .box .txtbox .input i{display: block;float: left;width: 50px;height: 52px;background: transparent url(u1.png) no-repeat center; background-size: 42px 23px;}
.banner .container .box .txtbox .input input{width: 200px;border: none;background: transparent;font-size: 14px;height: 16px;line-height: 16px;padding: 18px 3px;float: left; position: absolute; left: 50px; right: 0; top: 0; z-index: 4;}
.banner .container .box .txtbox .input .code {position: absolute; top: 12px; right: 0; font-size: 13px; background: #35c69f; color: #fff; width: 107px; text-align: center; border-radius: 5px; padding: 5px 2px; cursor: pointer; height: 25px; line-height: 25px;}
.banner .container .box .txtbox .input.account i{background-image: url(../images/login/u1.png);}
.banner .container .box .txtbox .input.password i{background-image: url(../images/login/u2.png);}
.banner .container .box .aid{margin: 0 45px; height: 30px;}
.banner .container .box .aid .lft{float: left;font-size: 12px;}
.banner .container .box .aid .lft input {display: inline-block;vertical-align: middle;margin-right: 5px;background: transparent;}
.banner .container .box .aid .rht{float: right;}
.banner .container .box .aid .rht a{font-size: 12px;}
.banner .container .box .aid label.role {float: left; display: block; width: 72px; height: 25px; line-height: 25px; background: transparent; text-align: center; color: #4d4d4d; font-size: 14px; border-radius: 10px; margin-right: 10px; cursor: pointer;}
.banner .container .box .aid label.role.active {background: #e24d46; color: #fff;}
.banner .container .box .submit{display: block;width: 265px;height: 35px;border: 1px solid #EB9656;border-radius: 5px;background: #EB9656;color: #FFFFFF;font-size: 16px;font-family: Arial;font-weight: bold;cursor: pointer;margin-top: 10px;margin-bottom: 15px;margin-left: auto;margin-right: auto;}
.menubar .container{width: 900px;margin: 10px auto;text-align: center;}
.menubar .container li{float: left;width: 150px;height: 120px;}
.menubar .container li i{display: block;width: 79px;height: 79px;margin: 0 auto;background: transparent url() no-repeat center;}
.menubar .container li p{line-height: 41px;font-size: 16px;}
.menubar .container li.li1 i{background-image: url(../images/login/Laptop.png);}
.menubar .container li.li2 i{background-image: url(../images/login/smartphone.png);}
.menubar .container li.li3 i{background-image: url(../images/login/letter.png);}
.menubar .container li.li4 i{background-image: url(../images/login/Check.png);}
.menubar .container li.li5 i{background-image: url(../images/login/Lamp.png);}
.menubar .container li.li6 i{background-image: url(../images/login/one-people.png);}
.footer{border-top: 1px dashed #C2BEBE;margin: 30px 0 0;}
.footer .container{width: 1016px;padding: 35px 0;margin: 0 auto;}
.footer .container p{font-size: 14px;color: #999;text-align: center;}
.footer .container p a{font-size: 14px; color: #999; margin-left: 50px;}

.con-banner1{position: absolute;top: 142px;left: 0;}
.con-banner1 img{width: 390px;}
.con-banner2{position: absolute;top: 160px;right: -9px;}

