﻿body{

	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;

}
@media (min-width: 1400px) {
.container{
	width:1370px!important;
}
	
}

@media (min-width: 1500px) {
	.container{
		width:1470px!important;
	}

}

@media (min-width: 1600px) {
	.container{
		width:1570px!important;
	}

}
@media (min-width: 1700px) {
	.container{
		width:1670px!important;
	}

}

@media (min-width: 1800px) {
	.container{
		width:1770px!important;
	}

}


li{
	list-style-type: none;
}

.form-group label{
	color: #000 !important;
}

.col-clean{
	margin:0 !important;
	padding:0 !important;
}

.gm-fullscreen-control img{
	box-sizing:initial !important;
}

/*navbar-LOGO*/
.navbar-LOGO{
	width: 400px !important;
	float: left;
}

/*navbar-brand*/
.navbar-brand{
	margin-left:0!important;
	margin-right:0!important;
	padding-left:0!important;
	padding-right:0!important;
}

/*navbar-toggle*/
.navbar-toggle{
	padding-left:0 !important;
	margin-right:0 !important
}

/*frame-style*/
.weather-frame{
	border-radius: 35px 4px !important;
	padding: 22px 5px !important;
}

/*text-style*/
.number-style-1{
	font-size: 38px;
}

.number-style-2{
	font-size: 12px;
	color: #666;
	margin-top: 2px !important;
}

.number-style-3{
	font-size: 22px;
}

.frame-line{
	padding-bottom: 20px !important;
	border-bottom: 1px solid rgba(0,0,0,.08);
}

.line-right{
	border-right: 1px solid rgba(0,0,0,.08);
}

/*header-tail*/
.header-tail{
	margin: 16px 0;
	text-align: right;
	float:right;
}

.header-tail li{
	margin: 0 10px;
	float:left;
}

.header-tail a{
	width: 170px!important;
	margin: 4px 0 !important;
}

/*navbar*/
.menu-frame{
	width: 100%;
	/*height: 100%;*/
background: #009688;
}

.navbar-son-style-1{
margin-bottom:0 !important;
}

.ID-style{
color: rgba(255,255,255,.95);
height: 60px;
line-height: 60px;
margin-right: 20px;
}

.left{
	float: left;
}

/*LOGO*/
.LOGO-B{
	font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.8px;
	float: left;
}

.LOGO-S{
	max-width: 120px;
	padding-left: 10px;
	margin: 0px 0 0 10px;
	border-left: 1px solid #9e9e9e;
	float: left;
}

.welcome{
	color: #fff;
	margin: 8px 0 0 0;
	float: right;
}

/*color*/
.color-blue{
	color: #03a9f4;
}

.color-orange{
	color: #f49d07;
}

.color-red{
	color: #d9534f;
}

.color-green{
	color: #5cb85c;
}

.color-primary{
	color: #009688;
}

.color-W-55{
	color:rgba(255,255,255,.55);
}

.color-B-85{
	color:rgba(0,0,0,.85) !important;
}

/*home-progress*/
.home-progress ul li{
	width: 100%;
	height: 20px;
	margin: 20px 0;
	clear: both;
}

.home-progress .name{
	font-family: '微软雅黑', Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 6px;
	margin-right: 10px;
	float: left;
}

.title-line{
	border-bottom: 2px solid #ccc;
	padding-bottom: 10px !important;
}

/*son-input-frame*/
.son-input-frame{
	width: 550px;
	margin: 0 auto;
	clear: both;
}

/*time-choose*/
.time-choose{
	padding:0 !important;
	margin:0 10px 0 0 !important;
}

.time-choose li{
	margin: 0 5px;
	display: inline;
}

.timeBox .dropdown-menu{
	width:100% !important;
}


.time-tail-M{
	padding: 7px 0 7px 10px !important;
	float: left !important;
}

.time-tail-D{
	padding: 5px 0 5px 10px !important;
	float: left !important;
}

/*panel*/
.panel-title, .panel-title a, .panel-title a:hover, .panel-title a:active, .panel-title a:visited{
	font-size: 14px !important;
	color: #fff !important;
	text-decoration: none !important;
}

