.loginbox{
	width: 100%;
	height: 100%;
	background: url(../img/newlogin/bigbg.jpg) center no-repeat;
    background-size: 100% 100%;
    position: fixed;
}
.loginbox_con{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.loginbox_con_con{
	width: 1000px;
	height:540px;
	overflow: hidden;
}
.loginbox_con_con_item{
	height: 100%;
	float: left;
}
.loginbox_con_con_left{
	width: 50%;
	
	background: #374877;
}
.loginbox_con_con_left img{
	width: 100%;
	height: 100%;
}
.loginbox_con_con_right{
	width: 50%;
	background: #fff;
	padding: 7% 5% ;
	box-sizing: border-box;
	overflow: hidden;
	box-sizing: border-box;
}
.logo_title{
	text-align: right;
}
.logo_tishi{
	font-size: 26px;
	color: #4c4f59;
	padding: 8% 0;
}
.line{
	width: 80%;
	float: right;
	border-bottom: 1px solid #f1f1f1;
	margin-top: 5%;
	margin-left: 10px;
}
.logo_tishi_top{
	overflow: hidden;
}
.logo_tishi_top_word{
	float: left;
	font-size: 36px;
	color: #282828;
	font-weight: 600;	
}
.shurubox_item{
	padding: 10px 18px;
	box-sizing: border-box;
	border-radius: 5px;
	display: flex;
	align-items: center;
	background: #e6f1fe;
}
.shurubox_item input{
	background:#e6f1fe ;
}
.shurubox_item +.shurubox_item {
	margin-top: 20px;
}
.shurubox_item_con{
	
}
.shurubox_item_left{
	width: 35px;
}
.shurubox_item_left img{
}
.shurubox_item_con{
	display: inline-block;
}
.shurubox_item_right{
	width: 90%;
	margin-left: 10px;
	height: 30px;
}
.shurubox_item_right input{
	height: 100%;
	outline: none;
	width: 100%;
}
.shurubox_item1{
	display: flex;
	justify-content:center;
	align-items: center;
	margin-top: 52px;
}
.shurubox_item1_left{
	font-size: 20px;
	color: #8d8d8d;
}
.shurubox_item1_left a{
	color:#4381e6;
	font-size: 20px;
}
.login_btn{
	padding: 5px 20px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	border-radius: 5px;
	background:#4381e6;
	box-shadow: 0px 9px 16px #d2e0f6;
	cursor: pointer;
	box-sizing: border-box;
}
input{
	color:#515151;
	border: none;
}
.dl{
	float: left;
}
.logo_tishi_bottom{
	font-family: "微软雅黑";
	overflow: hidden;
}
/****placeholder****/
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #bbb; 
    opacity:1; 
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #bbb;
    opacity:1;
}

input:-ms-input-placeholder{
    color: #bbb;
    opacity:1;
}

input::-webkit-input-placeholder{
    color: #bbb;
    opacity:1;
}
@media only screen and (min-width: 100px) and (max-width:500px) {
	.shurubox_item_right input{
		font-size: 10px;
	}
	.shurubox_item1_left{
		font-size: 10px;
	}
	.login_btn{
		font-size: 10px;
		padding: 10px 15px;
	}
	.line{
		display: none;
	}
	.shurubox_item1_left , .shurubox_item1_left a ,{
		font-size: 10px;
	}
	.shurubox_item1{
		margin-top: 50px;
	}
	.loginbox_con_con_left{
		display: none;
	}
	.loginbox_con_con_right{
		width: 60%;
		margin-left: 20%;
	}
	.logo_tishi{
		padding: 5% 0;
	}
}
@media only screen and (min-width: 500px) and (max-width: 900px) {
	.shurubox_item_right input{
		font-size: 15px;
	}
	.shurubox_item1_left{
		font-size: 10px;
	}
	.login_btn{
		font-size: 13px;
		padding: 10px 15px;
	}
	.line{
		display: none;
	}
	.shurubox_item1_left , .shurubox_item1_left a ,{
		font-size: 19px;
	}
	.shurubox_item1{
		margin-top: 50px;
	}
	.loginbox_con_con_left{
		display: none;
	}
	.loginbox_con_con_right{
		width: 60%;
		margin-left: 20%;
	}
	.logo_tishi{
		padding: 5% 0;
	}
}
@media only screen and (min-width: 900px) and (max-width: 1150px) {
	.shurubox_item_right input{
		font-size: 18px;
	}
	.shurubox_item1_left{
		font-size: 18px;
	}
	.login_btn{
		font-size: 18px;
		padding: 10px 20px;
	}
	.line{
		display: none;
	}
	.shurubox_item1_left , .shurubox_item1_left a ,{
		font-size: 18px;
	}
	.shurubox_item1{
		margin-top: 50px;
	}
	.loginbox_con_con_left{
		display: none;
	}
	.loginbox_con_con_right{
		width: 60%;
		margin-left: 20%;
	}
	.logo_tishi{
		padding: 5% 0;
	}
}
@media only screen and (min-width: 1150px) and (max-width: 1200px) {
	.shurubox_item_right input{
		font-size: 20px;
	}
	.line{
		margin-top: 3%;
	}
	.shurubox_item1_left , .shurubox_item1_left a{
		font-size: 10px;
	}
	.login_btn{
		font-size: 12px;
		padding: 10px 20px;
	}
	.logo_tishi_bottom , .shurubox_item1 , .logo_tishi_top{
		font-size: 20px;	
	}
	
	
}
@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	.shurubox_item_right input{
		font-size: 20px;
	}
	.line{
		margin-top: 3%;
	}
	.shurubox_item1_left , .shurubox_item1_left a{
		font-size: 13px;
	}
	.login_btn{
		font-size: 13px;
		padding: 10px 20px;
	}
	.logo_tishi_top , .logo_tishi_bottom{
		font-size: 20px;
	}
	.shurubox_item1{
		margin-top: 30px;
	}
	
}
@media only screen and (min-width: 1500px) and (max-width: 2000px) {
	.shurubox_item1_left , .shurubox_item1_left a{
		font-size: 19px;
	}
	.login_btn{
		font-size: 19px;
		padding: 10px 33px;
	}
	input{
		font-size: 20px;
	}
	
}