
@charset "utf-8";

/* -------------------------------------------------------------- 
	Resets default browser CSS.
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input
{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table, caption, tbody, tfoot, thead, tr, th, td
{margin:0;padding:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;font-family:"microsoft yahei";}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
input {border:none;}
ul{list-style:none;}
label{/*cursor:pointer;*/color:#666;}

body {font-size:75%;color:#222;font-family:Helvetica, Arial,"microsoft yahei", sans-serif;position:relative;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#000;}
/*----- 2012��10��23�� ���ڴ���ͷ�ı�����ƻ��������µ���ʽʶ��������Ǹ�������  maqt  ��ʼ -----*/
h1 {font-size:36px;font-family:"microsoft yahei", sans-serif;}
/*----- ���� -----*/
h2 {font-size:45px;float:left;color:#CCC;margin-top:10px;font-weight:normal;}
h3 {font-size:16px;margin:8px 0;margin:8px 0 7px\0;color:#000;}
h4 {font-size:14px;margin:8px 0;color:#666;}
h5 {font-size:12px;margin:8px 0;color:#666;}
h6 {font-size:12px;margin:8px 0;}


h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {color:#666;}
a:focus, a:hover {text-decoration:underline;}
a {
color:#666;
text-decoration:none;
cursor:pointer;

outline:none;/*ff ȥ�����������߿� */
}
span{color:#666;}
textarea{overflow:hidden;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}

/* input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;} */
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}





input.text, input.title, textarea, select {margin:0 0;border:1px solid #dedede;font-size:12px;color:#666;font-family: Helvetica,Arial,"����",sans-serif;}
select{width:120px;float:left;padding:2px;height:25px;line-height:25px;}


/*-------------------------- 2013-01-12 ������ʽΪ��׼�泣����ʽ maqt ��ʼ -------------------------*/

/*--------------------base  css maqt start-------------------*/
.right{float:right !important;}
.row {float:left; width:100%;}
.left{float:left !important;}
.clear{clear:both;}
.overflow_hidden{overflow:hidden;clear:both;}
.display_block{display:block;}
.postion_relative{position: relative;}
.cursor_pointer{cursor: pointer!important;}
.bg_image_none{background-image: none !important;}
.text_overflow{overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}

.border_bottom{border-bottom:solid 1px #DEDEDE;}
.border_bottom_dash{border-bottom:dashed 1px #DEDEDE;}
.border_top{border-top:solid 1px #DEDEDE;}
.noborder{border:none !important;}
.border_top_none{border-top: none !important;}
.border_bottom_none{border-bottom: none !important;}

.margin_left_none{margin-left:0 !important;}
.margin_right_none{margin-right:0 !important;}
.margin_bottom_none{margin-bottom:0 !important;}
.margin_top_none{margin-top:0 !important;}
.margin_top_4{margin-top: 4px;}
.margin_top_2{margin-top: 4px;}
.margin_top_7{margin-top: 7px;}
.margin_top_17{margin-top: 17px;}
.padding_bottom_none{padding-bottom:0 !important;}


.graybold {font-weight:bold;}
.black{color:#000 !important;}
.blackbold {font-weight:bold;color:#000 !important;}
.black_333{color:#333333!important;}
.gray_666{color:#666666!important;}
.lightgray{color:#999 !important;}
.lightgray *{color:#999;}
.lightgray_ccc{color: #ccc;}


a.highlight, .highlight, .highlight a,a.blue{font-weight:normal;}
a.highlightheader{font-weight:bold;font-size:14px;}
a.bluebold, .bluebold ,a.navbar_titer{font-weight:bold;}


span.red {color:red;}
.script_red{color: #ff0000 !important;}
.orange{color:#f17842!important;}


.green{font-weight:normal;color:#390 !important;}
.greenbold{color:#390;font-weight:bold;}

/*--------------------base css   maqt  end-------------------*/


/*--------------------templet.css maqt start------------------*/

/*----- 3.������ɫ ��ʼ -------*/
body{
	background:url(../image/container_bg.png) repeat;
	box-sizing: border-box;
}
a.highlight, .highlight, .highlight a{color:#09C !important;}
a.highlightheader{color:#09C;}
a.blue{color:#09C;}
a.bluebold, .bluebold ,a.navbar_titer{color:#09C;}
.dark_blue{color: #00607f !important;}
/*------- 3.������ɫ ����----------*/

/*--------------------templet.css maqt end-----------------*/
/*------------内容页头部 开始---------------*/
.header_01{
width: 100%;
height: 79px;
position: relative;
z-index: 100;
background-color:#e9e8e8;
border-bottom:1px solid #e0e0e0
/*box-shadow:0 0 5px #888;*/
}
.header_01_space{
width: 1200px;
height: 79px;
margin: 0 auto;
/* // background: url(../image/header_01_bg.png) no-repeat; */
background-position: 100% 0;
position:relative;
}
.letter{
	width: 743px;
	height: 23px;
	background:url(../image/letter_bg.png) no-repeat;
	position:absolute;
	left:-128px;
	top:41px;
}
.header_01_logo{
float: left;
height: 79px;
margin: 0;
}
.loginpage_head_line {
float: left;
background: url(../../comm/image/nb_line.png) no-repeat scroll 0 0 transparent;
width: 12px;
height: 24px;
margin: 29px 0 0 0;
}
.loginpage_head_txt {
float: left;
height: 79px;
line-height: 81px;
margin: 0 0 0 10px;
color: #666666;
font-size: 18px;
}
.loginpage-letter{
	float: left;
	color:#fff;
	height: 64px;
line-height: 66px;
margin-left:20px;
}
.header_01_help{
float: right;
height: 79px;
line-height: 79px;
padding: 0 0 0 22px;
margin: 0 0 0 0;
color: #999;
cursor: pointer;
}
.header_01_help {
background: url(../image/question_mark_icon.png) scroll no-repeat 0 31px transparent;
}

.header_visit_count{
float: right;
height: 20px;
line-height: 20px;
margin: 37px 14px 0 0;
color: #999;
}
/*------------内容页头部 结束---------------*/
/*------------脚部 开始--------------*/
#footer{
background-color: #dfdfdf;
width: 100%;
height: 78px;
padding: 0 0 0 0;
position:fixed;
bottom: 0;
left:0;
border-top:1px solid #c7c7c7;
}
#footer-mobile{
	display:none;
}
.footer-inside-bar {
width: 1200px;
height: 78px;
clear: both;
margin: auto;
 /* background: url(../image/footer_bg.png) no-repeat 0 14px; */

}
.footer_bar{
	float:left;
	margin-top:3px;
	width: 654px;
	}
.foot_line{
	float:left;
	margin:0 9px 0 0;
	line-height:18px;
	*line-height:16px;
	}
/*------------脚部 结束--------------*/

/* 登录页 开始 */

  
.mid_container{
width: 100%;
float:left;
}
.mid_container_content{
width: 100%;
min-width: 1000px;
height: 515px;
margin: 0 auto;
}
.container_space{
width: 1200px;
margin: 0 auto;
}
.content_login_box{
float: right;
width: 500px;
border: 1px solid #fff;
border-radius: 4px;
margin: 106px 0 0 0;
background-color:#fff;
border-radius: 12px;
box-shadow: 0px 3px 25px 0px rgba(26, 67, 131, 0.35);

background-repeat: no-repeat;
background-position: right top;
}
.login_box_input:focus,
.login_box_input:active {
	border-color: rgba(26, 67, 131, 0.35); /* 修改边框颜色 */
	
}
.login_box_left{
	width: 218px;
	float: left;
	min-height: 346px;
	background-color: rgba(26, 67, 131, 0.051);
	display: flex;
	flex-direction: column;
    align-items: center;
	padding: 30px 0 0;

}
.login_box_left .logo-box{
  background-image: url(../image/left-logo.png);
  width: 158px;
  height: 62px;
  margin: 0 0 10px;
}
.login_box_left .qr-code{
  width: 120px;
  height: 120px;
  border-radius: 12px;
  box-shadow: 0px 0px 46px 0px rgba(26, 67, 131, 0.15);
  padding: 10px;
  margin: 0 0 10px;
  position: relative;

}
.login_box_left .qr-code .lose{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.55);
	border-radius: 12px;
	font-size: 14px;
	color: #fff;
	
	line-height: 28px;
	padding: 0 33px;
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.login_box_left .qr-code .lose::before{
   position: absolute;
   left: 30px;
top: 45px;
   content: "";

	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFu2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDAgNzkuMTcxYzI3ZiwgMjAyMi8wOC8xNi0xODowMjo0MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0wNy0xOFQxNzozMjo1NiswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDctMThUMTc6NDE6MDUrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDctMThUMTc6NDE6MDUrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmVkNDgwMDVhLWFmYzItNzc0NC05YzAyLWY2MTJhNTEzYTdhNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxYjFkM2M2MC0zNjdhLTZjNDgtYmEzOC1lYWY1OGZhNGJlNzUiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxYjFkM2M2MC0zNjdhLTZjNDgtYmEzOC1lYWY1OGZhNGJlNzUiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjFiMWQzYzYwLTM2N2EtNmM0OC1iYTM4LWVhZjU4ZmE0YmU3NSIgc3RFdnQ6d2hlbj0iMjAyMy0wNy0xOFQxNzozMjo1NiswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplZDQ4MDA1YS1hZmMyLTc3NDQtOWMwMi1mNjEyYTUxM2E3YTciIHN0RXZ0OndoZW49IjIwMjMtMDctMThUMTc6NDE6MDUrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNC4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz60bDxcAAAAxklEQVQokb2TURGDMBBE9zoVgAQkICEOigQkIAEJlYAE6gAJkYAEHLx+kNJrJnSGfvR+buZuN9nbSwzQ2bicZvyVZHkBaCS1rhTNbMpBPbACLTBTjiUdtpOGA9AMxKwejkj3TElISki5KpG2Rjan63dXSZOk4DCrpCrlzS2zCDwk3TKTvodTNJ/ZU+OUfJxWH9xSu5l63xiTCaFAeFn/NgmonK0k0ABMmbNdLqFJSy3F6gmlt9dpW0EtaZEUJY1mthtg/PAJnw8HQZq2OuelAAAAAElFTkSuQmCC);
	
	
	width: 13px;
	height: 18px;
	line-height: 28px;
}

.login_box_left .qr-code img{
	height: 112px;
}

  
.login_box_left .wx-code{
  font-size: 12px;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 12px;
  line-height: 20px;
}
.login_box_left .wx-code img{
	margin: 0  8px 0 0;
}
.login_box_left .text-box-1{
  color: #1a4383;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 24px;
  margin: 0 0 10px;
}
.login_box_left .text-box-2{
	color: #999;
	font-size: 13px;
	
	width:calc(100% - 48px);
	padding: 0 24px;
}
.login_box_left .text-box-2 span{
	font-weight: bold;
	color: #999;
	font-size: 13px;
}
  
.login_box_up{
float: left;
width: 282px;
padding-bottom: 5px;
display: flex;
flex-direction: column;
align-items: center;
padding: 17px 0 0;
}
.login_box_title{
float: left;
width: 249px;


}
.login_box_title_name{
float: left;
height: 52px;
line-height: 47px;
font-family: "microsoft yahei";
font-size: 18px;
font-weight: bold;
color: #333;
position: relative;
margin: 0 0 19px;
}
.login_box_title_name::before{
	position: absolute;
	left: 0;
	bottom: 0;
	height: 5px;
	width: 34px;
	background-color: #1a4383;
	content: "";
	display: block;
}

.login_box_title_notice {
float: left;
margin: 0 0 0 0px;
width: 184px;
line-height:23px;
}
.login_box_input{
float: left;
width: 199px;
height: 39px;
line-height: 39px;
padding: 0 10px 0 33px;
border: 1px solid #dedede;
font-size: 14px;
color: #999;
border-radius:3px;
border-radius: 7px;
margin: 0 0 15px;
outline:none;
}
.person{
	
	background:url(../image/person.png) 10px 0 no-repeat;
}
.lock{
	
	background:url(../image/lock.png) 10px 0 no-repeat;
}
.down_link_choice{
float: left;
width: 245px;
margin: 0 0 14px;

}
.login_box_checkbox{
float: left;
margin: 5px 6px 0 1px;
*margin-top: -2px;
}
.login_box_checkbox_label{
float: left;
height: 23px;
line-height: 23px;
color: #999;
}
.login_box_sepline{
float: left;
height: 18px;
line-height: 18px;


color: #999;
margin: 0 8px;
}
.option-set { 
	width: 244px;
	
}
.option-set p{ 
	width: fit-content;
	float: left;
	font-size: 13px;
	line-height: 21px;
	
}
.option-set p span{
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	position: relative;
	color: rgba(142, 148, 157, .9);
}
.option-set p span::before{
	position: absolute;
	top: 5px;
	bottom: 5px;
	right: 0;
	background-color: rgba(142, 148, 157, .9);
	width: 1px;
	content: "";
	display: block;
}
.option-set p span:nth-child(even)::before{
	display: none;
}
.login_box_psd{
float: right;
height: 23px;
line-height: 23px;
color: #1a4383;
}
.landing_btn_bg{
float: left;
background: url(../image/login_box_landing_btn.png) scroll no-repeat 0 0 transparent;
width: 159px;
height: 40px;

}
.login_box_landing_btn{
float: left;
background: transparent;
width: 157px;
height: 40px;
cursor: pointer;

}
.login_box_down{
float: left;
width: 244px;


padding:0 0 0 0;
}
.ide_code{
float: left;
width: 265px;
margin: 16px 0 0 21px;
}
.ide_code_label{
float: left;
width: 48px;
height: 28px;
line-height: 28px;
text-align: right;
color: #999;
}
.ide_code_input{
float: left;
width: 54px;
height: 26px;
line-height: 26px;
border: 1px solid #dedede;
padding: 0 5px;
}
.ide_code_image{
float: left;
width: 74px;
height: 26px;
border: 1px solid #dedede;
margin: 0 0 0 8px;
}
.ide_code_next{
float: left;
height: 18px;
line-height: 18px;
color: #09c;
margin: 4px 0 0 8px;
white-space: nowrap;
}
.login_box_notice{
float: left;
width: 244px;
line-height: 22px;
padding: 6px 0;
}
/* 登录页 结束 */
.footer_link{
	float:left;
	line-height:18px;
	line-height:16px;
	}
/*登陆页tab*/


.landing_btn_bg{
float: left;
background-image:none;
background-color:#004488;
width: 242px;
height: 38px;
cursor: pointer;
border:1px solid #005495;
font-size:18px;
border-radius:6px;

color:#fff;
text-align:center;
position:relative;
line-height:36px;
margin: 0 0 39px;
}
.login_box_landing_btn{
float: left;
background: transparent;
width: 255px;
height: 38px;
cursor: pointer;
font-family:"Microsoft YaHei";
font-size:18px;
border-radius:6px;
position:absolute;
left:0px;
top:0px;

}
.login_logo_box {
	width:205px;
	height:40px;
	background-image:url(../image/logo_box_bg.png);
	float:left;
	}

/*2017-03-27 登陆页调整-maqt-START*/
.login_box_tab {
	width:100%;
	height:47px;
	float:left;
	background-image:url(../image/content_login_box_bg.png);
	border-radius:3px 3px 0 0;
}
.login_box_tab a{
	width:100%;
	height:46px;
	text-align:center;
	border-bottom:1px solid #dedede;
	display:block;
	float:left;
	line-height:48px;
	background-color:#f5f6f7;
	cursor:pointer;
	font-family:"Microsoft YaHei UI";
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	color:#666;
	
}
.login_box_tab a:hover{
	text-decoration:none;
	
	}
.login_box_tab a.active{
	height:47px;
	border-bottom:none;
	background:none;
	}
.login_box_tab a.active:hover{
	cursor:auto;
}
.login_box_tab .password{
	width:146px;
	border-right:1px solid #dedede;
	border-radius:4px 0 0 0;
	}
.login_box_tab .er-code{
	width:148px;
	border-radius:0 4px 0 0;
	}

.login_tab_box{
	margin-top:16px;
	width:100%;
	float:left;
	}
.er_code_title{
	font-size:16px;
	line-height:20px;
	font-family:"Microsoft YaHei UI";
	width:100%;
	text-align:center;
	color:#666;
	margin:11px 0 0;
	}
.er_code_content{
	margin:18px auto 0;
	width:268px;
	}
.er_code_box{
	
	width:112px;
	height:112px;
	border:1px solid #dedede;
	float:left;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.09);
	}
.er_code_inside{
	width:114px;
	margin:0 10px 0;
	float:left;
	}
.er_code_inside p{
	width:68px;
	padding:0 0 0 22px;
	margin:14px 0 0 24px;
	float:left;
	color:#999999;
	font-family:"Microsoft YaHei UI";
	line-height:18px;
	font-size:12px
	}
.qq_pic{
	background-image:url(../image/qq.png);
	background-repeat:no-repeat;
	}
.wechat_pic{
	background-image:url(../image/wx.png);
	background-repeat:no-repeat;
	}
.er_code_text{
	font-size:12px;
	line-height:22px;
	height:22px;
	width:130px;
	background-color:#0072bd;
	margin:31px auto 0;
	border-radius:11px;
	color:#fff;
	text-align:center;
	}

.authorization_phone{
	font-family:"Microsoft YaHei UI";
	color:#666;
	font-size:14px;
	line-height:34px;
	height:34px;
	float:left;
	margin:39px 0 0 21px;
	}
.qq{
	float: left;
	background:url(../image/qq.png) no-repeat;
	height:20px;
	line-height:18px;
	padding-left:23px;
	margin:0 0 0 70px;
}
.qq_line{
	height:12px;
	border-left:1px solid #cfcbcb;
	float: left;
	margin:3px 10px 0;
}
.wx{
	float: left;
	background:url(../image/wx.png) no-repeat;
	height:20px;
	line-height:18px;
	padding-left:23px;
}
.qq:hover,.wx:hover{
	text-decoration:none;
}
.help{
	float: left;
	color:#2379bc;
	margin:27px 0 0 120px;
	font-size: 14px;
}

/*焦点图*/
.login_banner{
	float:left;
	width:686px;
	height:auto!important;
	margin-top:72px;
	padding-bottom:20px;
}
.login_box_title .name{
	display:none;
	font-size: 14px;
	color:#999;
}
.footer-mobile{display:none;}
.swiper-pagination-bullet-active{
	background-color:#7a7a7a!important;
}
/*2017-03-27 登陆页调整-maqt-END*/


@media screen and (max-width:1223px){
	#footer{
		float: left;
		position: static!important;
	}
}

@media screen and (max-width:1230px){
	.header_01_space{
		width: 100%;
	}
	.header_01_logo{margin-left:10px;}
	.header_01_help{
		margin-right:20px;
	}
	#footer{
		float: left;
		width: 100%;
		margin-top:40px; 
	}
	.footer-inside-bar{
		width: 100%;
	}
	.footer_bar{
		margin-left:10px;
	}
	.footer-inside-bar .right{
		margin-right:10px;
	}
	
	.content_login_box{
		margin-right:20px;
	}
	.container_space{
		width: 100%;
	}
}
 
@media screen and (max-width:1157px){
	.login_banner{
		max-width:710px;
		margin-left:-20px;
	}
	.login_banner img{
		max-width:710px;
		height:auto;
	}
	.header_01_space{
		background:none;
	}
	.content_login_box{
		margin-top:60px;
	}
}
@media screen and (max-width:1223px){
	.header_01{height:101px;}
	.letter,.loginpage-letter,.header_01_help,
	.loginpage_head_line,.loginpage_head_txt,.login_banner,
	.login_box_tab,.login_box_down,.footer_bar,.footer-inside-bar .right{display: none;}
	.header_01_space{height:101px;}
	.header_01_logo{margin-left:calc((100% - 232px) / 2);margin-top:20px;}
	.content_login_box{margin:34px 15px 0;float: left;width:calc(100% - 30px);border-radius:6px;}
	.login_box_up{width: calc(100% - 218px);padding:0 25px;box-sizing:border-box;border-radius:6px;}
	.login_box_input{width: calc(100% - 45px);margin-left:0;}
	.down_link_choice{width: 100%;padding:0 0;margin-left:0;}
	.landing_btn_bg{width: 100%;box-sizing:border-box;margin-left:0px;margin-top:21px;}
	.login_box_title{margin:33px 0 0;width: 100%;}
	.login_box_title .name{display:block;float: left;}
	.login_box_title_notice{width:auto;float: right;margin-top:3px;}
	.down_link_choice{margin-top:8px;}
	.qq_bar{margin-top:17px;}
	.qq{margin-left:calc((100% - 160px) / 2);}
	.footer-mobile{display:block;}
	#footer{height:41px;margin-top: 40px;background:none;border:none;}
	.footer-inside-bar{height:41px;}
	.footer-mobile{width: 100%;text-align:center;line-height:41px;}
	.option-set {
		width: 100%;
		
	  }
	  .option-set p span:nth-child(2n)::before {
		display: block !important;
	  }
	  .login_box_left{
		min-height: 380px;
	  }
	  
}
@media screen and (max-width:550px){
	.login_box_left {
		width: 100%;
		display:none;
	  }
	.login_box_up {
		width: 100%;
		padding: 0 25px 20px;
	
	  } 
}
.login_box_up form{
	width: 100%;
}
/*2017-03-27 登陆页调整-maqt-END*/
.zh-en{
	float:right;
	color:#fff;
	height:38px;
	box-sizing:border-box;
	width:120px;
	border:1px solid #bbb;
	border-radius:5px;
	line-height:36px;
	color:#666;
	font-size:16px;
	font-family:"microsoft yahei";
	padding:0 0 0 10px;
	margin:20px 0 0 0;
	text-decoration: none;
}
.zh-en:hover{
	background-color:#fff;
	color:#69696b;
	text-decoration: none;
}
.zh-en .pic{
	background:url(../image/zh-en-hover.png) no-repeat center center;
	width:36px;
	height:36px;
	float:left;
	display:block;
}
.zh-en:hover .pic{
	background:url(../image/zh-en-hover.png) no-repeat center center;
}
