@charset "utf-8";

body {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background: #000000 !important;
}

* {
	margin: 0;
	padding: 0;
	list-style: none;
	*zoom: 1;
	font-family: "微软雅黑";
}

a {
	text-decoration: none;
	cursor: pointer;
}

a:hover,
a:link {
	text-decoration: none !important;
}

fieldset,
img {
	border: none;
}

input:focus,
select:focus {
	outline: none;
}

button {
	cursor: pointer;
	-webkit-appearance: none;
	transition: all .3s;
	-webkit-transition: all .3s;
}

label {
	font-weight: normal !important;
}

* {
	-moz-box-sizing: border-box;
	/*Firefox3.5+*/
	-webkit-box-sizing: border-box;
	/*Safari3.2+*/
	-o-box-sizing: border-box;
	/*Opera9.6*/
	-ms-box-sizing: border-box;
	/*IE8*/
	box-sizing: border-box;
}

.main_b {
	width: 100%;
	float: left;
	display: flex;
}

.left {
	width: 290px;
	background: #000000;
	float: left;
	position: relative;
}

.right_main {
	flex: 1;
	position: relative;
}


.left .logo {
	width: 100%;
	float: left;
	text-align: center;
	margin: 20px 0;
}

.left .user_info {
	width: 100%;
	float: left;
	text-align: center;
	margin: 20px 0;
}

.left .user_img {
	width: 120px;
	margin: 0 auto;
}

.left .user_img img {
	width: 120px;
	height: 120px;
	border-radius: 100%;
	border: 5px solid rgba(255, 255, 255, 0.21);
}

.left .user_name {
	color: #FFFFFF;
	margin-top: 20px;
	font-size: 18px;
}

.left .user_time {
	color: #FFFFFF;
	margin-top: 20px;
	font-size: 16px;
}

.left .user_gly {
	margin-top: 20px;
}

.left .user_gly span {
	background: #004588;
	border-radius: 20px;
	padding: 0 25px;
	line-height: 35px;
	text-align: center;
	font-size: 16px;
	color: #b2d9ff;
	display: inline-block;
}

.left .left_about {
	width: 100%;
	float: left;
	margin-top: 20px;
	padding: 0 28px;
}

.left .left_about_tit {
	text-align: center;
	font-size: 18px;
	color: #ffffff;
}

.left .left_about_tit i {
	width: 18px;
	height: 6px;
	background: #ffa500;
	display: block;
	border-radius: 20px;
	margin: 0 auto;
	margin-top: 10px;
}

.left_nav ul li dl dd a em {
	background: #ffa500;
	border-radius: 100%;
	color: #FFFFFF;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	text-align: center;
	width: 20px;
	margin-left: 5px;
	font-size: 12px;
	display: inline-block;
}

.proce_state a em {
	position: absolute;
	top: -5px;
	right: 5px;
	background: #ffa500;
	border-radius: 100%;
	color: #FFFFFF;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	text-align: center;
	width: 20px;
}


.left .left_about_info {
	margin-top: 20px;
	font-size: 14px;
	color: #ffffff;
	opacity: 0.7;
	text-align: justify;
	line-height: 25px;
}

.left .left_about_bottom {
	margin-top: 20px;
	font-size: 14px;
	color: #34b0ff;
	text-align: center;
}

.top {
	width: 100%;
	height: 100px;
	float: left;
	background: #003d79;
}

.top .nav {
	float: left;
	display: flex;
	width: 75%;
}

.top .nav_menu {
	margin: 20px 0;
	text-align: center;
	height: 60px;
	width: 95px;
	border-right: 1px solid rgba(220, 222, 229, 0.2);
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
}

.top .nav_con {
	flex: 1;
	margin: 0 1%;
	text-align: center;
	white-space: nowrap;
}

.top .nav_con li {
	height: 100px;
	margin: 0 0.8%;
	width: 12.2%;
	/*float: left;
	display: flex;
    align-items: center; 
    justify-content: center;*/
	display: inline-block;
}

.top .nav_con li a {
	font-size: 16px;
	color: #9bc1e9;
	display: block;
	text-align: center;
	margin-top: 22px;
}

.top .nav_con li a i {
	width: 30px;
	height: 30px;
	display: block;
	margin: 0 auto;
	margin-bottom: 7px;
}

.top .nav_con li a i.nav_icon1 {
	background: url(../img/nav_icon2.png) no-repeat center center;
}

.top .nav_con li a i.nav_icon2 {
	background: url(../img/nav_icon3.png) no-repeat center center;
}

.top .nav_con li a i.nav_icon3 {
	background: url(../img/nav_icon4.png) no-repeat center center;
}

.top .nav_con li a i.nav_icon4 {
	background: url(../img/nav_icon5.png) no-repeat center center;
}

.top .nav_con li a i.nav_icon5 {
	background: url(../img/nav_icon6.png) no-repeat center center;
}

.top .nav_con li a i.nav_icon6 {
	background: url(../img/nav_icon7.png) no-repeat center center;
}

.top .nav_con li a i.nav_icon7 {
	background: url(../img/nav_icon8.png) no-repeat center center;
}

.top .nav_con li.active,
.top .nav_con li:hover {
	background: url(../img/nav_bg.png) no-repeat;
	background-size: 100% 100%;
}

.top .nav_con li.active a,
.top .nav_con li:hover a {
	color: #FFFFFF;
}

.top .nav_con li.active a i.nav_icon1,
.top .nav_con li:hover a i.nav_icon1 {
	background: url(../img/nav_icon2_2.png) no-repeat center center;
}

.top .nav_con li.active a i.nav_icon2,
.top .nav_con li:hover a i.nav_icon2 {
	background: url(../img/nav_icon3_2.png) no-repeat center center;
}

.top .nav_con li.active a i.nav_icon3,
.top .nav_con li:hover a i.nav_icon3 {
	background: url(../img/nav_icon4_2.png) no-repeat center center;
}

.top .nav_con li.active a i.nav_icon4,
.top .nav_con li:hover a i.nav_icon4 {
	background: url(../img/nav_icon5_2.png) no-repeat center center;
}

.top .nav_con li.active a i.nav_icon5,
.top .nav_con li:hover a i.nav_icon5 {
	background: url(../img/nav_icon6_2.png) no-repeat center center;
}

.top .nav_con li.active a i.nav_icon6,
.top .nav_con li:hover a i.nav_icon6 {
	background: url(../img/nav_icon7_2.png) no-repeat center center;
}

.top .nav_con li.active a i.nav_icon7,
.top .nav_con li:hover a i.nav_icon7 {
	background: url(../img/nav_icon8_2.png) no-repeat center center;
}

.top .top_right {
	width: 25%;
	float: right;
	display: flex;
}

.top .notice {
	flex: 1;
	background: #FFFFFF;
	height: 45px;
	border-radius: 50px;
	margin-top: 27.5px;
	padding: 0 20px;
	position: relative;
}

.top .notice>span {
	position: relative;
	margin-top: 15px;
	float: left;
}

.top .notice>span em {
	position: absolute;
	top: -7px;
	left: 8px;
	background: #ffa500;
	border-radius: 100%;
	color: #FFFFFF;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	text-align: center;
	width: 14px;
}

.top .notice_con {
	position: absolute;
	right: 20px;
	left: 55px;
	line-height: 45px;
}

.top .notice_con .scrollbox {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	transition: all .2s;
}

.top .notice_con .scrollbox .txt,
.top .notice_con .scrollbox .txt-clone {
	display: inline;
	position: relative;
}

.top .notice_con .scrollbox .txt a,
.top .notice_con .scrollbox .txt-clone a {
	font-size: 14px;
	color: #606264;
	margin-right: 8px;
}

.top .exit {
	margin-left: 20px;
	margin-right: 40px;
	margin-top: 27.5px;
}

.top .exit a {
	color: #FFFFFF;
	line-height: 40px;
}

.main {
	width: 100%;
	float: left;
	position: relative;
	background: #f0f1f6;
	padding: 20px;
	min-height: calc(800px);
}

.main::-webkit-scrollbar {
	width: 8px;
	height: 1px;
}

.main::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #000000;
}

.main::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	background: #ededed;
}

.index_col1 {
	width: 100%;
	float: left;
}

.index_col1 ul {
	width: 100%;
	float: left;
}

.index_col1 ul li {
	width: 24.17%;
	float: left;
	margin-right: 1.1%;
	height: 110px;
}

.index_col1 ul li:last-child {
	margin-right: 0;
}

.index_col1 ul li.index_col1_li1 {
	background: url(../img/index_col1_bg1.jpg) no-repeat;
	background-size: cover;
}

.index_col1 ul li.index_col1_li2 {
	background: url(../img/index_col1_bg2.jpg) no-repeat;
	background-size: cover;
}

.index_col1 ul li.index_col1_li3 {
	background: url(../img/index_col1_bg3.jpg) no-repeat;
	background-size: cover;
}

.index_col1 ul li.index_col1_li4 {
	background: url(../img/index_col1_bg4.jpg) no-repeat;
	background-size: cover;
}

.index_col1 ul li a {
	display: block;
}

.index_col1 .index_col1_left {
	width: 43%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 110px;
}

.index_col1 .index_col1_right {
	width: 57%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 110px;
	text-align: center;
	color: #FFFFFF;
}

.index_col1 .index_col1_right span {
	font-size: 26px;
	font-weight: bold;
}

.index_col1 .index_col1_right p {
	font-size: 16px;
}

.index_col2 {
	width: 100%;
	float: left;
	margin-top: 1.1%;
}

.index_col2_left {
	width: 49.45%;
	float: left;
	background: #FFFFFF;
	padding: 20px;
}

.index_tit {
	width: 100%;
	float: left;
}

.index_tit span {
	font-size: 22px;
	color: #000000;
	font-weight: bold;
	line-height: 22px;
}

.index_tit span i {
	float: left;
	margin-right: 6px;
}

.index_tit a {
	float: right;
	font-size: 16px;
	color: #606264;
	line-height: 22px;
}

.index_col2_con {
	width: 100%;
	float: left;
}

.index_col2_con ul {
	width: 100%;
	float: left;
	margin: 55px 0;
	margin-bottom: 35px;
}

.index_col2_con ul li {
	width: 33.33%;
	float: left;
	text-align: center;
	border-right: 1px solid #dcdee5;
}

.index_col2_con ul li:last-child {
	border: none;
}

