﻿/* so the window resize fires within a frame in IE7 */

/* *{    font-family: '寰蒋闆呴粦 Bold', '寰蒋闆呴粦 Regular', '寰蒋闆呴粦';
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #333333;
    text-align: center;
  
    line-height: normal;}
html, body {
    height: 100%;
}
a {color: inherit;} */
a:HOVER {
	text-decoration: none;
	cursor: pointer;
}

.oh {
	overflow: hidden;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.txtal {
	text-align: left;
}

.w300 {
	width: 300px;
}

.pt30 {
	padding-top: 30px;
}


p {
	margin: 0px;
	text-rendering: optimizeLegibility;
	font-feature-settings: "kern" 1;
	-webkit-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern=1";
	font-kerning: normal;
}

ul li {
	list-style-type: none;
}

iframe {
	background: #FFFFFF;
}

/* to match IE with C, FF */
input {
	padding: 1px 0px 1px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

textarea {
	margin: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}


#base {

	width: 1030px;
	/*瀹氬*/
	margin: 0px auto;
	/* margin-left 涓� margin-right 璁剧疆涓� auto */
}

#left_div {
	border-width: 0px;
	position: relative;
	left: 0px;
	top: 0px;
	width: 200px;
	height: auto;
	min-height: 100%;
	background: inherit;
	background-color: rgba(236, 239, 244, 1);
	border: none;
	border-radius: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	float: left;
}

#right_div {
	border-width: 0px;
	width: 800px;
	background: inherit;
	background-color: rgba(255, 255, 255, 1);
	border: none;
	border-radius: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	float: right;
}


.divsoso {
	background-color: rgba(244, 247, 251, 1);
	overflow: hidden;
	margin-top: 20px;
}

.divlist {
	overflow: hidden;
	margin-top: 20px;
}

.divlist span {
	color: #22D7BB;
	padding-left: 5px;
	font-size: 18px;
	border-left: 2px solid #22D7BB;
}

.titleimg {
	float: left;
	padding: 30px 30px 30px 0;
}

.divlogoimg {
	padding: 40px 70px;
}

#logoimg {
	width: 60px;
	height: 60px;
}

.host_div {
	position: absolute;
	top: 110px;
	left: 50px;
}

.host_name {
	font-size: 16px;
	color: #6F8092;
	font-family: '寰蒋闆呴粦';
	font-weight: 400;
}

#u452_img {
	border-width: 0px;
	width: 770px;
	height: 2px;
}

.navigmain {}

