@charset "utf-8";
*, *:before, *:after {
    box-sizing: border-box;
}

body {padding:0; margin:0px;color:#333;font-size:14px;line-height:1.4em;background:#fff;font-family:Arial,"microsoft yahei","微软雅黑"}

a,a:focus, a:hover, a:active {outline:0 !important;}

img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

/*footer*/
.login_footer{width: 100%; padding: 10px 0; background: #2f353f;}
.login_footer .copyright{ text-align: center; color: #FFFFFF; font-size: 12px; /*margin-top: 10px;*/}



.container:before,.container:after,login_container:before,.login_container:after,.login_contact:before,.login_contact:after,.shanghaiBg:before,.shanghaiBg:after,.login_content:before,.login_content:after{ content: ""; display: table;}

.container {
    margin-left: auto;
    margin-right: auto;
}

.login_container{ padding-left: 30px;padding-right: 30px;padding-top: 26px;}

ul.loginTab{ margin:0 0 0 30px; padding: 0px; display: block; }

ul.loginTab li{
	background: #FFFFFF; 
	text-align: center; 
	line-height: 40px; 
	display: inline-block; 
	margin-right: 20px; 
	padding: 0 15px;
	border-top-left-radius:5px;
	border-top-right-radius:5px; 
	font-size: 16px;
	position: relative;
	top: 5px; 
	list-style: none;
}

ul.loginTab li.on{
	background: #009e96; 
	text-align: center; 
	line-height: 50px; 
	top: 0px;
}

ul.loginTab li a{color: #333333; text-decoration: none; font-family: "Microsoft Yahei";}
ul.loginTab li.on a{color: #fff; text-decoration: none;font-family: "Microsoft Yahei"; }


.shanghaiBg{background: #efefef url(../images/login/shanghai_bg.jpg) no-repeat center bottom / contain;  height: auto;   }

.xianBg{background: #efefef url(../images/login/xian_bg.jpg) no-repeat center bottom / contain;  height: auto; }

.kunmingBg{background: #efefef url(../images/login/kunming_bg.jpg) no-repeat center bottom / contain;  height: auto; }

.wuhanBg{background: #efefef url(../images/login/wuhan_bg.jpg) no-repeat center bottom / contain;  height: auto; }

.guangzhouBg{background: #efefef url(../images/login/guangzhou_bg.jpg) no-repeat center bottom / contain;  height: auto; }

.zhengzhouBg{background: #efefef url(../images/login/zzxl_bg.jpg) no-repeat center bottom / contain;  height: auto; }

.beijingBg{background: #efefef url(../images/login/beijing_bg.jpg) no-repeat center bottom / contain;  height: auto; } 
 
.login_content{width: 100%; padding: 37px 0 60px 0;  overflow: hidden; clear: both; }

.login_contact{ background: #ffffff; padding: 30px 20px 20px 20px; float: right; margin-right: 60px; margin-top:20px;box-shadow:0px 0px 12px #ccc}

.login_logo{width: 100%; overflow: hidden; margin-bottom: 20px;}
.login_logo img{ display: inline-block; padding: 0 10px 0 0;vertical-align: top; }
.login_logo span{ display: inline-block; color: #333333; font-size: 15px; font-weight: bold;}

.login_contact h2{ color: #999999; font-size: 14px; font-weight: normal; margin: 20px 0; clear: both;}
.login_contact h2 span{ color:#eb5532 ; margin-left: 10px; float: right;}

.login_contact_form{width: 100%;}
.login_contact_input{ height: 40px; width: 400px; display:table; margin-bottom: 20px;background: #FFFFFF;  border: 1px solid #c8c8c8;}
.login_contact_input input{ border: none; height: 40px; line-height: 40px;font-size: 16px; color: #333; width: 100%;padding: 0 5px;  }

input[type=checkbox]{-webkit-appearance:none;appearance: none; width: 18px; height: 18px; border: 1px solid #C8C8C8; border-radius: 3px; margin-right: 8px; vertical-align: -7px; cursor: pointer; outline: none;}
input[type=checkbox]:checked,input[type=checkbox]:checked::after{ background: url(../images/login/checkbox.jpg) no-repeat center center;
}
/*.login_contact_input:hover{border: 1px solid #009E96;  height: 40px; line-height: 40px;font-size: 16px; color: #333; }*/

a.button_contact{ background: #009E96 url(../images/login/icon_lock.png) no-repeat 40% 22px; color: #FFFFFF; height: 54px; width: 100%; border-radius: 10px; text-align: center; line-height: 54px; display: block; text-decoration: none; font-size: 16px; margin-top: 30px; font-family: "Microsoft Yahei";}
a.button_contact:hover{ background: #00afa6 url(../images/login/icon_lock.png) no-repeat 40% 22px;}

.password{ margin-top: 30px;}
.password a{color: #219ede; text-decoration: none; font-size: 14px;}
.password a:hover{ text-decoration: underline;}



@media screen and (min-width:1440px) {
	.container{ width: 1280px;}
}