@charset "utf-8";
.allbox {
	width: 100%;
	height: 90.46%;
	padding: 13px 20px 20px 20px;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
}

.lefttop {
	position: absolute;
	top: 1.33%;
	left: 20px;
	width: 27.1%;
	height: 29.68%;
	background-image: radial-gradient(50% 53%, rgba(0, 26, 80, 0.1) 50%, rgba(0, 40, 188, 0.18) 100%);
	border: 1px solid #007BAD;
	padding: 10px 20px 20px 20px;
	box-sizing: border-box;
}

.leftmiddle {
	position: absolute;
	top: 33.06%;
	left: 20px;
	width: 27.1%;
	height: 26.61%;
	background-image: radial-gradient(50% 53%, rgba(0, 26, 80, 0.1) 50%, rgba(0, 40, 188, 0.18) 100%);
	border: 1px solid #007BAD;
	padding: 10px 20px 20px 20px;
	box-sizing: border-box;
}

.leftbottom {
	position: absolute;
	top: 61.72%;
	left: 20px;
	width: 27.1%;
	height: 36.23%;
	background-image: radial-gradient(50% 53%, rgba(0, 26, 80, 0.1) 50%, rgba(0, 40, 188, 0.18) 100%);
	border: 1px solid #007BAD;
	padding: 10px 15px 20px 0;
	box-sizing: border-box;
}

.leftbottom .common-title {
	padding-left: 20px;
}

.middlebottom {
	position: absolute;
	top: 61.72%;
	left: 29.16%;
	right: 20px;
	width: 69.8%;
	height: 36.23%;
	padding: 10px 20px 20px 20px;
	background-image: radial-gradient(50% 53%, rgba(0, 26, 80, 0.1) 50%, rgba(0, 40, 188, 0.18) 100%);
	border: 1px solid #007BAD;
	box-sizing: border-box;
}

.righttop {
	position: absolute;
	top: 1.33%;
	right: 20px;
	width: 27.1%;
	height: 29.68%;
	background-image: radial-gradient(50% 53%, rgba(0, 26, 80, 0.1) 50%, rgba(0, 40, 188, 0.18) 100%);
	border: 1px solid #007BAD;
	padding: 10px 20px 20px 20px;
	box-sizing: border-box;
}

.rightmiddle {
	position: absolute;
	top: 33.06%;
	right: 20px;
	width: 27.1%;
	height: 26.61%;
	background-image: radial-gradient(50% 53%, rgba(0, 26, 80, 0.1) 50%, rgba(0, 40, 188, 0.18) 100%);
	border: 1px solid #007BAD;
	padding: 10px 20px 20px 20px;
	box-sizing: border-box;
}

.partbox {
	margin-top: 12px;
	overflow: hidden;
}

.leftitem {
	width: 30.3%;
	height: 204px;
	background: rgba(5, 48, 120, 0.20);
	float: left;
	margin-right: 12px;
}

.leftitem .ssbm {
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin-top: 14px;
	text-align: center;
	font-size: 16px;
	color: #D1BA3F;
}

.leftitem .bmsl {
	width: 100%;
	height: 50px;
	line-height: 50px;
	margin-top: 4px;
	text-align: center;
	font-family: digital;
	font-size: 36px;
	color: #D1BA3F;
}

.leftitem .sx {
	width: 70%;
	height: 26px;
	line-height: 26px;
	text-align: center;
	margin: 0 auto;
	background: rgba(176, 210, 255, 0.10);
	border-radius: 2px;
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 16px;
}

.leftitem .sxsl {
	width: 100%;
	line-height: 50px;
	font-size: 30px;
	color: #D1BA3F;
	text-align: center;
	margin-top: 4px;
	font-family: digital;
}

.lan {
	color: #29D2FF !important;
}

.hong {
	color: #DE6B41 !important;
}

.leftmiddle {
	overflow: hidden;
	padding-top: 30px;
	box-sizing: border-box;
}

.middleitem {
	width: 48.2%;
	height: 49%;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background: rgba(5, 48, 120, 0.20);
}

.jydxsl {
	margin-top: 12px;
	width: 100%;
	text-align: center;
	font-family: digital;
	font-size: 36px;
	color: #D1BA3F;
	line-height: 50px;
}

.jydxslzi {
	width: 100%;
	line-height: 20px;
	text-align: center;
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 8px;
}

.bottomtip {
	min-width: 417px;
	max-width: 500px;
	position: absolute;
	right: 20px;
	top: 24px;
	overflow: hidden;
}

