@CHARSET "UTF-8";

body {background-color: white;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5 "Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体"; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

/*body*/
.container {
	width: 1000px;
	margin: 0 auto;
}

/*header*/
.header {
	height: 100px;
	background: url("logo.jpg") 0 32px no-repeat;
}
.header .title {
	font-size: 20px;
    color: #343434;
	float: left;
	margin-top: 40px;
	margin-left: 15px;
	font-family: '幼圆';
	line-height: 21px;
}
.header .line {
	float: left;
	width: 1px;
	height: 21px;
	background-color: #E8E8E8;
	margin-top:40px;
	margin-left: 100px;
	position: relative;
}
.login_mode {
	padding-top: 35px;
	padding-left: 375px;
	float: left;
}

.site-nav-fr{ float:right; position:relative;    line-height: 30px;margin-top: 35px;}
.site-nav-fr>ul>li{float:left;color:grey;padding:0 5px;font-size: 12px;}
.site-nav-fr li>a{display:inline-block;text-align:center;}
.site-nav-fr .spacer,.spacer{width:1px;height:12px;margin-top:9px;padding:0;background:#ddd;overflow:hidden;display:inline-block}

.login_1 {
	background: url("jjdl_36_36.png") 0 6px no-repeat;
	width: 124px;
	float: left;
}
.login_2 {
	background: url("jgdl_36_36.png") 0 6px no-repeat;
	width: 124px;
	float: left;
}
.login_3 {
	background: url("pwdl_36_36.png") 0 6px no-repeat;
	width: 124px;
	float: left;
}
.login_mode a {
	float: left;
	margin-left: 46px;
}
.login_mode a:hover span, .login_mode a.hover span {
	color: #e50011;
}
.login_mode a:hover .down, .login_mode a.hover .down {
	float: left;
	background-color: #e50012;
	height: 4px;
	width: 83px;
	margin-left: -5px;
	margin-top: 3px;
}
.login_mode .up {
	float: left;
	font-size: 18px;
	color: #333333;
}
.login_mode .middle {
	float: left;
	font-size: 12px;
	color: #999999;
}
.login_mode .line {
	background-color: #cccccc;
	width: 1px;
	float: left;
	height: 25px;
	margin: 12px 14px 12px 7px;
}
.bg {
	height: 750px;
	margin: 0 auto;
	background: #f0f0f0;min-width: 1000px;
}

.slideBox .box{width:1000px;position: relative; margin: 0px auto;    height: 600px;z-index: 44;}
.login-info{width:500px; position: absolute;left:70px;top:310px;  z-index: 45;}
.login-bot-info{text-align:center; padding:17px 0px;font-size:14px;}
.L-ico{width:31px;height:27px;border-top: 2px #000000 solid;border-left: 2px #000000 solid;float:left;}
.R-ico{width:31px;height:27px;border-bottom: 2px #000000 solid;border-right: 2px #000000 solid;float:right;margin-top:107px;}
.logotitle{float:left;}
.logotitle h3{font-size:35px;color:#0f62fe;font-weight:600;margin-bottom:22px;}
.logotitle ul {margin-left:25px;}
.logotitle ul li{font-size:20px;float:left;color:#575757;list-style-type:disc !important;margin-right:55px;}

.subbg{position: absolute;left: 0px;width: 100%;height: 175px;background: #fff;filter:alpha(opacity=70);
      -moz-opacity:0.7;
      -khtml-opacity: 0.7;
      opacity: 0.7; top:270px;z-index: 3;}
.subimg{ position: absolute;left: 50%;bottom:0px;z-index: 2;}
.subimg.girl{margin-left: -440px;}
.subimg.crowd{left:0px;}

.subassets{}
/*slideBox*/
.slideBox{ height:600px; overflow:hidden; position:relative; z-index:44;}
.slideBox .hd{position:absolute;z-index: 2;   background-color: hsla(0,0%,100%,.3);padding:4px 5px;left:50%;bottom:30px;text-align:center;border-radius: 50px;margin-left: -55px; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{display:inline-block; _display:inline;_zoom:1; width:12px; height:12px; _font-size:0; margin:0 5px; cursor:pointer; background:#fff;border-radius: 50px;float: left;}
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle;}
.slideBox .bd img{ height:600px; display:block;  }


.fr{float: right;}

.bg.subcrowd{background: #f7f7f7;}
.bg.subcrowd .slideBox .subbg{top:200px;}
.bg.subcrowd .slideBox .login-info{top:240px;}


.bg.subassets{background:url(bg_1920x600.png) no-repeat center top;}
.bg.subassets .slideBox .subbg{top:220px;filter:alpha(opacity=20);
      -moz-opacity:0.2;
      -khtml-opacity: 0.2;
      opacity: 0.2;}
.bg.subassets .slideBox .login-info{top:260px;}


.bg.submember{background:url(bg_hywsjyxt.png) no-repeat center top  #f3f5f5;background-size: 100%}
.bg.submember .right{height: 490px;margin-top:55px;}
.bg.submember .subbg{display: none;}
.bg.submember .login-info{width: 480px;top: 250px;right: 60px;left: auto;}
.bg.submember .logotitle h3{margin-bottom: 10px;}
.bg.submember .logotitle{font-size: 20px;color: #0f62fe;text-align: center}

.bg.subproperty{background:url(bg_dzpm.png) no-repeat center top #f3f5f5;}
.bg.subproperty .right{height: 460px;margin-top: 70px;}
.bg.subproperty .subbg{display: none;}
.bg.subproperty .logotitle h3{margin-bottom: 10px;}
.bg.subproperty .logotitle{font-size: 20px;color: #575757;}



.bg.comprehensive{background:url(zonghe_pic.jpg) no-repeat center top ;}
.bg.comprehensive .right{height: 460px;margin-top: 70px;}
.bg.comprehensive .subbg{display: none;}
.bg.comprehensive .logotitle h3{margin-bottom: 10px;}
.bg.comprehensive .logotitle{font-size: 20px;color: #575757;}







.ta-c{text-align: center;padding-top:10px;border-bottom:1px solid #ECECEC;}
.lh60{height: 60px;line-height: 50px;}
.tyg-div-form{
		background:#ffffff;
		width:400px;
		height:380px;
		color:#333;
	}
.right  .new-bb-btn {
	    transition: all 0.4s ease-in-out;
	    cursor: pointer;
	    width: 345px;
	    height: 48px;
	    margin-top: 40px;
	    padding: 0;
	    background: #0f62fe;
	    border:0px;
	    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
	    font-size: 18px;
	    color: #fff;

}
.right  .new-bb-btn:hover{background: #0043ce;}

.right .zhuce-btn{color:#000000;display:block;text-align:center;padding:15px 0;width: 345px;border: 1px #e4e9ea solid;}
.right .zhuce-btn:hover{border:1px #ccc solid;text-decoration: none;}

.login-list{width: 100%;height: 50px;margin-top:30px;}
.login-list .label-left{width: 40px;font-size: 18px;line-height: 50px;margin-right:5px;color: #333;float:left;}
.login-list .label-input{width:300px;height:50px;padding-left:10px;color: #333;background: #fff;border:0px;border-bottom: 1px #e4e9ea solid;}
.login-list .label-input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; }
.login-list .label-input::-webkit-contacts-auto-fill-button {
visibility: hidden;
display: none !important;
pointer-events: none;
position: absolute;
right: 0;
}

/*--input框样式--*/
.inputAll{position: relative;}
.inputAll input{line-height:53px;transition: all 0.4s ease-in-out;font-size: 16px;
	width:288px;padding:0px;padding-left:10px;height:50px;color: #333;background: #fff;border:0px;border: 1px #ECECEC solid;
}
.inputAll select{line-height:55px;transition: all 0.4s ease-in-out;
	width:300px;padding-left:10px;height:52px;color: #333;background: #fff;border:0px;border: 1px #ECECEC solid;
}
.inputAll input::-webkit-input-placeholder { color:#a6a6a6; }
.inputAll input::-moz-placeholder { color:#a6a6a6; } /* firefox 19+ */
.inputAll input:-ms-input-placeholder { color:#a6a6a6; } /* ie */
.inputAll input:-moz-placeholder { color:#a6a6a6; }
.inputAll .ico{position: absolute;right: 10px;top:17px; opacity: 0.5;display: none;}
/*--因为password输入框设置value之后还是显示不可见的点，所以这块需要做个"假的password"来让用户通过直观来看到提示--*/
.passwordAll {
	position:relative;
}
.topPw {
	position:absolute;
}

.password {

}

/*center*/
.maincontent {
	width: 1000px;
	margin: 0 auto;
	margin-top: -600px;
	z-index: 55;
    position: relative;
}
.left {
	float: left;
	width: 613px;
}
.maincontent .title {
	background: url("title_613_121.png") 0 0 no-repeat;
	height: 121px;
	width: 613px;
	margin-top: 100px;
}
.weixin {
	background: url("weixin_120_120.jpg") 0 0 no-repeat;
	height: 120px;
	width: 120px;
	float: left;
}
.xinlang {
	background: url("xinlang_120_120.jpg") 0 0 no-repeat;
	height: 120px;
	width: 120px;
	float: left;
	margin-left: 50px;
}
.qr {
	height: 120px;
	margin-top: 175px;
	margin-right: 10px;
	float: right;
}
.base-subtop{height: 60px;box-shadow: 0 1px 0 0 #ECECEC;background: #FBFBFB;line-height: 60px;text-align: center;font-size: 20px;color: #343434;font-weight: bold;}

/*login*/
.right {
	float: left;
	width:400px;
	height: 420px;
	margin-top: 90px;
	background-color: white;
	font-size: 14px;    box-shadow: 2px 2px 10px #999;position: relative;z-index: 999;
}
/*key login*/
.right .k_r1 {
	margin-top: 30px;
	color: #333333;
	line-height: 21px;
}

.right div.k_r2 {
	margin-top: 10px;
}
.right .k_r3 {
	color: #999999;
	padding-top: 5px;
	line-height: 21px;font-size: 14px;width: 103%;
}
.right .k_r3 a {
    color: #4391EA;
    text-decoration: underline;
}
.right .k_r4 {
	line-height: 21px;
	margin-top: 15px;
	text-align: right;
}
.right .k_r4 a {
    color: #4391EA;
}
.right div.k_r5{
	margin-top: 18px;
}
.right .r5 {
	margin-top: 50px;
	font-size: 16px;
}
.right .r5 input {
	color: white;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #0f62fe ;
	border: 0;
	width: 100%;
	height: 50px;
	font-size: 16px;
	cursor: pointer;
}
.right .r5 input:HOVER{
	background-color: #0043ce;
}
.right .r6 {
	margin-top: 20px;
}
.right .r6 .l {
	float: left;
}
.right .r6 .l a {
	text-decoration: underline;
	color: #cccccc;
}
.right .r6 .r {
	float: right;

}
.right .r6 .r a {
	text-decoration: underline;
	color: #e50011;
}
.f439{color: #4391EA}
/*user login*/
.right .u_r1 {height: 60px;
}
.right .u_r1 .login_tab {
	float: left;
	width: 50%;
	line-height: 60px;
}
.right .u_r1 .login_tab div {
	font-size: 18px;
	cursor: pointer;
	text-align: center;background: #FBFBFB;
	color:#343434;;    border-left: 1px #ECECEC solid; height: 59px;   border-bottom: 1px #ECECEC solid;
}
.right .u_r1 .login_tab:first-child div{border-left:0px;}
.login_fot{position: absolute;bottom: 0px;width: 100%; height: 50px;font-size:12px;color: #2B2B2B;background: #F4F4F4;line-height: 50px;text-align: center;}
.login_fot img{vertical-align: middle;margin-right: 5px;}
.login-box-padding{padding: 10px 27px 0px;}
.right .u_r1 .login_tab div.hover{background: #fff; height: 60px;   border-bottom:0px #ECECEC solid;font-weight: bold;}
.right .u_r1 .line {
	background-color: #cccccc;
	width: 1px;
	float: left;
	height: 20px;
	margin: 4px 5px 0;
}
.right .u_r2 {
	margin-top: 20px;
}
.right .u_r2 input{
	height: 50px;
	width:338px;
	border: 1px #ECECEC solid;padding-left: 10px;
	line-height: 50px;
	font-size: 14px;
}
.right #key_form {
	display: none;
}
.error {
	line-height: 20px;
	color: #0f62fe;
	height: 20px;
	padding-top:3px;font-size: 12px;
	width: 288px;
}
.error.mr45{margin-left: 45px;}
/*footer*/
.footer {
	height: 50px;line-height: 50px;text-align: center;font-size: 12px;color: #343434;
}
.footer, .footer a {
	text-align: center;
	color: #999999;
}


@media screen and (min-width: 1201px) {
  .container{width: 1200px;}
  .bg{min-width: 1200px;}
  .slideBox .box{width: auto}
  .maincontent{width: 1200px;}
  .bg.subproperty .login-info{left:400px;}

}