/*nav-tabs-2*/
.nav-tabs-2 {
}
.nav-tabs-2 > li {
	float: left;
	margin-bottom: 0;
}
.nav-tabs-2 > li > a {
	color: #333;
	height: 40px;
	font-family: '微软雅黑', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	margin-right: 2px;
	line-height: 1.2;
	border-bottom: 2px solid #ddd;
}
.nav-tabs-2 > li > a:hover {
	/*background: #F00;*/
}
.nav-tabs-2 > li.active > a,
.nav-tabs-2 > li.active > a:hover,
.nav-tabs-2 > li.active > a:focus {
	font-family: '微软雅黑', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #009688;
	border-bottom: 2px solid #009688;
	cursor: default;
}
.nav-tabs-2.nav-justified-2 {
	width: 100%;
}
.nav-tabs-2.nav-justified-2 > li {
	float: none;
}
.nav-tabs-2.nav-justified-2 > li > a {
	margin-bottom: 5px;
	text-align: center;
}
.nav-tabs-2.nav-justified-2 > .dropdown .dropdown-menu {
	top: auto;
	left: auto;
}
@media (min-width: 768px) {
	.nav-tabs-2.nav-justified-2 > li {
		display: table-cell;
		width: 1%;
	}
	.nav-tabs-2.nav-justified-2 > li > a {
		margin-bottom: 0;
	}
}
.nav-tabs-2.nav-justified-2 > li > a {
	margin-right: 0;
}
.nav-tabs-2.nav-justified-2 > .active > a,
.nav-tabs-2.nav-justified-2 > .active > a:hover,
.nav-tabs-2.nav-justified-2 > .active > a:focus {
	border-bottom: 2px solid #009688;
}
@media (min-width: 768px) {
	.nav-tabs-2.nav-justified-2 > li > a {
		border-bottom: 2px solid #ddd;
	}
	.nav-tabs-2.nav-justified-2 > .active > a,
	.nav-tabs-2.nav-justified-2 > .active > a:hover,
	.nav-tabs-2.nav-justified-2 > .active > a:focus {
		border-bottom-color: #009688;
	}
}


/*footer*/
footer{
	width: 100%;
	height: 90px;
	margin-top: 20px !important;
	text-align: center !important;
	border-top: 1px solid #c2c2c2;
	box-shadow: 0 -5px 3px #f7f7f7;
	padding: 15px;
	clear: both;
}

footer li a:hover{
	text-decoration:none;
}

footer li{
	display:inline !important;
	margin: 15px 8px !important;
}

/*2018-7-9*/
.logo-upload{
	width: 130px;
	padding: 5px;
	margin: 15px 0 0 0;
	border: 1px solid #dcdcdc;
}

.table-responsive td{
	padding-right: 20px!important;
}

table{
	font-size: 14px!important;
}

table i{
	font-size: 16px!important;
}