.index_col2_con ul li span {
	font-size: 36px;
	color: #000000;
	font-weight: bold;
}

.index_col2_con ul li p {
	font-size: 16px;
}

.colour1 {
	color: #e9482a !important;
}

.colour2 {
	color: #ff8338 !important;
}

.colour3 {
	color: #ff8237 !important;
}

.colour4 {
	color: #606264 !important;
}

.index_col2_right {
	width: 49.45%;
	float: right;
	background: #FFFFFF;
	padding: 20px;
}

.index_col3 {
	width: 100%;
	float: left;
	margin-top: 1.1%;
}

.index_col3_left {
	width: 49.45%;
	float: left;
	background: #FFFFFF;
	padding: 20px;
}

.index_col3_left ul {
	width: 100%;
	float: left;
	margin: 15px 0;
	margin-top: 25px;
}

.index_col3_left ul li {
	width: 49%;
	float: left;
	background: #ffebe7;
	margin: 1%;
	margin-left: 0;
	text-align: center;
	padding: 25px 0;
}

.index_col3_left ul li a {
	display: block;
	font-size: 16px;
}

.index_col3_left ul li a span {
	font-size: 36px;
	font-weight: bold;
	color: #000000;
}

.index_col3_left ul li:nth-child(2n) {
	width: 49%;
	float: right;
	background: #ffebe7;
	margin-right: 0;
}

.index_col3_right {
	width: 49.45%;
	float: right;
	background: #FFFFFF;
	padding: 20px;
}

.index_tab {
	width: 100%;
	float: left;
	margin-top: 30px;
}

.index_tab tr th {
	background: #f0f1f6;
	font-size: 16px;
	color: #606264;
	font-weight: normal;
}

.index_tab tr td {
	font-size: 16px;
	color: #a3a5a7;
	border-bottom: 1px dashed #dedfdf;
	height: 56px;
}

.index_tab tr td a {
	font-size: 15px;
	color: #4992da;
}


.left_nav {
	width: 100%;
	padding: 0 15px;
	/*position: absolute;
	top:100px;
	left: 0;
	bottom: 10px;
	right: 0;
	overflow: auto;	*/
}

.left_nav ul {
	width: 100%;
	float: left;
}

.left_nav ul li {
	width: 100%;
	float: left;
	text-align: center;
	margin: 10px 0;
}

.left_nav ul li span {
	text-align: left;
	font-size: 17px;
	color: #ffffff;
	width: 195px;
	display: inline-block;
	line-height: 30px;
}

.left_nav ul li span em {
	width: 35px;
	float: left;
	height: 30px;
	display: flex;
	align-items: center;
}

.left_nav ul li span i {
	float: right;
	width: 10px;
	height: 6px;
	background: url(../img/left_nav_img7.png) no-repeat;
	margin-top: 12px;
	transition: transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	-webkit-transition: -webkit-transform 0.5s;
	-o-transition: -o-transform 0.5s;
}

.left_nav ul li.active span i {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

.left_nav ul li dl {
	width: 100%;
	float: left;
	margin: 13px 0;
	display: none;
}

.left_nav ul li dl dd {
	width: 100%;
	float: left;
	line-height: 47px;
	font-size: 15px;
	padding-left: 70px;
	margin: 3px 0;
}

.left_nav ul li dl dd a {
	color: #FFFFFF;
	display: block;
	text-align: left;
}

.left_nav ul li dl.dl_on {
	display: block;
}

.left_nav ul li dl dd.left_on {
	background: #ffa500;
}

.left_nav ul li dl dd:hover {
	background: #ffa500;
}

.main_con {
	background: #FFFFFF;
	display: block;
	padding: 20px;
	width: 100%;
	float: left;
}

.crumbs {
	width: 100%;
	float: left;
	border-bottom: 1px solid #e9e9e9;
	font-size: 15px;
	color: #a3a5a7;
	padding-bottom: 15px;
}

.crumbs a {
	color: #a3a5a7;
}

.crumbs img {
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -3px;
}

.jiankong_table {
	width: 100%;
	float: left;
}

.tab_tit {
	margin-top: 20px;
}

.tab_tit .tab1 {
	float: left;
}

.tab_tit .tab1 li {
	float: left;
	width: 100px;
	height: 35px;
	background: #e1eefa;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	color: #000000;
	margin-right: 10px;
	cursor: pointer;
}

.tab_tit .tab1 li.active {
	background: #428bca;
	color: #FFFFFF;
}

.hide2 {
	display: none;
}

.proce_state {
	float: right;
}

.proce_state a {
	width: 100px;
	height: 35px;
	background: #e1eefa;
	text-align: center;
	line-height: 35px;
	font-size: 16px;
	color: #000000;
	margin-left: 13px;
}

.proce_state a img {
	vertical-align: middle;
	margin-right: 3px;
	margin-top: -2px;
}

.proce_state a.active {
	background: #428bca;
	color: #FFFFFF;
}

.proce_state a i.icon1 {
	width: 18px;
	height: 17px;
	background: url(../img/icon1.png) no-repeat;
	background-size: 100%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
}

.proce_state a.active i.icon1 {
	background: url(../img/icon1_2.png) no-repeat;
	background-size: 100%;
}

.proce_state a i.icon2 {
	width: 17px;
	height: 17px;
	background: url(../img/icon2.png) no-repeat;
	background-size: 100%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	margin-top: -2px;
}

.proce_state a.active i.icon2 {
	background: url(../img/icon2_2.png) no-repeat;
	background-size: 100%;
}

.proce_state a i.icon3 {
	width: 18px;
	height: 17px;
	background: url(../img/icon3.png) no-repeat;
	background-size: 100%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	margin-top: -2px;
}

.proce_state a.active i.icon3 {
	background: url(../img/icon3_2.png) no-repeat;
	background-size: 100%;
}

.table2 {
	width: 100%;
	border: 1px solid #a3bdd6;
	border-top: 0;
	margin-top: 20px;
}

.table tr th {
	border-top: 1px solid #a3bdd6;
	background: #e1eefa;
	font-size: 15px;
	color: #000000;
	font-weight: normal;
}

.table tr td {
	border-top: 1px solid #a3bdd6;
	font-size: 15px;
	color: #606264;
	height: 50px;
}

.table tr:hover td {
	background: #f0f1f6;
}

.table2 a {
	font-size: 15px;
	color: #ffa500;
}

.pagination-detail {
	font-size: 14px;
}

.search {
	width: 100%;
	float: left;
	margin-top: 20px;
}

.search_col {
	float: left;
	margin-right: 5%;
	width: 20%;
	display: flex;
}

.search_col label {
	font-size: 15px;
	color: #606264;
	line-height: 50px;
	margin-right: 15px;
}

.search_col input {
	height: 50px;
	background: #f0f1f6;
	font-size: 14px;
	border: 1px solid #dedfdf;
	padding: 0 10px;
	width: 20%;
	flex: 1;
}

.search_col select {
	height: 50px;
	background: #f0f1f6;
	font-size: 14px;
	border: 1px solid #dedfdf;
	padding: 0 10px;
	flex: 1;
}

.search_col2 {
	float: right;
}

.search_col2 button {
	width: 109px;
	height: 50px;
	font-size: 15px;
	border: 0;
	color: #FFFFFF;
}

.search_col2 button img {
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -2px;
}

.search_but {
	background: #ffa500;
}

.search_dc {
	background: #000000;
	margin-left: 10px;
}

.tab_tit span {
	float: left;
	margin-top: 5px;
}

.selectBox {
	width: 20%;
	flex: 1;
	position: relative;
}

.selectBox select {
	width: 100%;
	height: 50px;
	background: #f0f1f6;
	font-size: 14px;
	border: 1px solid #dedfdf;
}

.inputCase {
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.imitationSelect {
	font-size: 12px;
	height: 100%;
	padding: 0 13px;
}

.inputCase i.fa {
	position: absolute;
	top: 50%;
	right: 13px;
	background: url(../img/icon6.png) no-repeat;
	display: block;
	width: 10px;
	height: 6px;
	margin-top: -3px;
}

.inputCase i.fa-caret-up {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

.selectUl,
.clztUl {
	display: none;
	border-left: 1px solid #dedfdf;
	border-right: 1px solid #dedfdf;
	border-bottom: 1px solid #dedfdf;
	width: 100%;
	background: #FFFFFF;
	z-index: 99;
	position: absolute;
	left: 0;
	top: 49px;
}

.selectUl li,
.clztUl li {
	line-height: 45px;
	font-size: 14px;
	padding: 0 15px;
	border-bottom: 1px solid #dedfdf;
}

.selectUl li:last-child,
.clztUl li:last-child {
	border-bottom: 0;
}

.person_root {
	line-height: 50px;
	font-size: 14px;
	margin-right: 6px;
}

.person_root i {
	width: 13px;
	height: 13px;
	background: url(../img/icon7.png) no-repeat;
	background-size: 100%;
	display: inline-block;
	margin-left: 1px;
	vertical-align: middle;
	margin-top: -2px;
}

.select-menu-input {
	line-height: 50px;
	font-size: 14px;
}


/***********************胎压监控*******************/
.main_left {
	/*position: absolute;
	left: 0;
	top: 0;*/
	background: #FFFFFF;
	padding: 20px;
	width: 265px;
	float: left;
	min-height: calc(600px);
}

.main_left_con {
	width: 100%;
	float: left;
	height: 100%;
	position: relative;
}

.tyjk_search {
	width: 225px;
	float: left;
}

.tyjk_search_col1 {
	width: 100%;
	float: left;
	margin-top: 20px;
	display: flex;
}

.tyjk_search_col1 input {
	border: 1px solid #dedfdf;
	height: 40px;
	background: #f0f1f6;
	border-right: 0;
	padding: 0 15px;
	width: 185px;
	font-size: 14px;
}

.tyjk_search_col1 button {
	float: right;
	width: 40px;
	height: 40px;
	border: 0;
}

.tyjk_search_col1 button img {
	height: 100%;
}

.tyjk_search_col2 {
	width: 100%;
	float: left;
	margin-top: 8px;
}

.tyjk_search_col2 input {
	border: 1px solid #dedfdf;
	line-height: 40px;
	background: #f0f1f6;
	padding: 0 15px;
	width: 100%;
	font-size: 14px;
}

.tyjk_search_col4 {
	width: 100%;
	float: left;
	margin-top: 8px;
}

.tyjk_search_col4 select {
	border: 1px solid #dedfdf;
	height: 40px;
	background: #f0f1f6;
	padding: 0 15px;
	width: 100%;
	font-size: 14px;
}

.tyjk_left_list {
	width: 100%;
	float: left;
	/*position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 185px;*/
}

.tyjk_left_list ul {
	/*width: 100%;
	position: absolute;
	left: 0;
	bottom: 55px;
	top: 10px;
	overflow-y: auto;*/
	width: 100%;
	float: left;
	margin-top: 20px;
}

.tyjk_left_list ul::-webkit-scrollbar,
.left_nav::-webkit-scrollbar {
	width: 4px;
	height: 1px;
}

.tyjk_left_list ul::-webkit-scrollbar-thumb,
.left_nav::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #a5a9ac;
}

.tyjk_left_list ul::-webkit-scrollbar-track,
.left_nav::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	background: #ededed;
}

.tyjk_left_list ul li {
	border-bottom: 1px solid #e9e9e9;
	font-size: 14px;
	color: #606264;
	padding: 1.0vw 0;
}

.tyjk_left_list ul li.active {
	border-bottom: 1px solid #ffa500;
	color: #ffa500;
    background-color: #e1eefa;
}

.tyjk_left_list ul li i {
	float: right;
	margin-right: 10px;
}

.tyjk_left_list .page {
	width: 100%;
	/*position: absolute;
	left: 0;
	bottom: 0px;*/
	float: left;
	margin-top: 30px;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.tyjk_left_list .page a {
	width: 40px;
	height: 40px;
	display: inline-block;
	font-size: 15px;
	color: #a5a9ac;
	text-align: center;
	line-height: 40px;
	background: #f0f1f6;
	float: left;
}

.tyjk_left_list .page a.active,
.tyjk_left_list .page a:hover {
	background: #ffa500;
	color: #FFFFFF;
}

.tyjk_left_list .tyjk_icon {
	float: right;
}

.tyjk_left_list .tyjk_icon img {
	width: 16px;
}

.tyjk_search_col3 {
	position: fixed;
	right: 20px;
	z-index: 99999;
	bottom: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 3px;
}

.tyjk_search_col3 a {
	font-size: 13px;
	color: #FFFFFF;
	margin: 8px 10px;
}

.tyjk_search_col3 a i {
	width: 13px;
	height: 13px;
	display: inline-block;
	background: url(../img/tyjk_icon2.png) no-repeat;
	background-size: 100%;
	vertical-align: middle;
	margin-right: 4px;
	margin-top: -2px;
}

.tyjk_search_col3 a.active i {
	background: url(../img/tyjk_icon1.png) no-repeat;
	background-size: 100%;
}

.tyjk_right {
	position: absolute;
	top: 0;
	right: 0;
	padding: 20px;
	background: #FFFFFF;
	bottom: 0;
	padding-right: 0;
}

.tyjk_right_mod1 {
	width: 240px;
}

.tyjk_right_mod1 ul li {
	width: 100%;
	display: block;
	font-size: 15px;
	color: #606264;
	padding: 1.0vw 0;
	border-bottom: 1px solid #e9e9e9;
	line-height: 20px;
}

.tyjk_right_mod1 ul li:last-child {
	border-bottom: 0;
}

.tyjk_right_mod1 ul li i {
	width: 60px;
	float: left;
	margin-top: 1px;
	text-align: center;
}

.tyjk_right_mod2 {
	width: 250px;
	margin-top: 2.0vw;
	margin-right: 10px;
}

.tyjk_right_mod2 ul li {
	width: 100%;
	font-size: 15px;
	color: #606264;
	padding: 1.0vw 0;
}

.tyjk_right_mod2 ul li i {
	width: 60px;
	float: left;
	margin-top: 1px;
	text-align: center;
}

.tyjk_right_mod2 ul li i em {
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 100%;
}

.tyjk_right_mod2 ul li i em.colour1 {
	background: #70c05b;
}

.tyjk_right_mod2 ul li i em.colour2 {
	background: #e9482a;
}

.tyjk_right_mod2 ul li i em.colour3 {
	background: #ff8338;
}

.tyjk_right_mod2 ul li i em.colour4 {
	background: #fa5694;
}

.tyjk_right_mod2 ul li i em.colour5 {
	background: #989a9e;
}

.tyjk_right_mod2 ul li i em.colour6 {
	background: #e0e1e5;
}

.tyjk_center {
	background: #f0f1f6;
	margin-left: 265px;
	margin-right: 280px;
	overflow: hidden;
}

.tyjk_center_con {
	width: 100%;
	height: 100%;
	position: relative;
}

.tyjk_cen_top {
	/*position: absolute;
	top: 0;
	left: 0;*/
	width: 100%;
	float: left;
	background: #e1eefa;
	text-align: center;
	font-size: 17px;
	color: #000000;
	line-height: 48px;
	z-index: 99;
}

.tyjk_cen_top span {
	margin: 0 20px;
}

.tyjk_cen_top i.tyjk_cen_car {
	width: 20px;
	height: 16px;
	display: inline-block;
	background: url(../img/tyjk_icon3_3.png) no-repeat;
	background-size: cover;
	vertical-align: middle;
	margin-right: 5px;
}

.tyjk_cen_bottom {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 17px;
	color: #000000;
	line-height: 48px;
	z-index: 99;
}

.tyjk_cen_bottom span {
	margin: 0 20px;
}

.tyjk_cen_bottom i.tyjk_cen_car {
	width: 20px;
	height: 16px;
	display: inline-block;
	background: url(../img/tyjk_icon3_3.png) no-repeat;
	background-size: cover;
	vertical-align: middle;
	margin-right: 5px;
}

.tyjk_cen_main {
	width: 100%;
	float: left;
	/*position: absolute;
	top: 50px;
	bottom: 20px;
	left: 0;
	overflow: auto;*/
	padding-bottom: 30px;
	overflow-x: auto;
}

.tyjk_cen_main::-webkit-scrollbar {
	width: 4px;
	height: 5px;
}

.tyjk_cen_main::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #a5a9ac;
}

.tyjk_cen_main::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	background: #ededed;
}

