@CHARSET "UTF-8";



* {
	padding:0px;
	margin:0px;
}

a {
	text-decoration:none !important;
}

img {
	max-width:100%;
}

#topImg {
	width:100%;
}

.row {
	margin:0px;
}



@media (min-width: 1400px) {
	.page_container {
		width:1400px;
	}
}

@media (max-width: 1400px) {
	
	#footer .page_row {
		width:80%;
		margin:0 auto;
	}
	
}




.page_container {
	margin:0 auto;
	
}


.page_row:after {
	display:block;
	content:'';
	clear:both;
}

/* 页面统一蓝色背景色  */
.base_bg_color_blue {
	/*background-color:#248bd8 !important;*/
}
/* 页面统一蓝色字体  */
.base_font_color_blue {
	color:#1c77B5 !important;
}
/*页面统一蓝色边框*/

.base_border_top_color_blue {
	border-top-color:#248bd8 !important;
}


.logoInBlock{
	padding: 5px 0px;
    display: flex;
    align-items: center;
    width: 100%;
    /* margin: 0px auto; */
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top:15px;
}

ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
}

.commonBlock {
	width:100%;
	/*min-width:1314px;*/
}
.commonBlock_noMargin {
	margin: 0px auto;
}
.commonBlock_last {
	margin: 60px auto 0px auto;
}
.commonBlock_wide {
	width:100%;
	background: #1c77B5;
	padding: 1px;
}
.blockTitle {
	width: 100%;
	margin-bottom: 10px;
}
.blockTitle .chTitle {
	color:#1c77B5;
	font-size: 150%;
	font-size: 200%;
}
.blockTitle hr{
	width: 50px;
	border: 1px solid #1c77B5;
	display: inline-block;
	margin: 3px 8px;
}
.commonBlock_wide .blockTitle{
	color:#fff;
}
.commonBlock_wide .blockTitle .chTitle {
	color:#fff;
}
.commonBlock_wide .blockTitle hr{
	border: 1px solid #fff;
}


#navigationDiv ul {
	list-style-type: none;
    font-size: 110%;
    display:flex;
    justify-content: flex-end;
}

#navigationUl .on {
	/*background-color:#1c77B5 !important;*/
	/*border-bottom:2px solid #0092ff;*/
	/*color:white;
	font-weight:900;
	*/
	
}

#navigationDiv #navigationUl li {
	float:left;
	padding:10px;
	margin-right: 0px;
	cursor:pointer;
	position:relative;
	text-align:center;
	padding: 5px;
	font-size:105%;
	margin-top: 38px;
}

#navigationDiv #navigationUl li:hover {
	background-color:rgb(255 255 255 / 80%);
	color:black;
	
}

#navigationDiv #navigationUl li .subNavigationItemDiv {
	display:none;
	position:absolute;
	left:0px;
    top: 33px;
	text-align:center;
	background-color: rgb(208 207 207);
	z-index:999;
  	min-width:100%;
  	font-size:16px;
}

#navigationDiv #navigationUl li .subNavigationItemDiv div {
	padding:5px 0px;
    background-color:rgb(255 255 255 / 70%)
}

#navigationDiv #navigationUl li .subNavigationItemDiv div:hover{
	
	color:black;
	background-color:rgb(255 255 255);

}

#navigationUl:after {
	clear: both;
	content: "-";
	width: 0;
	height: 0;
	display: block;
	visibility: hidden;	
}
#footer {
	width: 100%;
    font-size: 16px;
    line-height: 32px;
    color: white;
    background-color: rgb(34 34 34);
}
#footer .commonBlock{
	width: 100%;
	/*max-width: 1266px;*/
}
#footer:after {
	display:block;
	content:'';
	clear:both;
}

#footer #footerlogoBlock {

	padding:44px 0;
	float:left;
	width:33%;
}

#footer #footerInfo {
	float:left;
}

#footer #footerInfo li {
	margin-bottom:5px;
	text-align:left;
	width:100%;
	margin-left:1%;
	font-size:90%;
}

#footer #footerlogoBlock img {
	width:100%;
}

#footer #footerEwmInfo {
	text-align:center;
    float:right;
	width:33%;
	font-size:30%;
}

#footer #footerEwmInfo:after {
	display:block;
	clear:both;
	content:"";
}

#footer #footerEwmInfo li{
	float:left;
	width:30%;
	margin-right:1%;
	font-size:100%;
}

