/* CSS Document */

html{
	width:100%;
	height:100%;
	}
#text{font-family:"黑体"; font-size:27px; color:#000000;
}
a{ cc:expression(window.status='') } 


    

/*通用区域*/
body {padding:0;margin:0;font-family: "Microsoft YaHei","微软雅黑", verdana, sans-serif;width:100%;
	height:100%;}
img{border: none;}
a{ text-decoration:none;color:#5f5f5f;}
ul,li{ list-style-type:none; padding:0; margin:0;}

	
/*top区域*/
.top{width:1050px;margin: 0px auto 10px;height:13%;overflow:hidden}
.logo{float: left;display: inline-block; margin: 0 0 10px;height: 70px;}
.logo img{text-align: center;line-height: 80px;height:100%}
.theme{
	float:left;
	width:300px;
	height:60px;
	text-align:center;
	line-height:60px;
	font-size:30px;
	color:#0060B1;
	margin-top:18px;
	margin-left:20px;
	z-index:2;
	padding:0;
}
.top b{ display:inline-block;width:16px;height: 16px; background: url(../images/question.png) no-repeat;margin: 0px 4px;vertical-align: middle;overflow: hidden;}
.explain{float:right;color: #999999;font-size: 12px;display: block;padding-top: 64px;letter-spacing:1px;margin-right: 5px;}
.explain:hover{color: #196fe2;text-decoration: underline;}

/* bigbox区域*/	

/*main区域*/
.main{
	min-width: 1110px;
	width:expression_r(document.body.clientWidth<1110?"1110px":"auto");
	width:100%;
	height:482px;
	clear:both; 
	background:url(../imagenew/newbg1.png);
	}
@media only screen and (max-width:1366px){
		.main{
			height:482px;
		}
	}
.center{position:relative ;height: 460px;width:1050px;margin:0 auto;padding-top:40px;background:url() no-repeat;} 
.type_icon{
	position:absolute;
	left:-20px;
	top:6%;
	width:31%;
	height:55%;
	/*background: url(../imagenew/typebg1.png);*/
	}
.type_icon>img{
	position:relative;
	z-index:50;
	width:480px;
	height:450px;
	margin-top:2%;
	margin-left:20%;
}

.logo img{ margin-top: 3%;}
.main_right{width:300px;height:320px;background:rgb(255, 255, 255) ;float:right;margin-top:60px;border-radius: 8px; }
.main_top{position:relative;font-size:16px;border-bottom:1px solid #eee;background:#f7f7f7;border-radius: 8px 8px 0 0;padding-left: 4px;}
.main_b {display: block; color:#626262 !important;padding: 14px 0px 14px 20px;font-size: 18px}
.main_icon{
	position:absolute;
	display:block;
	width:70px;
	height:70px;
	top:0px;
	right:0px;
	background:url(../imagenew/change-language-btn-bg2.png) no-repeat;
	text-align:center;
	}
.bg_icon{
	width:35px;
	height:35px;
	margin-left:35px;
	margin-top:5px;
	}
.login_both{ width:88%; margin:30px 10px 10px auto;}
.login_both>div{height:50px;}
.login_user{position: relative}
.user-icon{position: absolute;left: 0;top:0;z-index:1;background-image: url(../images/user.png);background-repeat: no-repeat; background-position: 10px 12px; width: 24px; height: 42px; }
.key-icon{position: absolute;left: 0；z-index:1;background-image: url(../images/key.png);background-repeat: no-repeat; background-position: 10px 13px; width: 24px; height: 42px; }

.yanz{
	height:50px;margin-top:10px;}
.yanz>.yanz_icon{
	position: absolute;
	right:20px;
	z-index:1;
	 width: 100px; height: 22px; 
	padding-right:5px;
	 margin-top:5px;
	 margin-left:2px;
	}
.yanz>.yanz_icon>img{
	width:100%;
	height:100%}
.yanz_k{
	width:110px; width:110px\9;padding-left: 10px; border:1px solid #c0d7e1; height: 32px;line-height:22px\9;border:1px solid #999999;margin-bottom: 20px;behavior:url(../js/PIE.htc);
	}

.text_k{ width:220px; width:220px\9;padding-left: 30px; border:1px solid #c0d7e1; height: 42px;line-height:42px\9;border-radius: 4px;border:1px solid #999999;margin-bottom: 20px;behavior:url(../js/PIE.htc);}
input:focus{border:1px solid #0b6df4;}

.cloud{position:absolute;}
.cloud_top{top:84px;left:-300px;}
.cloud_bottom{top:430px;left:800px;}


.login_s{width:245px;width:254px\9;height: 42px;line-height: 42px; display:block; background:#2270d8; color:#fff; text-align:center; margin-top:0px;cursor:hand;border-radius: 4px;}
.login_s:hover{ background:#3689f9;}
.footer{
	clear: both;
	width: 100%;
	position: relative;
	text-align: center;
	padding-top: 5px;
	font-size: 12px;
}
.footer>p{
	margin-top: 0px;
}
.footer>p>span{
	display: inline-block;
	position: relative;
	bottom: -5px;
	left:-3px;
	width: 20px;
	height: 20px;
	background: url(../images/company.png) no-repeat right;
	padding-left: 10px;
}
.footer>p>span.manage_name{
	background: url(../images/manage_name.png) no-repeat right;
}
.footer>p>span.telephone{
	background: url(../images/tel.png) no-repeat right;
}

.footer>p>span.research{
	background: url(../images/clogo.png) no-repeat center;
}
.words p{
	vertical-align: middle;
	width: 20px;
	height: 20px;
	overflow: hidden;
	display: inline-block;
	background:url(../images/tel.png) no-repeat;
	}
.words p{background:url(../images/tel.png)no-repeat;vertical-align: middle;width: 20px;height: 20px;overflow: hidden;display: inline-block;}
.words{font-size: 14px;color: #4A4A4A;margin-top: 10px;}