.tyjk_cen_main_col {
	width: 100%;
	float: left;
	margin-top: 20px;
}

.tyjk_cen_main_col1 {
	width: 100%;
	float: left;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tyjk_cen_main_col1 .tyjk_cen_info {
	display: flex;
	align-items: center;
	justify-content: center;
}

.tyjk_bz_colour {
	font-size: 16px;
	margin-bottom: 13px;
	display: flex;
	align-items: center;
    word-break: break-all;
}

/*.tyjk_bz_colour1{
	color: #e9482a;
}
.tyjk_bz_colour2{
	color: #70c05b;
}
.tyjk_bz_colour3{
	color: #989a9e;
}
.tyjk_bz_colour4{
	color: #fa5694;
}
.tyjk_bz_colour5{
	color: #ff8338;
}*/
.tyjk_bz_colour i {
	width: 50px;
	text-align: center;
	display: inline-block;
	margin-left: 5px;
}

.tyjk_cen_main_col1 .tyjk_cen_left1 .tyjk_cen_info .tyjk_cen_info_r {
	position: relative;
}

.tyjk_cen_main_col1 .tyjk_cen_right1 .tyjk_cen_info .tyjk_cen_info_l {
	position: relative;
}

.tyjk_lt_colour {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 45%;
	text-align: center;
	left: 0;
	color: #FFFFFF;
	font-size: 24px;
	transform: translateY(-60%);
}

.tyjk_lt_colour1 {
	border: 3px solid #c42e12;
	color: #e9482a;
}

.tyjk_lt_colour2 {
	border: 3px solid #56a541;
	color: #70c05b;
}

.tyjk_lt_colour3 {
	border: 3px solid #62646a;
	color: #989a9e;
}

.tyjk_lt_colour4 {
	border: 3px solid #d5316f;
	color: #fa5694;
}

.tyjk_lt_colour5 {
	border: 3px solid #e16920;
	color: #ff8338;
}

.tyjk_cen_main_col2 {
	width: 100%;
	float: left;
	margin-top: 20px;
	text-align: center;
	display: flex;
	justify-content: center;
}

.tyjk_cen_main_col2 .tyjk_cen_center {
	margin-top: 3.5vw;
	/*width: 15%;*/
}

.tyjk_cen_main_col2 .tyjk_cen_center img {
	/*max-width: 100%;*/
    width:100px;
}

.tyjk_cen_main_col2 .tyjk_cen_info {
	/*display: flex;
    align-items: center;
    justify-content: center;*/
}

.tyjk_cen_main_col2 .tyjk_cen_info .tyjk_cen_info_l2 {
	float: left;
    max-width:198px;
    margin:0 1px;
}

.tyjk_cen_main_col2 .tyjk_cen_info .tyjk_cen_info_l2 .tyjk_cen_lt2 {
	position: relative;
	display: inline-block;
}

.tyjk_cen_lt_sign {
	position: absolute;
	right: 20px;
	top: 50px;
	z-index: 99;
}

.tyjk_cen_lt_sign div {
	width: 72px;
	height: 72px;
	border-radius: 10px;
	margin-top: 13px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	/* float: left;
    margin-left: 13px;*/
}

.tyjk_cen_lt_sign div.colour1 span {
	/*background: #ffa500;*/
	color: #ffa500;
}

.tyjk_cen_lt_sign div.colour2 span {
	/*background: #000000;*/
	color: #000000;
}

.tyjk_cen_lt_sign div.colour3 span {
	/*background: #44b947;*/
	color: #44b947;
}

.tyjk_cen_lt_sign div span {
	font-size: 13px;
	color: #FFFFFF;
	display: inline-block;
}

.tyjk_cen_lt_sign div span i {
	display: block;
	font-style: normal;
	margin-top: 5px;
}

.fixed-table-pagination {
	margin-top: 10px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.dropdown-menu a {
	display: block;
	text-align: center;
	border-bottom: 1px solid #F0F1F6;
	line-height: 40px;
}

.dropdown-menu a:last-child {
	border-bottom: 0;
}


/***********************************/
.left2 {
	width: 265px;
}

.top2 {
	float: right;
	width: calc(100% - 265px);
}

.main2 {
	left: 265px;
	padding: 0;
	position: absolute;
	top: 100px;
	bottom: 0;
	right: 0;
	width: auto;
}

.main3 {
	left: 230px;
	padding: 0;
	position: absolute;
	top: 105px;
	bottom: 0;
	right: 0;
	width: auto;
}

.left2 .main_left {
	top: 100px;
}

.map {
	width: 100%;
	height: 100%;
	position: relative;
}

.map>img {
	width: 100%;
	height: 100%;
}

.box {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.18);
	display: none;
	z-index: 9999;
}

.car_monitor .tab {
	width: 100%;
	float: left;
	text-align: center;
	margin: 30px 0;
}

.car_monitor .tab a {
	width: 168px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 18px;
	color: #ffa500;
	background: #FFFFFF;
	display: inline-block;
	border: 1px solid #ffa500;
}

.car_monitor .tab a.active {
	background: #ffa500;
	color: #FFFFFF;
}

.car_monitor .box_con {
	width: 800px;
	margin: 0 auto;
	background: #FFFFFF;
	display: block;
	overflow: hidden;
}

.box_tit {
	width: 100%;
	height: 50px;
	background: #000000;
	box-sizing: border-box;
	padding: 0 25px;
}

.box_tit span {
	line-height: 50px;
	font-size: 17px;
	color: #FFFFFF;
}

.box_tit span i {
	margin-right: 10px;
	vertical-align: middle;
	margin-top: -3px;
	display: inline-block;
}

.box_tit a {
	float: right;
	margin-top: 16px;
	opacity: 1;
}

.car_monitor .box_info {
	margin: 20px;
}

.car_monitor .box_info_col1 {
	display: flex;
	width: 100%;
}

.car_monitor .box_info_col1_left {
	float: left;
}

.car_monitor .box_info_col1_right {
	float: left;
	margin-left: 15px;
}

.car_monitor .box_car_info_tit {
	font-size: 22px;
	font-weight: bold;
	color: #000000;
}

.car_monitor .box_car_info table {
	width: 100%;
	margin-top: 25px;
}

.car_monitor .box_car_info table tr td {
	background: #f0f1f6;
	height: 40px;
	padding: 0 25px;
	border-right: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	font-size: 15px;
	color: #606264;
}

.car_monitor .box_info_col2 {
	width: 100%;
	float: left;
	margin-top: 25px;
}

.car_monitor .box_info_col2 #tab {
	display: block;
}