.progressBar {
	border: solid 2px #86A5AD;
	background: white url(../images/load.gif) no-repeat 10px 10px;
}
.progressBar {
	position: absolute;
	display: block;
	width: 188px;
	height: 48px;
	padding: 10px 10px 10px 50px;
	text-align: left;
	line-height: 27px;
	font-weight: bold;
	left: 0px;
	z-index: 11;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.form-group .fa-asterisk{
	color: #F30 !important;
	font-size: 6px !important;
	padding-right:5px;
}

@media screen and (min-width: 0px) and (max-width: 990px) {/*移动设备 guo*/
	.pa0{padding:0px !important;}

}


@media screen and (min-width: 990px)  and (max-width: 1920px) {/*非移动设备 guo*/


}


/*progress-bar*/
.progress-bar-zc{background-color:#20a943 !important}
.progress-bar-gz{background-color:#f72905 !important}
.progress-bar-bftj{background-color:#aead03 !important}
.progress-bar-tj{background-color:#de9c02 !important}
.progress-bar-sblx{background-color:#916d38 !important}
.progress-bar-cjqlx{background-color:#c2c2c2 !important}

.dropdown-menu{
	min-width: 170px !important;
}

.header-tail .dropdown-menu li a{
	padding-left: 0px !important;
}

/*accordion-lists*/
.accordion-lists {
	width: 100%;
	background: #FFF;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0 !important;
	position: relative;
}

.accordion-lists ul{
	padding: 0 !important;
}

.accordion-lists .link {
	cursor: pointer;
	display: block;
	padding: 10px;
	color: rgba(255, 255, 255, .85);
	font-size: 14px;
	font-weight: 700;
	position: relative;
	background: #009688;
}

.accordion-lists li:last-child .link {
	border-bottom: 0;
}

.accordion-lists li.open .link {
	color: rgba(0, 0, 0, .85);
}

.accordion-lists li i {
	font-size: 18px;
	top: 2px;
	position: relative;
}

.accordion-lists a {
	display: block;
	text-decoration: none;
	color: rgba(0, 0, 0, 1);
	padding: 8px;
	padding-left: 42px;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	/*background: #eee;*/
	font-size: 14px;
}

.accordion-lists a:hover{
	background: #ccc !important;
	color: rgba(0, 0, 0, .75);
	text-decoration: none !important;
}

#menu .nav > li > a{
	padding-top:0px !important;
	padding-bottom:0px !important;
	line-height:50px;
}

.Helpfile{
	display:none;
}

.display{
	pointer-events:none;
	cursor:not-allowed;
	box-shadow:none;
	opacity:.65;

}

.display i{
	display: inherit;
}

/* 2022.8.2 首页通告样式 */
.HomeAlert {
	padding: 15px;
	margin-bottom: 20px;
	border-radius: 0 20px 0 20px;
	border: 1px solid rgba(255, 255, 255, .75);
	background: linear-gradient(0deg, #e7f8f7, #fff);
	box-shadow: 0 -2px 25px 0 #fff inset, 0 2px 4px 0 #b8d8d5;
}

.HomeAlert:hover {
	box-shadow: 0 -2px 15px 0 #90ccc6 inset, 0 2px 4px 0 #b8d8d5;
	transition: all 0.5s ease-in-out;
}


.HomeAlert {
	flex-direction: row;
	justify-content: left;
	align-items: center;
	display: flex;
}

.HomeAlert .AlertTitle {
	color: rgba(0, 150, 136, .85);
	font-size: large;
	margin-right: 10px;
}

.HomeAlert .AlertTitle i {
	margin-right: 5px;
	top: -0.8px;
	left: -8.8px
}

.HomeAlert .AlertText a {
	color: rgba(0, 150, 136, .55);
	font-size: small;
}

.HomeAlert:hover .AlertText a {
	color: rgba(0, 150, 136, .75);
	text-decoration: none;
}

.HomeAlert:hover .AlertText a:hover,
.HomeAlert:hover .AlertText a:active {
	color: rgba(0, 150, 136, 1);
	transition: all 0.3s ease-in-out;
}


.HomeAlert .AlertTail {
	transform: translateX(-6px);
	color: rgba(0, 150, 136, 0);
}

.HomeAlert:hover .AlertTail {
	color: rgba(0, 150, 136, .85);
	transform: translateX(6px);
	transition: all 0.5s ease-in-out;
}

.HomeAlert:hover .AlertText {
	color: rgba(0, 150, 136, .55);
	transition: all 0.3s ease-in-out;
}

.HomeAlert .CloseIcon {
	color: rgba(0, 0, 0, .15);
	position: absolute;
	right: 30px;
}

.HomeAlert .CloseIcon a {
	color: rgba(0, 0, 0, .15);
	text-decoration: none;
}

.HomeAlert:hover .CloseIcon a {
	color: rgba(0, 150, 136, .75);
	transition: all 0.3s ease-in-out;
}

.HomeAlert:hover .CloseIcon a:hover,
.HomeAlert:hover .CloseIcon a:active {
	color: rgba(0, 150, 136, 1);
	transition: all 0.3s ease-in-out;
}

.time-choose .btn-group .selBtn:nth-of-type(1) {
	width: 100px !important;
}

.time-choose .btn-group.open .dropdown-menu {
	min-width: 100px !important;
}

/* 图标闪烁效果 */
.hi-icon-mini {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	text-align: center;
}

.hi-icon-mini:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.hi-icon-mini {
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}

.hi-icon-mini {
	background: rgba(255, 255, 255, 0.05);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.hi-icon-mini:after {
	-webkit-animation: sonarEffect-Green 1.3s ease-out 75ms infinite;
	-moz-animation: sonarEffect-Green 1.3s ease-out 75ms infinite;
	animation: sonarEffect-Green 1.3s ease-out 75ms infinite;
}

@-webkit-keyframes sonarEffect-Green {
	0% {
		opacity: 0.3;
	}

	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0), 0 0 22px 22px #b1d4c0, 0 0 0 22px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0), 0 0 22px 22px #b1d4c0, 0 0 0 22px rgba(255, 255, 255, 0);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}

@-moz-keyframes sonarEffect-Green {
	0% {
		opacity: 0.3;
	}

	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0), 0 0 22px 22px #b1d4c0, 0 0 0 22px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0), 0 0 22px 22px #b1d4c0, 0 0 0 22px rgba(255, 255, 255, 0);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}

@keyframes sonarEffect-Green {
	0% {
		opacity: 0.3;
	}

	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0), 0 0 22px 22px #b1d4c0, 0 0 0 22px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0), 0 0 22px 22px #b1d4c0, 0 0 0 22px rgba(255, 255, 255, 0);
		transform: scale(1.5);
		opacity: 0;
	}
}


.TwinkIcon {
	-webkit-animation: twinkling 1.3s ease-out 75ms infinite
}

@-webkit-keyframes twinkling {
	0% {
		opacity: 0.15;
	}

	100% {
		opacity: 1;
	}
}

@keyframes twinkling {
	0% {
		opacity: 0.15;
	}

	100% {
		opacity: 1;
	}
}

/* .AlertClose {
	display: none !important;
} */

.AlertHide {
	-webkit-animation: disappear 0.5s ease-out 75ms infinite;
}

@-webkit-keyframes disappear {
	0% {
		transform: scale(1.05);
		opacity: 0.8;
	}

	100% {
		transform: scale(0.5);
		opacity: 0;
	}
}

@keyframes disappear {
	0% {
		transform: scale(1.05);
		opacity: 0.8;
	}

	100% {
		transform: scale(0.5);
		opacity: 0;
	}
}


#language_list .divider {
	width:200px;
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	border-bottom: 1px solid #33333394;
	opacity: 0.08;
}

/* 搜索框样式 */
#psSelect .form-group {
	display: flex;
	align-items: center; /* 垂直居中 */
	justify-content: center; /* 水平居中，如果也需要水平居中的话 */
	height: 36px; /* 容器高度 */
	margin: 0px !important;
	padding: 8px 12px !important;
	width: 100%;
}

#psSelect .form-group{
	padding-bottom: 0px !important;
}
#psSelect .form-group.is-focused .form-control{
	background-image: none !important;
}


#psSelect .input-group.searchbox {
	display: flex;
	align-items: center;
	background: white;
	width: 290px;
	min-width: 160px;
	border-radius: 4px;
}

#psSelect .input-group.searchbox .form-group{
	padding-bottom:0px !important;
}