#footer #footerEwmInfo img {
	width:70%;
}

#naviLayer {
	position: fixed;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(60, 60, 60, 0.59);
    z-index: 9999999;
    width: 100%;
    display:none;
}

#logoBlockD {
	display:none;
}

#navigationBlock {
	width: 100%;
    margin: 0 auto;
	/*
	border-top:4px solid #1c77B5;
	border-bottom: 1px solid #eaeaea;
	height:45px;
	*/
}

#navigationBlock:after {
	content:"";
	display:block;
	clear:both;
}


#navigationBlock li[class*="active"]{
	background-color:#1c77B5;
	
}
#navigationBlock li[class*="active"] a {
	color:white;
}

#navigationBlock:after {
	display:block;
	clear:both;
	content:'';
}

#logoxx {
	padding:10px 0px;
	float:right;
}

#zswlogo {
	padding: 20px 0px;
	display:none;
	max-width:100%;
	
}

#zswlogo_top {
	padding: 20px 0px;
	display:block;
	max-width:100%;
}

#mobileNavi {
	float:right;
	display:none;
	width:18%;
	text-align: right;
}

#mobileNavi img {
	width:auto;
}



#naviWrap {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:99999;
}

.leave_top_navi_wrap {
	background-color:white;
}


@media screen and (max-device-width: 18cm) {

	body {
		width:16cm;
	}
	
	.commonBlock {
		width:100% !important;
		min-width:auto;
	}
	
	#logoBlock {
		position: fixed;
	    top: 0px;
	    width: 100%;
	    z-index: 102;
	    background-color: rgb(255 255 255 / 87%);
	    height: 75px;
	    align-items: center;
	    padding: 5px 0px;
	}
	
	#mobileNavi {
		display:block;
	}
	
	#navigationBlock{
		display:none;
	}
	
	#mobileNaviList .subNavigationItemDiv {
		display:none;
		background-color: #2783a5;
	}
	
	#mobileNaviList{
		overflow-y:auto;
		height:100%;
		padding-left:0px;
	}
	
	#mobileNaviList .subNavigationItemDiv .childURLBlock {
		display:block;
		padding-left:10%;
		height:150px;
		line-height:150px;
	}
	
	#mobileNaviList li{
		width:100%;
		border-bottom:1px solid white;
		color:white;
		
	}
	
	#mobileNaviList li .firstNaviTitle {
		display:flex;
		justify-content: space-between;
		align-items: center;
		padding-left: 5%;
		padding-right: 5%;
		height:75px;
	}
	
	#mobileNaviList li a {
		color:white;
	}
	
	
	#logoBlockD {
		/*height:50px;*/
		display:block;
	}
	
	
	#mobileNaviWrap {
		background-color:rgba(6, 124, 167, 0.94);
		position:absolute;
		right:0px;
		top:0px;
		height:100%;
		min-width:50%;
		font-weight:700;
		font-size:180%;
	}
	
	
	
	#footer #footerlogoBlock {
		padding:20px 0;
		float:none;
		width:100%;
	}
	
	#footer .page_row {
		width:100%;
		padding:0px 3%;
	}
	
	#footer #footerInfo {
		
		float:none;
		width:100%;
		border:none;
	}
	
	#footer #footerInfo li {
		margin:10px 0px;
		text-align:left;
		width:100%;
	}
	
	#footer #footerlogoBlock img {
		width:100%;
	}
	
	#footer #footerEwmInfo {
		/* text-align: center; */
	    width: 70%;
	    /*
	    margin: 10px auto;
	    margin-bottom: 2%;
	    */
	    margin-left: 0%;
	    float:left;
	}
	
	#footer #footerEwmInfo:after {
		display:block;
		clear:both;
		content:"";
	}
	
	#footer #footerEwmInfo li{
		float:left;
		width:48%;
		margin-right:1%;
		font-size:240%;
		margin-bottom:20px;
	}
	
	#footer #footerEwmInfo img {
		max-width:70%;
	}
	
	#logoxx {
		display:none;
	}
	
	#zswlogo {
		padding:2% 0px;
		width:100%;
		display:block;
	}
	#zswlogo_top {
		display:none;
	}
	.blockTitle {
		display: none;
	}
	#footer_bk {
		max-width:90%;
	}
	
	#mobileNavi img {
		width:70%;
	}
}

.navigationUlLiItem .glyphicon {
	font-size: 70% !important;
}