.car_monitor .box_info_col2 #tab li {
	display: inline-block;
	font-size: 18px;
	color: #000000;
	margin-right: 20px;
	line-height: 40px;
}

.car_monitor .box_info_col2 #tab li.active {
	border-bottom: 2px solid #ffa500;
	font-weight: bold;
}

.car_monitor .box_info_col2_con {
	width: 100%;
	margin: 20px 0;
	display: none;
}

.car_monitor .box_info_col2_con table {
	width: 100%;
}

.car_monitor .box_info_col2_con table tr td {
	background: #f0f1f6;
	height: 40px;
	padding: 0 25px;
	border-right: 2px solid #FFFFFF;
	border-top: 2px solid #FFFFFF;
	font-size: 15px;
	color: #606264;
}

.car_monitor .box_info_col3 {
	width: 100%;
	float: left;
	margin: 30px 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.car_monitor .box_info_col3 a {
	width: 178px;
	height: 50px;
	float: left;
	text-align: center;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 50px;
}

.car_monitor .box_info_col3 a i {
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -5px;
}

.car_monitor .box_info_col3 a.sssp {
	background: #000000;
}

.car_monitor .box_info_col3 a.dlsp {
	background: #ffa500;
}

.car_monitor .box_info_col3 a.txzp {
	background: #70c05b;
}

.car_monitor .box_info_col3 a.wbxf {
	background: #ffa151;
}


/****************************************/
.add_con {
	width: 100%;
	float: left;
	margin-top: 20px;
}

.add_con form {
	width: 100%;
	float: left;
}

.add_con .add_form_col {
	width: 100%;
	float: left;
	margin-bottom: 15px;
	white-space: nowrap;
}

.add_con .add_form_col label {
	font-size: 15px;
	color: #606264;
	width: 142px;
	text-align: right;
	float: left;
	line-height: 40px;
	margin-right: 8px;
	font-weight: normal;
}

.add_con .add_form_col input,
.add_con .add_form_col select {
	width: 230px;
	border: 1px solid #dedfdf;
	border-radius: 3px;
	height: 40px;
	padding: 0 10px;
}

.add_con .add_form_col em {
	font-size: 14px;
	color: red;
	font-style: normal;
	margin-left: 5px;
}

.add_con .add_form_cph {
	display: inline-block;
	margin-right: 20px;
	width: 45%;
}

.add_con .add_from_pho>input {
	float: left;
	margin-right: 10px;
}

.add_con .upload {
	font-size: 14px;
	position: relative;
	display: inline-block;
	border: 1px solid #dedfdf;
	border-radius: 3px;
	height: 40px;
	padding: 0 15px;
	line-height: 40px;
	overflow: hidden;
	width: 120px;
	float: left;
}

.add_con .upload img {
	width: 25px;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 5px;
}

.add_con .upload input {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
}

.add_con .cktp {
	margin-left: 10px;
	display: inline-block;
	border: 1px solid #dedfdf;
	border-radius: 3px;
	height: 40px;
	padding: 0 15px;
	line-height: 40px;
	font-size: 14px;
	color: #000;
	float: left;
}

.add_form_but {
	width: 100%;
	float: left;
	padding-left: 150px;
	margin: 20px 0;
}

.add_form_but button {
	width: 110px;
	height: 40px;
	border: 1px solid #C9C9C9;
	background-color: #fff;
	color: #555;
	margin-right: 20px;
}

.add_form_but button:hover {
	border: 1px solid #ffa500;
}

.add_form_but button.save {
	background: #ffa500;
	color: #FFFFFF;
	border: 1px solid #ffa500;
}

.add_form_but button.save:hover {
	background: rgba(250, 118, 81, 0.9);
}

.img_con {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#img_show {
	display: block;
}

.img_con .close {
	position: absolute;
	top: -10px;
	right: -10px;
}

.box_main {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.add_js_form {
	width: 500px;
	padding: 20px 15px;
	background: #FFFFFF;
}

.add_js_form .add_form_col {
	width: 100%;
	display: block;
	overflow: hidden;
	margin: 10px 0;
}

.add_js_form .add_form_col label {
	width: 100px;
	font-size: 14px;
	margin: 0 5px;
	text-align: right;
	float: left;
	line-height: 40px;
	margin-right: 5px;
}

.add_js_form .add_form_col input {
	width: 200px;
	border: 1px solid #dedfdf;
	border-radius: 3px;
	height: 38px;
	padding: 0 10px;
}

.add_js_form .add_form_col select {
	width: 200px;
	border: 1px solid #dedfdf;
	border-radius: 3px;
	height: 38px;
	padding: 0 10px;
}

.sp_con {
	width: 100%;
}

.sp_con_col {
	float: left;
	margin-right: 15px;
}

.sp_con_col label {
	font-size: 14px;
	margin: 0 5px;
	float: left;
	line-height: 40px;
	margin-right: 5px;
}

.sp_con_col select {
	border: 1px solid #dedfdf;
	border-radius: 3px;
	height: 38px;
	padding: 0 5px;
	min-width: 130px;
}

.sp_con_col input.lianxian {
	display: inline-block;
	width: 80px;
	margin-left: 10px;
	background: #ffa500;
	color: #FFFFFF;
	border: none;
	height: 38px;
}

.shipin {
	width: 100%;
	float: left;
	margin-top: 15px;
	overflow-x: auto;
}

.sp_tit {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0;
	margin-bottom: 30px;
}

.shipin video {
	width: 100%;
}

.sp_con_col2 {
	width: 100%;
	float: left;
	margin-top: 15px;
}

.sp_con_col2 textarea {
	border: 1px solid #dedfdf;
	border-radius: 3px;
	padding: 10px;
	resize: none;
	width: 100%;
	min-height: 130px;
}

.sp_con_col3 {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

.sp_con_col3 span {
	margin-right: 20px;
	font-size: 14px;
	color: #606264;
}

.sp_con_col3 span input {
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -2px;
}

.sp_con_col4 {
	width: 100%;
	float: left;
	margin-top: 15px;
	text-align: center;
}

.sp_con_col4 button {
	width: 60px;
	height: 30px;
	font-size: 12px;
	border: 1px solid #dedfdf;
	background: #FFFFFF;
	margin-left: 10px;
}

.sp_con_col4 button.fs {
	background: #ffa500;
	color: #FFFFFF;
	border: 1px solid #ffa500;
}

.add_js_form .add_form_col .add_form_qxfw {
	float: left;
	width: 280px;
}

.add_js_form .add_form_col .add_form_qxfw span {
	font-size: 14px;
	color: #606264;
	width: 50%;
	float: left;
	margin-top: 10px;
}

.add_js_form .add_form_col .add_form_qxfw span input {
	width: 17px !important;
	height: 17px !important;
	vertical-align: middle;
	margin-right: 5px;
	background: none !important;
	margin-top: -2px;
}

.add_js_form .add_form_col textarea {
	width: 330px;
	margin-top: 15px;
	float: left;
	padding: 10px;
	border: 1px solid #dedfdf;
	border-radius: 3px;
	min-height: 100px;
}

.add_js_form .box_add_but {
	width: 100%;
	overflow: hidden;
	text-align: right;
	margin-top: 30px;
}

.add_js_form .box_add_but button {
	width: 60px;
	height: 30px;
	font-size: 12px;
	border: 1px solid #dedfdf;
	background: #FFFFFF;
	margin-left: 10px;
}

.add_js_form .box_add_but button.save {
	background: #ffa500;
	color: #FFFFFF;
	border: 1px solid #ffa500;
}

.add_js_form .box_add_but button:hover {
	border: 1px solid #ffa500;
}

.add_js_form .box_add_but button.save:hover {
	background: rgba(250, 118, 81, 0.9);
}


/********************车辆轨迹回放*************************/
.gj_main {
	top: 0;
	left: 0;
}

.gj_main .search {
	margin-top: 0;
}

.search_col3 {
	float: left;
}

.search_col3 label {
	font-size: 15px;
	color: #606264;
	line-height: 50px;
	margin-right: 10px;
}

.search_col3 .search_select {
	display: inline-block;
}

.search_col3 .search_select select {
	width: 120px;
	height: 50px;
	background: #f0f1f6;
	font-size: 14px;
	border: 1px solid #dedfdf;
	padding: 0 10px;
}

.search_col3 .search_time {
	display: inline-block;
	margin-left: 15px;
}

.search_col3 .search_time input {
	width: 180px;
	height: 50px;
	background: #f0f1f6;
	font-size: 14px;
	border: 1px solid #dedfdf;
	padding: 0 10px;
}

.search_col3 .search_cs {
	display: inline-block;
	font-size: 15px;
	color: #606264;
	margin-left: 10px;
}

.search_col3 .search_cs input {
	width: 60px;
	height: 50px;
	background: #f0f1f6;
	font-size: 14px;
	border: 1px solid #dedfdf;
	padding: 0 10px;
	margin: 0 5px;
}

.gj_map {
	width: 100%;
	float: left;
	margin-top: 20px;
}

.gj_map img {
	width: 100%;
}

.search3 {
	width: 100%;
	float: left;
}

.search3 label {
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #606264;
	line-height: 40px;
}

.search3_col1 {
	display: block;
}

.search3_col1 span {
	width: 50%;
	float: left;
	line-height: 30px;
	color: #606264;
}

.search3_col1 span input,
.search3_col4 span input {
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -2px;
}

.search3_col2 {
	margin-top: 10px;
}

.search3_col2 input {
	border: 1px solid #dedfdf;
	line-height: 40px;
	background: #f0f1f6;
	padding: 0 15px;
	width: 100%;
	font-size: 15px;
	margin: 5px 0;
}

.search3_col3 {
	font-size: 14px;
	line-height: 40px;
	color: #606264;
}

.search3_col4 span {
	width: 100%;
	display: block;
	margin: 5px 0;
	color: #606264;
}

.search3_col3 label {
	display: inline-block;
}

.search3_col5 {
	width: 100%;
	margin-top: 40px;
}

.search3_col5 button {
	width: 100%;
	height: 40px;
	border: 0;
	color: #FFFFFF;
	background: #ffa500;
	font-size: 16px;
}

.search3_col6 {
	width: 100%;
	margin-top: 20px;
	text-align: center;
}

.search3_col6 a {
	margin: 0 10px;
	font-size: 14px;
	color: #ffa500;
}

.cklsqx_right {
	position: absolute;
	left: 295px;
	bottom: 15px;
	top: 15px;
	overflow: auto;
	text-align: center;
}

.cklsqx_tit {
	width: 100%;
	float: left;
	font-size: 24px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	margin: 20px 0;
}

.cklsqx_right::-webkit-scrollbar {
	width: 4px;
	height: 1px;
}

.cklsqx_right::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #a5a9ac;
}

.cklsqx_right::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	background: #ededed;
}

.cklsqx_col1 {
	width: 100%;
	float: left;
	padding: 10px;
}

.cklsqx_col1 img {
	max-width: 100%;
}

.dtjk_lab {
	display: inline-block;
	font-size: 14px;
}

.dtjk_lab input {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

.toggle_but {
	position: absolute;
	top: 50%;
	left: 265px;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	height: 40px;
	margin-top: -20px;
}

.toggle_but i {
	width: 20px;
	height: 20px;
	display: block;
	background: url(../img/arrow2.png) no-repeat;
	background-size: 100%;
	margin-top: 10px;
}

.toggle_but i.show {
	background: url(../img/arrow.png) no-repeat;
	background-size: 100%;
}

.proce_state a.add {
	background: #ffa500;
	color: #FFFFFF;
	font-size: 15px;
}

.kltj_span {
	width: 100%;
	float: left;
	margin-top: 20px;
}

.kltj_span ul {
	width: 100%;
	float: left;
}

.kltj_span ul li {
	float: left;
	margin-right: 20px;
	padding: 15px 0px;
	text-align: center;
	width: 300px;
}

.kltj_span ul li span {
	font-size: 30px;
	color: #000000;
	font-weight: bold;
}

.kltj_span ul li p {
	font-size: 16px;
	color: #606264;
	margin: 5px 0;
	margin-bottom: 0;
}

.kltj_span ul li p.p1 {
	color: #ffa500;
	font-size: 18px;
}

.kltj_span ul li p.p2 {
	color: #faa151;
	font-size: 18px;
}

.kltj_span ul li p.p3 {
	color: #000000;
	font-size: 18px;
}

.kltj_con {
	width: 100%;
	float: left;
}

.kltj_con2 {
	width: 100%;
	float: left;
	margin-top: 20px;
}

.kltj_con2 img {
	max-width: 100%;
}

.smzq {
	width: 600px;
	background: #FFFFFF;
	height: 400px;
	padding: 20px 15px;
	position: relative;
	overflow: auto;
}

.smzq::-webkit-scrollbar,
.zck::-webkit-scrollbar,
ul.ztree::-webkit-scrollbar,
.clgl_right::-webkit-scrollbar {
	width: 4px;
	height: 1px;
}

.smzq::-webkit-scrollbar-thumb,
.zck::-webkit-scrollbar-thumb,
ul.ztree::-webkit-scrollbar-thumb,
.clgl_right::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #a5a9ac;
}

.smzq::-webkit-scrollbar-track,
.zck::-webkit-scrollbar-track,
ul.ztree::-webkit-scrollbar-track,
.clgl_right::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	background: #ededed;
}

