@charset "utf-8";

* {
	cursor: url(../img/pointer.png) 8 3, auto !important;
}


.shutter ul,
li {
	list-style: none;
}

.shutter {
	overflow: hidden;
	position: relative;
	border-radius: 10px;
}

.shutter-img {
	z-index: 1;
}

.shutter-img,
.shutter-img a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.shutter-img a {
	cursor: default;
}

.shutter-img a>img {
	width: 100%;
	height: 100%;
}

.shutter-img .created {
	overflow: hidden;
	position: absolute;
	z-index: 20;
}

.shutter-btn li {
	position: absolute;
	z-index: 2;
	top: 50%;
	width: 49px;
	height: 49px;
	margin-top: -25px;
	cursor: pointer;
}

.shutter-btn li.prev {
	left: 20px;
	background: url(../img/shutter_prevBtn.png) no-repeat 0 -49px;
}

.shutter-btn li.next {
	right: 20px;
	background: url(../img/shutter_nextBtn.png) no-repeat 0 -49px;
}

.shutter-desc {
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 36px;
	background: url(../img/shutter_shadow.png) repeat;
}

.shutter-desc p {
	padding-left: 46%;
	line-height: 36px;
	color: #fff;
	font-size: 14px;
}


html,
body {
	width: 100%;
	height: 100%;
	min-height: 635px;
	font-family: "microsoft yahei", arial, sans-serif;
	background-color: #152a59;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	overflow-x: hidden;
	overflow-y: auto;
	background-image: url("../img/bg06.png");
}


a {
	text-decoration: none;
}

.header {
	margin: 0 auto;
	width: 100%;
	height: 55px;
	max-width: 1920px;
	background: url("../img/header-left.png") left center no-repeat, url("../img/header-right.png") right center no-repeat;
	background-size: 43% 100%, 43% 100%;
	overflow: hidden;
}

.header h3 {
	margin: 0;
	padding: 0;
	line-height: 82px;
	text-align: center;
	font-size: 24px;
	color: #5dc2fe;
}

@media (max-width: 1199px) {
	.header {
		background: url("../img/header-left.png") left bottom no-repeat, url("../img/header-right.png") right bottom no-repeat;
		background-size: 100%, 100%;
	}

	.header h3 {
		line-height: 48px;
	}
}
.weather {
	font-size: 2rem;
	color: white;
	font-weight: bold;
	height: 20%;
	
}
#time {
	font-size: 1.5rem;
	color: white;
	font-weight: bold;
}
.weather span:nth-child(2) {
	font-size: 1rem;
}
.wrapper {
	position: absolute;
	top: 70px;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 555px;
}

.container-fluid {
	height: 100%;
	min-height: 100%;
}

.row {
	margin-left: -7px;
	margin-right: -8px;
}

.row>div {
	padding-left: 7px;
	padding-right: 8px;
}

.xpanel-wrapper {
	padding-bottom: 15px;
	box-sizing: border-box;
}

.xpanel-wrapper-1 {
	height: 100%;
}

.xpanel-wrapper-1-2 {
	height: 50%;
}

.xpanel-wrapper-1-3 {
	height: 33.33333%;
}

.xpanel-wrapper-1-3-h {
	height: 36%;
}

.xpanel-wrapper-1-3-b {
	height: 33%;
}

.xpanel-wrapper-1-3-b p {
	color: white;
	margin-right: 5%;
}

.xpanel-wrapper-2-3 {
	height: 66.66666%;
}

.xpanel {
	padding: 15px;
	height: 100%;
	min-height: 170px;
	background: url("../img/panel.png") center no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}

/*introduce地图下面的文字描述*/
.introduce {
	color: white;
	position: relative;
	top: -20%;
	font-size: 1.5rem
}

/* tool */
.fill-h {
	height: 100%;
	min-height: 100%;
}

.no-margin {
	margin: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

.no-bg {
	background: none !important;
}

.no-border {
	border: 0 !important;
}

/* scrollbar */
::-webkit-scrollbar {
	width: 0;
	height: 0;
}

::-webkit-scrollbar-track {
	background-color: transparent;
}

::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.3);
}



ul,
li,
dl,
dt,
dd {
	padding: 0;
	margin: 0;
	list-style: none
}

h1,
h2,
h3,
h4,
div {
	padding: 0;
	margin: 0;
	font-weight: normal
}

h3 {
	font-size: .5625em;
	color: #fff
}




ul,
li,
dl,
dt,
dd {
	padding: 0;
	margin: 0;
	list-style: none
}

h1,
h2,
h3,
h4,
div {
	padding: 0;
	margin: 0;
	font-weight: normal
}

h3 {
	font-size: 1.3em;
	width: 800;
	color: #fff
}

p {
	margin: 0;
	padding: 0
}



#scrollDiv {
	overflow: hidden;
}

#scrollDiv li {
	height: 20%;
	width: 90%;
	padding: 0 20px;
	overflow: hidden;
	vertical-align: bottom;
	zoom: 1;
	border-bottom: #a09b9b solid 1px;
}

#scrollDiv li h3 {
	font-size: 1.5rem;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#scrollDiv li h3 a {
	color: white;
}

#scrollDiv li h3 a:hover {
	color: #F00
}

.scroltit span {
	display: inline-block;
	width: 50%;
	text-align: center;
	color: white;
}

.scroltit {
	margin-right: 10%;
}

/* 		.scroltit .updown {
	margin-right: 5%;
} */