.tipitem {
	min-width: 200px;
	max-width: 240px;
	height: 50px;
	margin-right: 4%;
	float: left;
	background: rgba(0, 29, 72, 0.5);
	box-shadow: inset 0 0 8px 0 rgba(67, 157, 255, 0.48);
	overflow: hidden;
	/*padding: 0 14px;*/
}

.tipitem .leftzi {
	float: left;
	line-height: 50px;
	font-size: 16px;
	color: #A5CDFF;
}

.tipitem .zl {
	float: right;
	line-height: 50px;
}

.tipitem .zl .shu {
	font-family: digital;
	font-size: 30px;
	color: #D1BA3F;
}

.tipitem .zl .danwei {
	font-size: 14px;
	color: #A5CDFF;
	margin-left: 4px;
}

.right-box {
	overflow: hidden;
	box-sizing: border-box;
}

.lefttu {
	float: left;
}

.righttuli {
	width: 53.2%;
	float: right;
}

.tuliitem {
	width: 100%;
	background: rgba(5, 48, 120, 0.20);
	overflow: hidden;
	padding: 0 10px;
	margin-bottom: 2px;
}

.tulitip {
	float: left;
	line-height: 30px;
}

.tulishu {
	float: right;
	line-height: 30px;
}

.tipzi {
	font-size: 14px;
	color: #FFFFFF;
}

.tulishu {
	font-family: digital;
	font-size: 18px;
}

.colorblock {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 2px;
	margin-right: 10px;
}

.red {
	background: #A12B2B;
}

.redzi {
	color: #A12B2B;
}

.pink {
	background: #DE6B41;
}

.pinkzi {
	color: #DE6B41;
}

.yellow {
	background: #D1BA3F;
}

.yellowzi {
	color: #D1BA3F;
}

.green {
	background: #0DAB90;
}

.greenzi {
	color: #0DAB90;
}

.blue {
	background: #29D2FF;
}

.bluezi {
	color: #29D2FF;
}

.sblue {
	background: #1C70DF;
}

.sbluezi {
	color: #1C70DF;
}

.violet {
	background: #3A23D9;
}

.violetzi {
	color: #3A23D9;
}

.sj {
	float: left;
	width: 45%;
	height: 69.23%;
	margin-top: 10px;
	background: rgba(5, 48, 120, 0.20);
	box-sizing: border-box;
}

.ds {
	float: right;
	width: 45%;
	height: 69.23%;
	margin-top: 10px;
	background: rgba(5, 48, 120, 0.20);
	box-sizing: border-box;
}

.tenlist {
	width: 100%;
	height: 84.14%;
	margin-top: 15px;
}

.listitem {
	width: 100%;
	height: 50px;
	overflow: hidden;
	padding: 0 20px 0 32px;
	margin-bottom: 4px;
}

.listitem:nth-child(2n) {
	background-image: -webkit-linear-gradient(180deg, rgba(0, 36, 80, 0.00) 43%, rgba(0, 34, 111, 0.68) 100%)!important;
}

.listitem:nth-child(2n+1) {
	background-image: -webkit-linear-gradient(180deg, rgba(0, 77, 178, 0.31) 43%, rgba(0, 49, 167, 0.68) 100%)!important;
}

.lisyleft {
	float: left;
}

.listright {
	float: right;
	line-height: 50px;
}

.listright .cishu {
	font-size: 18px;
	color: #4FC4F6;
	font-family: digital;
}

.listright .danwei {
	font-size: 16px;
	color: #A5CDFF;
}

.lisyleft .pm {
	display: inline-block;
	width: 40px;
	height: 40px;
	opacity: 0.8;
	border: 2px solid #4FC4F6;
	box-shadow: 0 0 4px 0 #4FC4F6;
	box-sizing: border-box;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	color: #A5CDFF;
	margin-right: 15px;
	margin-top: 5px;
}

.lisyleft .mc {
	font-size: 16px;
	color: #FFFFFF;
}


/*小滚动条的背景色*/

._mCS_1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-image: -webkit-linear-gradient(90deg, #0076FC 0%, #00E8FF 100%);
	opacity: 1;
}


/*//小滚动条hover上去的颜色*/

._mCS_1 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-image: -webkit-linear-gradient(90deg, #0076FC 0%, #00E8FF 100%);
}


/*//小滚动条的宽高*/

._mCS_1 #mCSB_1_scrollbar_vertical .mCSB_dragger ._mCS_2 #mCSB_1_scrollbar_vertical .mCSB_dragger {
	width: 6px;
	border-radius: 3px;
}


/*//长滚动条的宽高  */

._mCS_1 .mCSB_scrollTools .mCSB_draggerRail {
	width: 12px;
	background: transparent;
}