.smzq_border {
	position: absolute;
	top: 20px;
	bottom: 20px;
	left: 50%;
	border-left: 4px solid #f53c3c;
	margin-left: -2px;
}

.smzq_col {
	width: 100%;
	float: left;
	margin: 15px 0;
	font-size: 15px;
	position: relative;
}

.smzq_col_left {
	width: 46%;
	float: left;
	text-align: right;
}

.smzq_col_right {
	width: 46%;
	float: right;
}

.smzq_col span {
	font-weight: bold;
	font-size: 16px;
}

.smzq_col p {
	font-size: 14px;
	margin-top: 10px;
	color: #a3a5a7;
	font-weight: normal;
}

.dot {
	width: 12px;
	height: 12px;
	position: absolute;
	left: 50%;
	top: 6px;
	margin-left: -6px;
	display: block;
	border-radius: 50%;
	background: #f53c3c;
}

.smzq_con {
	width: 96%;
	float: left;
	position: relative;
	margin-left: 2%;
}

.smzq_col2 {
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 10px;
}

.smzq_col2 span {
	border-radius: 3px;
	background: #f53c3c;
	color: #FFFFFF;
	font-size: 15px;
	padding: 4px 10px;
	font-weight: bold;
}

.smzqnr {
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.2);
	padding: 10px;
	border-radius: 3px;
	position: relative;
}

.smzq_col_right.smzqnr {
	padding-right: 60px;
}

.smzq_col_left.smzqnr {
	padding-left: 60px;
}

.smzqtime {
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.smzqtime.right {
	right: 0;
}

#triangle-right {
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-right: 10px solid #FFFFFF;
	border-bottom: 5px solid transparent;
	position: absolute;
	top: 50%;
	left: -10px;
	margin-top: -5px;
}

#triangle-left {
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-left: 10px solid #FFFFFF;
	border-bottom: 5px solid transparent;
	position: absolute;
	top: 50%;
	right: -10px;
	margin-top: -5px;
}