#psSelect .input-group.searchbox #txtSearch
{
	height: 36px;
	line-height: 25px;
	top: 0 !important;
	border-bottom: none;
	border-radius: 4px 0 0 4px;
	margin-bottom: 3px !important;
}

#psSelect .input-group.searchbox #txtSearch:focus {
	box-shadow: none;
}

#psSelect .searchbox .input-group-addon li{
	padding: 2px 10px;
}

#psSelect .searchbox .input-group-addon a {
	margin: 0 !important;
	padding: 0 !important;
	text-align: left;
}

#psSelect .searchbox .input-group-addon a .caret {
	margin: 0;
}

#psSelect .input-group.searchbox #addon2 {
	display: inline-block;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 !important;
	width: 36px;
	height: 36px;
	background: rgb(240 251 250 /100%);
	border-radius: 0 4px 4px 0;
	text-align: center;
}

#psSelect .input-group.searchbox .iconDown {
	padding:10px !important;
}


#psSelect .searchbox .dropdown-menu.width{
	width: 290px !important;
	height:350px;
}

@media (max-width: 1200px) {
	#psSelect .searchbox .dropdown-menu.width {
		width: 100% !important;
		height:350px;
	}
	#psSelect .input-group.searchbox {
		display: flex;
		align-items: center;
		background: white;
		width: 100%;
		min-width: 160px;
		border-radius: 4px;
	}
}

@media (max-width: 990px) {
	#psSelect .searchbox .dropdown-menu.width {
		width: 100% !important;
		height:350px;
	}

	#psSelect .input-group.searchbox {
		display: flex;
		align-items: center;
		background: white;
		width: 100%;
		min-width: 160px;
		border-radius: 4px;
	}
}

/* end */

.search-btn {
	width: 50px !important;
	height: 36px !important;
	border: none !important;
	background-color: #009688 !important;
	padding: 0px !important;
	border-radius: 4px !important;
	margin: 10px 0 !important;
}

.search-btn i.fa-search {
	color: white !important;
	padding: 0 !important;

}

/* 时间筛选 */

.timeBox li .btn {
	height: 36px !important;
	background: rgb(0 0 0 /2%) !important;
	box-shadow: none !important;
	border: 1px solid rgb(0 0 0 /12%) !important;
	padding: 8px !important;
	display: flex;
	justify-content: center;
	align-items: center;
}

.timeBox li .btn.selText {
	border: 1px solid rgb(0 0 0 /12%);
	border-right: none !important;
}

.timeBox li .btn:hover {
	background: rgb(0 0 0 /4%) !important;
}

.timeBox li .btn.dropdown-toggle .caret {
	margin: 0 !important;
}

/*end */