.navigitem {
	width: 200px;
	height: 48px;
	font-family: '寰蒋闆呴粦';
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	color: #445161;
	margin: 2px 0px;
	text-align: left;
	padding-left: 50px;
	padding-top: 15px;
	border-width: 0px;
	cursor: pointer;
	box-sizing: border-box;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.navigitem:hover,
.hover {
	font-family: '寰蒋闆呴粦';
	font-weight: 400;
	cursor: pointer;
	padding-left: 46px;
	background: inherit;
	background-color: rgba(217, 223, 232, 1);
	border-width: 4px;
	border-style: solid;
	border-color: rgba(105, 208, 209, 1);
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-radius: 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}



.font18 {
	font-family: '寰蒋闆呴粦';
	font-weight: 400;
	font-size: 18px;
	color: #333333;
}

.font16 {
	font-family: '寰蒋闆呴粦';
	font-weight: 400;
	font-size: 16px;
	color: #B5BEC9;
}

.right_main {
	/*
  padding-left: 30px;
  */
}

.title_img {
	width: 50px;
	height: 50px;
}

.soso {
	list-style: none;
	/* 鍘绘帀ul鍓嶉潰鐨勭鍙� */
	margin: 0px;
	/* 涓庡鐣屽厓绱犵殑璺濈涓�0 */
	padding: 0px;
	/* 涓庡唴閮ㄥ厓绱犵殑璺濈涓�0 */
	width: 100%;
	/* 瀹藉害鏍规嵁鍏冪礌鍐呭璋冩暣 */
	background-color: rgba(244, 247, 251, 1);
	color: #555;
	font-size: 14px;
}

.soso dl {
	padding: 10px 60px 5px 0;
	position: relative;
	line-height: 30px;
}

.soso dl dt {
	float: left;
	padding-left: 15px;
	text-align: right;
	width: 90px;
	line-height: 30px;
}

.soso dl dd {
	display: block;
	-webkit-margin-start: 40px;
	padding-left: 60px;
}

.soso ul {
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.soso ul li {
	border: 0;
	float: left;
	margin: 4px 15px 4px 0;
	padding: 2px 10px;
	text-align: center;
	cursor: pointer;
}

.sosotime {
	position: absolute;
	right: 133px;
	top: 8px;
	line-height: 30px;
}

.sosohover {
	background: inherit;
	background-color: rgba(22, 155, 213, 1);
	border: none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	/* 鑰佺殑 Firefox */
	font-size: 12px;
	color: #FFFFFF;
	padding: 2px 8px;
}

.inputtime {
	width: 100px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #ccc;
	text-align: left;
	padding-left: 5px;
}

.btn_op {
	color: #999;
	font-size: 14px;
	padding: 5px 30px;
	border-radius: 15px;
	-moz-border-radius: 10px;
	/* 鑰佺殑 Firefox */
	border: 1px solid #22D7BB;
	background: #fff;
	cursor: pointer;
}

.btn_ophover {
	color: #fff;
	border: 1px solid #ffffff;
	background: #22D7BB;
}

table tr th {
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	color: #4E545F;
	background: inherit;
	background-color: rgba(238, 245, 253, 1);
}

/*娓呴櫎娴姩浠ｇ爜*/
.clearfloat {
	clear: both
}

.page {
	overflow: hidden;
	margin-top: 10px;
	height: 50px;
	line-height: 50px;
}

.pagespan {
	padding: 8px;
	margin-left: 5px;
	border: 1px solid #999999;
	color: #999999;
	border-radius: 5px;
	-moz-border-radius: 5px;
	/* 鑰佺殑 Firefox */
	background: #ffffff;
}

.pagespan:HOVER {
	padding: 8px;
	margin-left: 5px;
	border: 1px solid #22D7BB;
	color: #ffffff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	/* 鑰佺殑 Firefox */
	background: #22D7BB;
}

.spanhover {
	padding: 8px;
	margin-left: 5px;
	border: 1px solid #22D7BB;
	color: #ffffff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	/* 鑰佺殑 Firefox */
	background: #22D7BB;
}

.font_red {
	color: red;
}

.font999 {
	color: #999999;
}

.font2b {
	color: #22D7BB;
}

.tabdiv {
	min-height: 390px;
	overflow: hidden;
	margin-top: 10px;
}

.tabmain {
	margin-top: 10px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	font-size: 15px;
}

.tabmain tr th {
	text-align: center;
	border-top: 0;
	border-left: 1px solid #ddd;
}

.tabmain tr td {
	border-top: 0;
	border-left: 1px solid #ddd;
}


.rygl {
	margin-right: 25px;
	margin-top: 40px
}

.btn_op2 {
	color: #999;
	font-size: 14px;
	padding: 5px 15px;
	border-radius: 15px;
	-moz-border-radius: 10px;
	/* 鑰佺殑 Firefox */
	border: 1px solid #22D7BB;
	background: #fff;
	cursor: pointer;
}

.btn_ophover2 {
	color: #fff;
	border: 1px solid #ffffff;
	background: #22D7BB;
}

.btn_op2:HOVER {
	color: #fff;
	border: 1px solid #ffffff;
	background: #22D7BB;
}

.btn_op:HOVER {
	color: #fff;
	border: 1px solid #ffffff;
	background: #22D7BB;
}

/* ************************************************************************************************************** */
/* 棰滆壊 */

.red {
	background-color: red;
}

.hui {
	background-color: gray;
}

.lan {
	background-color: blue;
}

.hei {
	background-color: black;
}



/* 姒傚喌 */

.over_bady {
	width: 100%;
	height: 460px;

}

.over_top {
	width: 100%;
	height: 60px;

}

.over_top img {
	float: left;
	margin-top: 10px;
	margin-left: 50px;
	width: 50px;
	height: 50px;

}

.over_top p {
	padding-top: 26px;
}

.over_nei {
	float: left;
	margin-left: 100px;

	width: 230px;
	height: 400px;
}

.span1 {
	font-size: 19px;
	color: #333333;
	margin-top: 50px;
}

.span2 {
	font-size: 21px;
	color: rgb(34, 215, 187);
	padding-top: 40%;

}

.span3 {
	font-size: 11px;
	color: rgb(181, 190, 201);
	margin-top: 5px;

}

.span4 {
	font-size: 18px;
	color: #333;
	padding-top: 40%;
}


/* 设置table 超出隐藏  */
.hide_text_td {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.hide_text_table {
	table-layout: fixed;
}




.top {
	width: 100%;
	min-width: 800px;
	height: 40px;
	background-color: #eee;
	line-height: 40px;
}

.top label {
	color: red;
	font-size: 15px;
	margin-left: 25%;
	font-weight: 600;
}

.banner {
	background-color: rgb(240, 244, 247);
	width: 100%;
	min-width: 800px;
	height: 130px;
	border-bottom: 1px solid rgb(220, 220, 220);
	border-top: 1px solid rgb(220, 220, 220);
}

.banner div {
	width: 640px;
	height: 100px;
	background-color: red;
	margin-top: 25px;
	margin-left: 25%;
}

.index_body {
	background-color: rgb(242, 242, 242);
	width: 100%;
	min-width: 800px;
	height: 700px;
	;
	position: relative;
}

.login_box {
	background-color: #fff;
	width: 404px;
	height: 444px;
	margin: auto;
	position: absolute;
	top: -100px;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid rgb(204, 204, 204);
}

.login_box-top {
	width: 100%;
	height: 88px;
	border-bottom: 2px solid rgb(200, 200, 200);
}

.leb_1 {
	color: rgb(7, 89, 165);
	font-size: 30px;
	font-weight: 600;
	float: left;
	margin-left: 30px;
	margin-top: 30px;
}

.leb_2 {
	color: rgb(200, 200, 200);
	font-size: 24px;
	font-weight: 600;
	float: right;
	margin-right: 85px;
	margin-top: 40px;
}


.reg_user input {
	text-align: left;
	width: 250px;
	height: 30px;
}

.reg_user tr {
	height: 60px;

}

.scchang {
	margin-right: 53px;
	margin-top: 7px;
	float: right;
}

.table_r {
	width: 100%;
	border: none;
}

.table_r td {
	border: 0;
}

.table_r input {
	border: 1px solid rgb(222, 222, 222);
	height: 45px;
	font-size: 17px;
	text-indent: 7px;
	border-radius: 5px;

}

.bg2_rights {
	float: left;
	width: 400px;
	height: 400px;
	background-color: rgb(255, 255, 255);
}


.btn_op {
	color: #999;
	font-size: 14px;
	padding: 5px 30px;
	border-radius: 15px;
	-moz-border-radius: 10px;
	border: 1px solid #22D7BB;
	background: #fff;
	cursor: pointer;
}

@media screen and (max-width:500px) {
	.banner,
	.index_body{
		min-width: auto;
	}
	.banner div{
		width: 100%;
		margin-top: 0;
    margin-left: 0;
	}
	.login_box{
		width: 100%;
	}
}