.smzq_col_right.smzqnr .smzq_img {
	position: absolute;
	top: 0;
	right: 5px;
	width: 50px;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.smzq_col_right.smzqnr .smzq_img img {
	max-width: 100%;
	max-height: 100%;
}

.smzq_col_left.smzqnr .smzq_img {
	position: absolute;
	top: 0;
	left: 5px;
	width: 50px;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.smzq_col_left.smzqnr .smzq_img img {
	max-width: 100%;
	max-height: 100%;
}

.zck {
	width: 700px;
	background: #FFFFFF;
	height: 400px;
	padding: 20px 15px;
	position: relative;
	overflow: auto;
}

.zck_tit {
	font-size: 15px;
}

.fr {
	float: right;
}

.zck_table {
	width: 100%;
	float: left;
}

.zck_table table {
	width: 100%;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	margin: 15px 0;
}

.zck_table table tr td {
	height: 45px;
	border-left: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	font-size: 14px;
	text-align: center;
}

.ztree_left {
	width: 100%;
	float: left;
}

ul.ztree {
	position: absolute;
	top: 40px;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: auto;
}

ul.log {
	border: 1px solid #617775;
	background: #f0f6e4;
	width: 300px;
	height: 170px;
	overflow: hidden;
}

ul.log.small {
	height: 45px;
}

ul.log li {
	color: #666666;
	list-style: none;
	padding-left: 10px;
}

ul.log li.dark {
	background-color: #E3E3E3;
}

/* ruler */
div.ruler {
	height: 20px;
	width: 220px;
	background-color: #f0f6e4;
	border: 1px solid #333;
	margin-bottom: 5px;
	cursor: pointer
}

div.ruler div.cursor {
	height: 20px;
	width: 30px;
	background-color: #3C6E31;
	color: white;
	text-align: right;
	padding-right: 5px;
	cursor: pointer
}

.clgl_right {
	/*xposition: absolute;
	top: 0;
	left: 270px;
    overflow: auto;*/
	background: #FFFFFF;
	padding: 20px;
	right: 5px;
	bottom: 0;
	margin-left: 270px;
	overflow: hidden;
}

.clgl_search {
	float: left;
}

.clgl_search .search_col {
	margin-right: 2%;
}

.clgl_search_but {
	width: 109px;
	height: 35px;
	font-size: 15px;
	border: 0;
	color: #FFFFFF;
	background: #ffa500;
	margin-left: 10px;
}

.clgl_search_col {
	float: left;
	line-height: 35px;
}

.clgl_search_col label {
	font-size: 15px;
	color: #606264;
	line-height: 35px;
	margin-right: 15px;
}

.clgl_search_col input {
	height: 35px;
	background: #f0f1f6;
	font-size: 14px;
	border: 1px solid #dedfdf;
	padding: 0 10px;
}


.tyjk_cen_main_col2 .tyjk_cen_right1 {
	flex: 1;
	text-align: left;
}

.tyjk_cen_main_col2 .tyjk_cen_left1 {
	flex: 1;
	text-align: right;
}

.tyjk_cen_main_col2 .tyjk_cen_info {
	display: inline-block;
}

.box_position {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}


.beitai {
	width: 100%;
	float: left;
	text-align: center;
	margin-top: -20px;
	display: flex;
	justify-content: center;
}

.beitai .tyjk_cen_info {
	display: inline-block;
}

.beitai .tyjk_cen_info .tyjk_cen_info_l2 {
	margin: 0 20px;
}

.beitai .tyjk_cen_lt2 {
	position: relative;
}

.beitai .tyjk_cen_lt2 img {
	transform: rotate(90deg);
}


.cdgl_left {
	width: 265px;
	position: absolute;
	bottom: 20px;
	top: 20px;
	height: auto;
}

.charts_mod {
	width: 100%;
	float: left;
}

.charts_mod ul {
	width: 100%;
	float: left;
}

.charts_mod ul li {
	width: 49.5%;
	height: 300px;
	background: #FFFFFF;
	float: left;
	margin-bottom: 1%;
	padding: 15px;
}

.charts_mod ul li:nth-child(2n) {
	float: right;
}

.charts_con {
	width: 100%;
	float: left;
	margin: 10px 0;
}

.bottom_box {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 9999;
	background: #FFFFFF;
	border: 1px solid #dcdee5;
	width: 300px;
	display: none;
}

.bottom_box .box_tit1 {
	width: 100%;
	height: 40px;
	background: #000000;
	box-sizing: border-box;
	padding: 0 15px;
}

.bottom_box .box_tit1 span {
	line-height: 40px;
	font-size: 14px;
	color: #FFFFFF;
}

.bottom_box .box_tit1 a {
	float: right;
	margin-top: 16px;
	opacity: 1;
}

.bottom_box .news_con {
	width: 100%;
	float: left;
	padding: 20px;
	height: 150px;
	overflow: auto;
}

.bottom_box .news_con ul li {
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 25px;
}

.bottom_box .news_con ul li a {
	width: 220px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000;
}

.bottom_box .news_con ul li a.fr {
	float: right;
	width: auto;
	color: #000000;
}

.bottom_box .news_con2 {
	width: 100%;
	float: left;
	height: 40px;
	box-sizing: border-box;
	padding: 0 15px;
	border-top: 1px solid #dcdee5;
}

.bottom_box .news_con2 a {
	line-height: 40px;
	font-size: 14px;
	color: #000000;
}



/************************新登录************************/
.login {
	width: 100%;
	height: 100%;
	background: url(../img/login_bg_ty.jpg) no-repeat center center;
	background-size: cover;
	position: fixed;
	top: 0;
	left: 0;
}

.l_header {
	width: 100%;
	background: #101010;
	height: 100px;
}

.content {
	width: 1200px;
	margin: 0 auto;
}

.logo_l {
	float: left;
	margin-top: 20px;
}

.logo_r {
	float: right;
	margin-top: 25px;
	font-size: 35px;
	line-height: 50px;
	color: #ffe5c3;
}

.l_main {
	width: 100%;
	height: calc(100% - 100px);
	display: flex;
	align-items: center;
}

.form {
	float: right;
	background: #FFFFFF;
	border-radius: 5px;
	width: 423px;
	height: 390px;
	padding: 0 35px;
}

.form_tit {
	font-size: 28px;
	color: #2c2c2c;
	font-weight: bold;
	width: 100%;
	text-align: center;
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
}

.form_col {
	width: 100%;
	float: left;
	margin-top: 10px;
	background: #f1f1f1;
	height: 55px;
	border-radius: 5px;
	padding: 0 20px;
	position: relative;
}

.form_col label {
	float: left;
	line-height: 55px;
	width: 95px;
	font-size: 16px;
	color: #000000;
}

.form_col label i {
	width: 17px;
	height: 17px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 8px;
}

.form_col label i.l_icon1 {
	background: url(../img/login_icon1.png) no-repeat center center;
}

.form_col label i.l_icon2 {
	background: url(../img/login_icon2.png) no-repeat center center;
}

.form_col label i.l_icon3 {
	background: url(../img/login_icon3.png) no-repeat center center;
}

.form_col input {
	float: left;
	height: 55px;
	border: 0;
	background: none;
}

.form_col .yzm {
	position: absolute;
	top: 9px;
	right: 15px;
}

.form_col2 {
	width: 100%;
	float: left;
	line-height: 50px;
}

.form_col2 a {
	float: right;
	font-size: 14px;
	color: #0069d0;
}

.form_but {
	width: 100%;
	float: left;
}

.form_but button {
	width: 100%;
	border: none;
	background: #101010;
	border-radius: 5px;
	height: 50px;
	color: #FFFFFF;
	font-size: 18px;
}

@media only screen and (max-width: 1600px) {
	.left {
		width: 250px;
	}

	/*.top{left: 250px;}*/
	.main {
		/*left: 250px;*/
		padding: 1.0vw;
	}

	.main3 {
		left: 230px;
	}

	.index_main {
		overflow: hidden;
	}

	.left .logo {
		margin: 30px 0;
	}

	.left .user_img img {
		width: 80px;
		height: 80px;
		border: 4px solid rgba(255, 255, 255, 0.21);
	}

	.left .user_info {
		margin: 1.0vw 0;
	}

	.left .user_name {
		font-size: 16px;
		margin-top: 1.0vw;
	}

	.left .user_time {
		font-size: 14px;
		margin-top: 1.0vw;
	}

	.left .user_gly {
		margin-top: 1.0vw;
	}

	.left .user_gly span {
		font-size: 14px;
	}

	.left .left_about_tit {
		font-size: 16px;
	}

	.left .left_about {
		margin-top: 1.0vw;
		padding: 0 1.2vw;
	}

	.left .left_about_info {
		margin-top: 1.0vw;
	}

	.index_col1 ul li {
		height: 7.0vw;
	}

	.index_col1 .index_col1_left,
	.index_col1 .index_col1_right {
		height: 7.0vw;
	}

	.index_col2_left,
	.index_col2_right {
		padding: 1.0vw;
	}

	.index_tit span {
		font-size: 18px;
	}

	.index_tit a {
		font-size: 14px;
	}

	.index_col2_con ul {
		margin: 2.0vw 0;
	}

	.index_col2_con ul li span {
		font-size: 30px;
	}

	.index_col2_con ul li p {
		font-size: 14px;
	}

	.index_col3_left,
	.index_col3_right {
		padding: 1.0vw;
	}

	.index_col3_left ul {
		margin: 1.0vw 0;
	}

	.index_col3_left ul li a span {
		font-size: 30px;
	}

	.index_col3_left ul li a p {
		font-size: 14px;
	}

	.index_tab tr td {
		font-size: 14px;
		height: 45px;
	}

	.index_tab {
		margin-top: 1.5vw;
	}

	.index_col1 ul li {
		margin-right: 0.8%;
		width: 24.4%;
	}

	.index_col2,
	.index_col3 {
		margin-top: 0.8%;
	}

	.index_col2_left,
	.index_col2_right,
	.index_col3_left,
	.index_col3_right {
		width: 49.6%;
	}

	.index_col3_left ul li {
		margin: 0.7%;
		margin-left: 0;
		padding: 2.0vw 0;
		width: 49.3%;
	}

	.index_col3_left ul li:nth-child(2n) {
		width: 49.3%;
	}

	.left_nav {
		margin-top: 1.5vw;
	}

	.left_nav ul li {
		margin: 5px 0;
	}

	.left_nav ul li span {
		font-size: 15px;
		width: 190px;
	}

	.left_nav ul li dl dd {
		font-size: 13px;
		line-height: 30px;
		padding-left: 35px;
		margin: 1px 0;
	}

	.left_nav ul li span em img {
		transform: scale(0.8);
	}

	.search_col label {
		line-height: 40px;
		font-size: 14px;
	}

	.search_col input,
	.search_col2 button,
	.search_col select {
		height: 40px;
		font-size: 14px;
	}

	.table tr th,
	.table tr td,
	.table tr td a {
		font-size: 14px;
	}

	.pagination-detail {
		font-size: 13px;
	}

	.crumbs {
		font-size: 14px;
	}

	.main_con {
		padding: 15px;
	}

	.tyjk_search_col1 input {
		height: 35px;
		font-size: 14px;
	}

	.tyjk_search_col1 button {
		width: 35px;
		height: 35px;
	}

	.tyjk_search_col1 button img {
		width: 35px;
	}

	.tyjk_search_col2 input {
		height: 35px;
		font-size: 14px;
	}

	.main_left {
		width: 240px;
		padding: 15px;
	}

	.tyjk_search {
		width: 210px;
	}

	.tyjk_search_col1 {
		margin-top: 15px;
	}

	.tyjk_search_col2 {
		margin-top: 10px;
	}

	.tyjk_left_list {
		top: 155px;
	}

	.tyjk_left_list ul li {
		font-size: 13px;
		padding: 0.8vw 0;
	}

	.tyjk_left_list .page a {
		width: 30px;
		height: 30px;
		font-size: 13px;
		line-height: 30px;
	}

	.tyjk_left_list .page {
		margin-top: 20px;
	}

	.tyjk_left_list ul {
		margin-top: 15px;
	}

	.tyjk_right_mod1 ul li {
		font-size: 12px;
		padding: 0.75vw 0;
	}

	.tyjk_right_mod2 ul li {
		font-size: 12px;
		padding: 0.5vw 0;
	}

	.tyjk_right_mod1 ul li i,
	.tyjk_right_mod2 ul li i {
		width: 40px;
	}

	.tyjk_right_mod1 ul li i img,
	.tyjk_right_mod2 ul li i em {
		transform: scale(0.8);
	}

	.tyjk_right_mod2 {
		width: 200px;
	}

	.tyjk_right_mod1 {
		width: 190px;
	}

	.tyjk_right {
		padding: 20px 15px;
		padding-right: 0;
	}

	.tyjk_center {
		margin-right: 225px;
		margin-left: 240px;
	}

	.tyjk_cen_top,
	.tyjk_cen_bottom {
		font-size: 13px;
	}

	.tyjk_cen_top span,
	.tyjk_cen_bottom span {
		margin: 0 10px;
	}

	.tyjk_cen_main_col {
		width: 600px;
		margin: 0 auto;
		margin-top: 80px;
		float: none;
	}

	.tyjk_cen_lt_sign {
		/*transform: scale(0.75);*/
		right: 0;
	}

	/*.tyjk_bz_colour{font-size: 20px;}
	.tyjk_cen_lt_sign div span{font-size: 16px;}
	.tyjk_lt_colour{font-size: 20px;}*/
	.select-menu-input,
	.selectBox {
		height: 32px;
		font-size: 12px;
		line-height: 32px;
	}

	.selectUl,
	.clztUl {
		top: 31px;
	}

	.selectUl li,
	.clztUl li {
		line-height: 35px;
		font-size: 12px;
	}

	.person_root {
		line-height: 32px;
		font-size: 14px;
	}

	.main2 {
		padding: 0;
		position: absolute;
		top: 100px;
		left: 240px;
		bottom: 0;
		right: 0;
		width: auto;
	}

	.left2 .logo {
		margin: 30px 0;
	}

	.left2 .main_left {
		padding: 20px 15px;
		width: 100%;
	}

	.left2 .tyjk_search {
		width: 100%;
	}

	.left2 .tyjk_search_col1 input {
		width: 185px;
	}

	.tyjk_search_col3 a {
		font-size: 12px;
	}

	.car_monitor .tab a {
		width: 120px;
		line-height: 40px;
		font-size: 14px;
		height: 40px;
	}

	.car_monitor .box_con .box_tit {
		padding: 0 20px;
		height: 40px;
	}

	.car_monitor .box_con .box_tit span {
		line-height: 40px;
		font-size: 15px;
	}

	.car_monitor .box_con .box_tit a {
		margin-top: 11px;
	}

	.car_monitor .box_car_info_tit {
		font-size: 18px;
	}

	.car_monitor .box_info_col1_left img {
		width: 146px;
	}

	.car_monitor .box_car_info table tr td {
		font-size: 13px;
		padding: 0 15px;
	}

	.car_monitor .box_car_info table {
		margin-top: 15px;
	}

	.car_monitor .box_con {
		width: 700px;
	}

	.car_monitor .box_info_col2 #tab li {
		font-size: 16px;
	}

	.car_monitor .box_info_col2 {
		margin-top: 15px;
	}

	.car_monitor .box_info_col2_con table tr td {
		font-size: 13px;
		padding: 0 15px;
	}

	.car_monitor .box {
		overflow: auto;
		padding-bottom: 30px;
	}

	.car_monitor .box::-webkit-scrollbar,
	.search3_col4 .lw_con::-webkit-scrollbar {
		width: 4px;
		height: 1px;
	}

	.car_monitor .box::-webkit-scrollbar-thumb,
	.search3_col4 .lw_con::-webkit-scrollbar-thumb {
		border-radius: 10px;
		box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
		background: #a5a9ac;
	}

	.car_monitor .box::-webkit-scrollbar-track,
	.search3_col4 .lw_con::-webkit-scrollbar-track {
		box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
		border-radius: 10px;
		background: #ededed;
	}

	.car_monitor .box_info_col3 {
		margin-top: 20px;
	}

	.car_monitor .box_info_col3 a {
		font-size: 14px;
		width: 153px;
	}

	.dropdown-menu {
		min-width: 120px;
	}

	.gj_main {
		top: 0;
		left: 0;
	}

	.search_col3 .search_select select,
	.search_col3 .search_time input,
	.search_col3 .search_cs input {
		height: 40px;
	}

	.cklsqx_right {
		left: 270px;
		right: 10px;
	}

	.search3 label {
		font-size: 13px;
		line-height: 40px;
	}

	.search3_col1 span {
		font-size: 12px;
		line-height: 24px;
	}

	.search3_col2 input {
		font-size: 13px;
		line-height: 35px;
	}

	.search3_col4 span {
		font-size: 13px;
	}

	.search3_col4 .lw_con {
		height: 150px;
		overflow: auto;
	}

	.toggle_but {
		left: 240px;
	}

	.cklsqx_tit {
		font-size: 22px;
	}

	.kltj_span ul li {
		padding: 15px 0px;
		margin-right: 10px;
		width: 18%;
	}

	.kltj_span ul li span {
		font-size: 25px;
	}

	.kltj_span ul li p {
		font-size: 14px;
	}

	.kltj_span ul li p.p1,
	.kltj_span ul li p.p2,
	.kltj_span ul li p.p3 {
		font-size: 16px;
	}

	ul.ztree {
		top: 30px;
	}

	.cdgl_left {
		width: 265px;
		position: absolute;
		bottom: 15px;
		top: 15px;
		height: auto;
	}

	.tyjk_cen_lt2>img,
	.tyjk_cen_main_col2 .tyjk_cen_info .tyjk_cen_info_l2>img {
		width: 100px;
	}

	.tyjk_cen_main_col2 .tyjk_cen_center {
		margin-top: 4.0vw;
	}

	.tyjk_lt_colour {
		font-size: 17px;
		font-weight: bold;
	}

	.tyjk_bz_colour i {
		width: 30px;
	}

	.tyjk_bz_colour i img {
		width: 15px;
	}

	.tyjk_cen_lt_sign div {
		margin-top: 0px;
	}

	.tyjk_cen_main_col2 {
		margin: 0px;
	}

	.tyjk_cen_main_col {
		margin-top: 15px;
	}

	.tyjk_cen_bottom {
		margin-top: -15px;
	}

	.beitai .tyjk_cen_info .tyjk_cen_info_l2 {
		margin: 0 15px;
	}

}

@media only screen and (max-width: 1500px) {
	.left {
		width: 220px;
	}

	/*.top{left: 220px;}*/
	.main3 {
		left: 230px;
	}

	.left .user_info {
		margin: 0.5vw 0;
	}

	.left .logo img {
		height: 40px;
	}

	.left .user_img img {
		width: 60px;
		height: 60px;
		border: 2px solid rgba(255, 255, 255, 0.21);
	}

	.left .user_name {
		font-size: 14px;
		margin-top: 0.5vw;
	}

	.left .user_time {
		font-size: 13px;
		margin-top: 0.5vw;
	}

	.left .left_about_info {
		font-size: 12px;
		line-height: 22px;
	}

	.left .user_gly span {
		padding: 0 20px;
		line-height: 30px;
	}

	.left .left_about_tit {
		font-size: 14px;
	}

	.left .left_about_bottom {
		margin-top: 0.5vw;
	}

	.index_col1 .index_col1_right p {
		font-size: 14px;
	}

	.index_col1 .index_col1_right span {
		font-size: 22px;
	}

	.index_tit span i img {
		height: 16px;
	}

	.index_tit span {
		font-size: 15px;
		line-height: 16px;
	}

	.index_tit a {
		font-size: 13px;
	}

	.index_tab tr th {
		font-size: 14px;
	}

	.index_col2_con ul li span,
	.index_col3_left ul li a span {
		font-size: 25px;
	}

	.index_col2_con ul li p,
	.index_col3_left ul li a p {
		font-size: 13px;
	}

	.index_col2_con ul {
		margin: 1.5vw 0;
	}

	.index_col1 .index_col1_left img {
		transform: scale(0.8);
	}

	.index_col1 ul li {
		height: 6.0vw;
	}

	.index_col1 .index_col1_left,
	.index_col1 .index_col1_right {
		height: 6.0vw;
	}

	.index_col3_left ul {
		margin: 1.0vw 0;
	}

	.index_col2_con ul {
		margin: 1.0vw 0;
	}

	.index_tab {
		margin-top: 1.2vw;
	}

	.bootstrap-table .fixed-table-container .table thead th .th-inner {
		padding: 0.5em;
	}

	.left_nav ul li dl {
		margin: 10px 0;
	}

	.left_nav {
		margin-top: -1.0vw;
	}

	.table2,
	.search,
	.tab_tit {
		margin-top: 1.0vw;
	}

	.search_col label {
		line-height: 32px;
		font-size: 12px;
	}

	.search_col input,
	.search_col2 button,
	.search_col select {
		height: 32px;
		font-size: 12px;
	}

	.search_col2 button {
		width: 85px;
	}

	.search_col2 button img {
		transform: scale(0.8);
	}

	.index_tit a {
		transform: scale(0.9);
		margin-left: 0;
	}

	.tab_tit>span {
		margin-top: 7px;
		float: left;
	}

	.crumbs {
		font-size: 12px;
	}

	.gj_main {
		top: 0;
		left: 0;
	}

	.search_col3 .search_select select,
	.search_col3 .search_time input,
	.search_col3 .search_cs input {
		height: 32px;
		font-size: 13px;
	}

	.left2 {
		width: 240px;
	}

	.top2 {
		width: calc(100% - 240px);
		float: right;
	}

	.main2 {
		left: 240px;
	}

	.left2 .tyjk_search_col1 input {
		width: 175px;
	}

}


.loading {
	/*position: absolute;*/
    position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
	border: 5px solid #eee;
	border-left-color: #999;
	border-radius: 50%;
	animation: loading-animate 1.2s linear infinite;
}

@keyframes loading-animate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.load {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 120px;
	height: 120px;
	margin-left: -60px;
	margin-top: -60px;
	text-align: center;
	color: #fff;
	background: #3a3a3a;
	border-radius: 5px;
}

.wenzi {
	position: absolute;
	left: 0;
	bottom: 8px;
	text-align: center;
	width: 100%;
	line-height: 30px;
	font-size: 16px;
}

.pimg {
	padding-top: 15px;
}


.n_main {
	width: 100%;
	min-height: 100%;
	display: flex;
}

.n_main .n_left {
	width: 230px;
	background: #101010;
	position: relative;
	transition: all ease 0.3s;
}

.n_main .n_right {
	flex: 1;
	/*background: #eaeaea;*/
    background: #f0f1f6;
}

.n_main .n_left .logo {
	width: 100%;
	float: left;
	height: 105px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.n_main .n_left .n_nav {
	width: 100%;
	overflow: hidden;
}

.n_main .n_left .n_nav ul {
	width: 100%;
	overflow: hidden;
}

.n_main .n_left .n_nav ul li {
	width: 100%;
	float: left;
	line-height: 70px;
}

.n_main .n_left .n_nav ul li i.tb1 {
	width: 23px;
	height: 23px;
	background: url(../img/l_nav_icon1_2.png) no-repeat center center;
	background-size: 100%;
	float: left;
	margin-left: 30px;
}

.n_main .n_left .n_nav ul li span {
	width: 140px;
	float: left;
	color: #FFFFFF;
	/*text-align: center;*/
    font-size:16px;
    padding-left:18px
}

.n_main .n_left .n_nav ul li .col {
	width: 100%;
	float: left;
	display: flex;
	height: 70px;
	align-items: center;
	background: #000000;
	border-bottom: 1px solid #1d1d1d;
}

.n_main .n_left .n_nav ul li.active .col {
	background: #ffa500;
}

.n_main .n_left .n_nav ul li.active span {
	color: #101010;
}

.n_main .n_left .n_nav ul li.active i.tb1 {
	background: url(../img/l_nav_icon1.png) no-repeat center center;
}

.n_main .n_left .n_nav ul li i.jt {
	width: 8px;
	height: 7px;
	background: url(../img/jiantou_2.png) no-repeat;
	float: left;
    cursor: pointer;
}

.n_main .n_left .n_nav ul li.active i.jt {
	background: url(../img/jiantou.png) no-repeat;
}

.n_main .n_left .n_nav ul li dl {
	display: none;
}

.n_main .n_left .n_nav ul li.active dl {
	display: block;
}

.n_main .n_left .n_nav ul li dl dd {
	width: 100%;
	float: left;
	border-bottom: 1px solid #1d1d1d;
    line-height:50px;
}

.n_main .n_left .n_nav ul li dl dd:last-child {
	border-bottom: none;
}

.n_main .n_left .n_nav ul li dl dd a {
	display: flex;
	align-items: center;
	color: #FFFFFF;
	font-size: 14px;
}

.n_main .n_left .n_nav ul li dl dd a i {
	width: 23px;
	height: 23px;
	float: left;
	margin: 0px 10px 0px 40px;
}

.n_main .n_left .n_nav ul li dl dd a i.tb2 {
	background: url(../img/l_nav_icon2_2.png) no-repeat center center;
}

.n_main .n_left .n_nav ul li dl dd a i.tb3 {
	background: url(../img/l_nav_icon3_2.png) no-repeat center center;
}

.n_main .n_left .n_nav ul li dl dd a.l_active,
.n_main .n_left .n_nav ul li dl dd a:hover {
	background: #eaeaea;
	color: #101010;
}

.n_main .n_left .n_nav ul li dl dd a.l_active i.tb2,
.n_main .n_left .n_nav ul li dl dd a:hover i.tb2 {
	background: url(../img/l_nav_icon2.png) no-repeat center center;
}

.n_main .n_left .n_nav ul li dl dd a.l_active i.tb3,
.n_main .n_left .n_nav ul li dl dd a:hover i.tb3 {
	background: url(../img/l_nav_icon3.png) no-repeat center center;
}

.toggle {
	position: absolute;
	top: 40px;
	right: -20px;
}
.toggle i{
	width:20px;
	height: 20px;
	background: url(../img/zhedie.png) no-repeat;
	background-size: 100%;
	display: block;
}
.toggle.on i{
	background: url(../img/zhedie2.png) no-repeat;
	background-size: 100%;
}
.n_main .n_right {
	flex: 1;
}

.n_main .n_right .t_nav {
	width: 100%;
	height: 105px;
	background: #ffa500;
    float:left;
}

.n_main .n_right .t_nav ul {
	margin-left: 10px;
}

.n_main .n_right .t_nav ul li {
	float: left;
	position: relative;
	width: 10%;
	margin: 0 1%;
	height: 105px;
}

.n_main .n_right .t_nav ul li a {
	display: block;
	position: relative;
	color: #000000;
	text-align: center;
	height: 105px;
    font-size:16px
}

.n_main .n_right .t_nav ul li a span {
	width: 100%;
	float: left;
	height: 28px;
	margin-top: 23px;
	margin-bottom: 13px;
}

.n_main .n_right .t_nav ul li a span.r_th_icon1 {
	background: url(../img/r_nav_icon1.png) no-repeat center center;
}

.n_main .n_right .t_nav ul li a span.r_th_icon2 {
	background: url(../img/r_nav_icon2.png) no-repeat center center;
}

.n_main .n_right .t_nav ul li a span.r_th_icon3 {
	background: url(../img/r_nav_icon3.png) no-repeat center center;
}

.n_main .n_right .t_nav ul li a span.r_th_icon4 {
	background: url(../img/r_nav_icon4.png) no-repeat center center;
}

.n_main .n_right .t_nav ul li a span.r_th_icon5 {
	background: url(../img/r_nav_icon5.png) no-repeat center center;
}

.n_main .n_right .t_nav ul li a span.r_th_icon6 {
	background: url(../img/r_nav_icon6.png) no-repeat center center;
}

.n_main .n_right .t_nav ul li a span.r_th_icon7 {
	background: url(../img/wx.png) no-repeat center center;
}
.n_main .n_right .t_nav ul li a span.r_th_icon8 {
	background: url(../img/cl.png) no-repeat center center;
}

.n_main .n_right .t_nav ul li a i {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 20px;
	height: 5px;
	background: #ff5b35;
	margin-left: -10px;
	display: none;
}

.n_main .n_right .t_nav ul li a:hover i,
.n_main .n_right .t_nav ul li a.active i {
	display: block;
}

.n_main .n_right .t_nav ul li a:hover,
.n_main .n_right .t_nav ul li a.active {
	background: url(../img/r_nav_bg.png) no-repeat;
	background-size: cover;
}

.n_main .n_right .r_user {
	float: right;
	margin-top: 21px;
}

.n_main .n_right .r_user .user {
	float: left;
	line-height: 46px;
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	border-right: 1px solid rgba(255, 255, 255, 0.5);
	margin-right: 25px;
	padding: 0 25px;
}

.n_main .n_right .r_user .user img {
	border-radius: 100%;
	float: left;
	margin-right: 5px;
	width: 46px;
	height: 46px;
}

.n_main .n_right .r_user .exit {
	float: left;
	margin-right: 40px;
	color: #000000;
	line-height: 46px;
}

.n_main .n_right .n_r_main {
	margin: 13px;
	background: #FFFFFF;
	padding: 20px 2%;
	overflow: hidden;
}

.n_main .n_right .n_r_main .col {
	width: 100%;
	float: left;
}

.n_main .n_right .n_r_main .col .clqk {
	width: 49%;
	float: left;
	margin-bottom: 7px;
}

.n_main .n_right .tit {
	font-size: 16px;
	color: #000000;
}
.n_main .n_right .tit span{
	float: right;
}

.n_main .n_right .tit i {
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 10px;
}

.n_main .n_right .n_r_main .col .clqk .clqk_con {
	width: 100%;
	float: left;
	margin-top: 20px;
}

.n_main .n_right .n_r_main .col .clqk .clqk_con li {
	width: 48.9%;
	float: left;
	height: 90px;
	border-radius: 5px;
	margin-bottom: 2%;
}

.n_main .n_right .n_r_main .col .clqk .clqk_con li .clqk_info img{
	transform: scale(0.7);
}

.n_main .n_right .n_r_main .col .clqk .clqk_con li.color1 {
	background: #dcebff;
	border: 1px solid rgba(77, 106, 238, 0.35);
}

.n_main .n_right .n_r_main .col .clqk .clqk_con li a {
	display: flex;
	align-items: center;
	float: left;
	width: 100%;
	height: 100%;
	padding: 0 3%;
}

.n_main .n_right .n_r_main .col .clqk .clqk_con li a .clqk_info {
	width: 50%;
	float: left;
	text-align: center;
	font-size: 14px;
	color: #4d6aee;
}
.n_main .n_right .n_r_main .col .clqk .clqk_con li a .clqk_info span{
	font-size: 20px;
	color: #4d6aee;
	font-weight: bold;
}
.n_main .n_right .n_r_main .col .clqk .clqk_con li.color2 {
	background: #ececec;
	border: 1px solid rgba(162, 162, 162, 0.35);
	float: right;
}
.n_main .n_right .n_r_main .col .clqk .clqk_con li.color2 a .clqk_info span{
	color: #7a7a7a;
	font-weight: bold;
}
.n_main .n_right .n_r_main .col .clqk .clqk_con li.color2 a .clqk_info {
	color: #7a7a7a;
}
.n_main .n_right .n_r_main .col .clqk .clqk_con li.color3 {
	background: #d9f1ee;
	border: 1px solid rgba(64, 169, 156, 0.35);
	float: left;
}
.n_main .n_right .n_r_main .col .clqk .clqk_con li.color3 a .clqk_info span{
	color: #2cbeac;
	font-weight: bold;
}
.n_main .n_right .n_r_main .col .clqk .clqk_con li.color3 a .clqk_info {
	color: #2cbeac;
}
.n_main .n_right .n_r_main .col .clqk .clqk_con li.color4 {
	background: #ffe5db;
	border: 1px solid rgba(255, 90, 63, 0.35);
	float: left;
}
.n_main .n_right .n_r_main .col .clqk .clqk_con li.color4 a .clqk_info span{
	color: #ff5b35;
	font-weight: bold;
}
.n_main .n_right .n_r_main .col .clqk .clqk_con li.color4 a .clqk_info {
	color: #ff5b35;
}
.n_main .n_right .n_r_main .col .bjsj{
	float: right;
	width: 49%;
}
.n_main .n_right .n_r_main .col .bjsj .bjsj_charts{
	width: 100%;
	height: 200px;
	margin-top: 15px;
	margin-bottom: 10px;
}
.n_main .n_right .n_r_main .col .bjsj .bjsj_charts .chart1{
	width: 100%;
	height: 200px;
}
.n_main .n_right .n_r_main .col .fzgn{
	width: 49%;
	float: left;
}
.n_main .n_right .n_r_main .col .fzgn .fzgn_list{
	width: 100%;
	margin-top: 20px;
}
.n_main .n_right .n_r_main .col .fzgn .fzgn_list li{
	width: 100%;
	line-height: 40px;
	padding: 0 20px;
}
.n_main .n_right .n_r_main .col .fzgn .fzgn_list li:nth-child(2n){
	background: #f5f7ff;
}
.n_main .n_right .n_r_main .col .fzgn .fzgn_list li a{
	display: block;
	color: #84879b;
	font-size: 14px;
}
.n_main .n_right .n_r_main .col .fzgn .fzgn_list li a img{
	float: left;
	margin-top: 8px;
	margin-right: 10px;
}
.n_main .n_right .n_r_main .col .fzgn .fzgn_list li a i{
	float: right;
	font-style: normal;
}
.n_main .n_right .n_r_main .col .bjsj2{
	float: right;
	width: 49%;
	margin-top: 5px;
}
.n_main .n_right .n_r_main .col .bjsj2 .bjsj_charts{
	width: 100%;
	height: 210px;
	margin-top: 20px;
}
.n_main .n_right .n_r_main .col .bjsj2 .bjsj_charts .chart1{
	width: 100%;
	height: 210px;
}