/*//长滚动条hover上去的颜色 */

._mCS_1 .mCSB_scrollTools .mCSB_draggerRail:hover ._mCS_2 .mCSB_scrollTools .mCSB_draggerRail:hover {
	background: transparent;
}

.mCSB_container {
	left: -12px !important;
}

.sjbutton {
	width: 25%;
	height: 50px;
	background: url(../img/img-05.png) no-repeat center;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #B0D2FF;
	letter-spacing: 1px;
	cursor: pointer;
}

.sjbutton:hover {
	background: url(../img/img-05-hover.png) no-repeat center;
	background-size: 100% 100%;
}

.ditubox {
	width: 42.6%;
	height: 60.34%;
	margin: auto;
	position: relative;
}

.ditumap {
	position: absolute;
	top: 0;
}

.ditudian {
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #A5CDFF;
	border-radius: 2px;
	margin-right: 8px;
}

.ditubox .dm {
	font-size: 14px;
	color: #FDD97A;
}

.ditubox .hushu {
	font-family: digital;
	font-size: 24px;
	color: #FFFFFF;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.50);
	background-image: -webkit-linear-gradient(top, #FFFFFF 10%, #CAF7FF 60%, #459EFC);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-right: 4px;
}

.ditubox .tip {
	font-size: 14px;
	color: #A5CDFF;
}


/*弹窗*/

.tcbox {
	width: 73%;
	height: 75%;
	position: absolute;
	z-index: 5;
	top: 15%;
	left: 14%;
	background: #020432;
}

.lefttopimg {
	position: absolute;
	left: 0;
	top: -5px;
	/*z-index: 6;*/
}

.righttopimg {
	position: absolute;
	right: -5px;
	top: -23px;
	/*z-index: 6;*/
}

.leftbottomimg {
	position: absolute;
	left: -13px;
	bottom: -12px;
	/*z-index: 6;*/
}

.close {
	width: 16px;
	height: 16px;
	background: url(../img/tc/icon-03.png) no-repeat center;
	position: absolute;
	right: 20px;
	top: -18px;
	z-index: 7;
}

.close:hover {
	background: url(../img/tc/icon-03-hover.png) no-repeat center;
}

.fangda {
	width: 16px;
	height: 16px;
	background: url(../img/tc/icon-02.png) no-repeat center;
	position: absolute;
	right: 70px;
	top: -18px;
	z-index: 7;
}

.fangda:hover {
	background: url(../img/tc/icon-02-hover.png) no-repeat center;
}

.minsize {
	width: 16px;
	height: 16px;
	background: url(../img/tc/icon-01.png) no-repeat center;
	position: absolute;
	right: 116px;
	top: -18px;
	z-index: 7;
}

.minsize:hover {
	background: url(../img/tc/icon-01-hover.png) no-repeat center;
}

.tc-title {
	position: absolute;
	top: -43px;
	left: 10px;
	font-size: 24px;
	color: #FFFFFF;
	letter-spacing: 0.75px;
	text-shadow: 0 0 14px rgba(7, 0, 116, 0.50);
	background-image: -webkit-linear-gradient(top, #FFFFFF 10%, #CAF7FF 60%, #459EFC);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
}

.tc-lefttop {
	width: 35.71%;
	height: 145px;
	background-image: radial-gradient(50% 53%, rgba(0, 26, 80, 0.1) 50%, rgba(0, 40, 188, 0.18) 100%);
	border: 1px solid #007BAD;
	position: absolute;
	left: 2.86%;
	top: 4.2%;
	padding: 0 20px;
	box-sizing: border-box;
	overflow: hidden;
}

.tc-leftmiddle {
	width: 35.71%;
	height: 146px;
	background-image: radial-gradient(50% 53%, rgba(0, 26, 80, 0.1) 50%, rgba(0, 40, 188, 0.18) 100%);
	border: 1px solid #007BAD;
	position: absolute;
	left: 2.86%;
	top: 31.4%;
	padding: 0px 20px;
	box-sizing: border-box;
}

.tc-leftbottom {
	width: 35.71%;
	height: 203px;
	background-image: radial-gradient(50% 53%, rgba(0, 26, 80, 0.1) 50%, rgba(0, 40, 188, 0.18) 100%);
	border: 1px solid #007BAD;
	position: absolute;
	left: 2.86%;
	top: 59%;
	padding: 10px 20px 20px 20px;
	box-sizing: border-box;
}

.tc-righttop {
	width: 57.14%;
	height: 43.83%;
	background-image: radial-gradient(50% 53%, rgba(0, 26, 80, 0.1) 50%, rgba(0, 40, 188, 0.18) 100%);
	border: 1px solid #007BAD;
	position: absolute;
	right: 2.86%;
	top: 4.2%;
	padding: 10px 20px 20px 20px;
	box-sizing: border-box;
}

.tc-rightbottom {
	width: 57.14%;
	height: 43.83%;
	background-image: radial-gradient(50% 53%, rgba(0, 26, 80, 0.1) 50%, rgba(0, 40, 188, 0.18) 100%);
	border: 1px solid #007BAD;
	position: absolute;
	right: 2.86%;
	top: 51.23%;
	padding: 10px 20px 20px 20px;
	box-sizing: border-box;
}

.tcbox {
	display: none;
}

.imgtopleft {
	position: absolute;
	left: 0;
	top: 0;
}

.imgbottomleft {
	position: absolute;
	right: 0;
	top: 0;
}

.imgrighttop {
	position: absolute;
	right: 0;
	bottom: 0;
}

.imgrightbottom {
	position: absolute;
	left: 0;
	bottom: 0;
}

.imgcenter {
	position: absolute;
	left: 32%;
	top: 0;
}

.middlebottom .imgcenter {
	left: 74%;
	top: 0;
}

.rsitem {
	width: 24.5%;
	height: 68%;
	float: left;
}

.rsitem .rs {
	width: 100%;
	text-align: center;
	line-height: 48px;
	font-size: 48px;
	color: #FFFFFF;
	text-shadow: 0 0 14px rgba(7, 0, 116, 0.50);
	background-image: -webkit-linear-gradient(top, #FFFFFF 50%, #0091FF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	font-family: digital;
	margin-top: 25%;
}

.rsitem .danwei {
	width: 100%;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	line-height: 22px;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.50);
	margin-top: 10px;
}

.rsitem .rklx {
	width: 100%;
	text-align: center;
	font-size: 20px;
	color: #FFF5AB;
	line-height: 30px;
	background-image: -webkit-linear-gradient(left, #FFD989 10%, #E0AF71 25%, #FFDD94, #FFEFCD);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	margin-top: 10px;
}

.shuline {
	float: left;
	margin-top: 7%;
}
@media screen and (width:1920px) and (max-height:1079px){
	.tuliitem {
		line-height: 22px;
	}
	.tulitip {
		line-height: 22px;
	}
	.righttuli .tipzi {
		font-size: 12px;
		line-height: 22px;
	}
	.tulishu {
		font-size: 14px;
		line-height: 22px;
	}
}
/*弹窗*/

@media screen and (max-width:1919px) {
	.partbox {
		margin-top: 6px;
	}
	.leftitem {
		height: 85%;
	}
	.leftitem .ssbm {
		margin-top: 7px;
		font-size: 14px;
		line-height: 22px;
	}
	.leftitem .bmsl {
		height: 40px;
		font-size: 32px;
		line-height: 40px;
		margin-top: 0;
	}
	.leftitem .sx {
		font-size: 12px;
		height: 22px;
		line-height: 22px;
		margin-top: 4px;
	}
	.leftitem .sxsl {
		font-size: 24px;
		line-height: 40px;
	}
	.leftmiddle {
		padding-top: 20px;
	}
	.jydxsl {
		margin-top: 6px;
		font-size: 32px;
		line-height: 32px;
	}
	.jydxslzi {
		font-size: 12px;
		margin-top: 4px;
	}
	.listitem {
		height: 35px;
	}
	.lisyleft {
		height: 35px;
	}
	.lisyleft .pm {
		width: 25px;
		height: 25px;
		line-height: 25px;
		margin-right: 10px;
	}
	.listright {
		line-height: 35px;
	}
	.lisyleft .mc {
		font-size: 14px;
	}
	.tipitem .leftzi {
		font-size: 14px;
	}
	.tipitem .zl .shu {
		font-size: 24px;
	}
	.tipitem .zl .danwei {
		font-size: 12px;
	}
	.tuliitem {
		line-height: 22px;
	}
	.tulitip {
		line-height: 22px;
	}
	.righttuli .tipzi {
		font-size: 12px;
		line-height: 22px;
	}
	.tulishu {
		font-size: 14px;
		line-height: 22px;
	}
	.rsitem .rs {
		line-height: 36px;
		font-size: 36px;
	}
	.rsitem .danwei {
		font-size: 12px;
		line-height: 18px;
		margin-top: 5px;
	}
	.rsitem .rklx {
		font-size: 16px;
		color: #FFF5AB;
		line-height: 24px;
		margin-top: 5px;
	}
	.shuline {
		float: left;
		margin-top: 5%;
	}
}