/* CSS Document */
.openContainer{ overflow: auto; zoom: 1; margin-top: 85px;}
.openContainer .left{ float: left; width: 808px;}
.commBox{ margin-top: 15px;}
.commBox .big-title{ margin: 0px 20px; border-bottom: 1px solid #eaeaea;}
.commBox .big-title img{ margin: 0px 15px 0px 2px; position: relative; margin-top: -4px;}
.commBox .big-title a{ font-size: 20px; color: #006ac0; line-height: 64px; font-weight: bold; display: inline-block;}
.openSearchList{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 17px 20px 0px;}
.openSearchList li{ width: 367px; height: 32px; border:1px solid #e5e7e7; border-radius: 4px; margin-bottom: 15px;}
.openSearchList li input{ width: 340px; height: 32px; line-height: 32px; display: block; margin: 0px auto; border: none; font-size: 14px; color: #999;}
.openSearchList li select{ width: 340px; height: 32px; line-height: 32px; display: block; margin: 0px auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; font-size: 14px; color: #cfcfcf; background: url(../images/open/selectIcon.png) no-repeat right center;}
.searchBtnBox{ margin: 0px 0px 0px 20px; padding-bottom: 20px;}
.searchBtnBox input{ width: 80px; height: 34px; text-align: center; line-height: 34px; color: #333; font-size: 14px; border: 1px solid #cbcbcb; border-radius: 5px; background: #fff; cursor: pointer;}
.searchBtnBox .submit{ color: #fff; border: 1px solid #0969c3; background: #0969c3; margin-right: 20px;}

.openContainer .right{ float: right; width: 380px;}
.openNavList{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.openNavList li{ width: 183px; height: 40px; margin-bottom: 15px;}
.openNavList li a{ display: block; height: 40px; background: #fff; line-height: 40px; text-align: center; font-size: 16px; color: #333;}
.openNavList li a.yellow{ border-left: 4px solid #ea783e;}
.openNavList li a.purple{ border-left: 4px solid #5c6bbe;}
.openNavList li a.blue{ border-left: 4px solid #0969c3;}
.openNavList li a.green{ border-left: 4px solid #64ba6b;}
.applyOpen{ display: block;}
.applyOpen img{ width: 100%;}
.applyOpenNav{ display: flex; justify-content: space-between;}
.applyOpenNav li{ width: 186px; margin: 15px 0px 0px;}
.applyOpenNav li a{ display: block; text-align: center; border: 1px solid #fff; line-height: 30px; height: 120px; background: #fff; border-radius: 3px; font-size: 16px; color: #333;}
.applyOpenNav li a img{ display: block; margin: 0px auto; margin-top: 25px;}
.specialTopic{ margin: 20px 20px 0px; padding-bottom: 10px;}
.specialTopic li{ margin-bottom: 10px;}
.specialTopic li a{ display: block;}
.specialTopic li img{ width: 338px; height: 113px;}
.openInfoNav2{ text-align: center; background: #fff; margin-top: 15px;}
.openInfoNav2 li{ width: 145px; display: inline-block; margin: 20px 3px;}
.openInfoNav2 li a{ text-align: center; height: 133px; background: #22a0e3; display: block; font-size: 18px; color: #fff; border-radius: 5px;}
.openInfoNav2 li:nth-child(2) a{ background: #64ba6b;}
.openInfoNav2 li:nth-child(3) a{ background: #fe6f43;}
.openInfoNav2 li:nth-child(4) a{ background: #5c6bbe;}
.openInfoNav2 li span{ display: block; text-align: center;}
.openInfoNav2 li span img{ margin: 27px 0px 10px;}
.openInfoNav2 .child-nav{ display: none; border: 1px solid #d9d9d9; border-radius: 5px; position: absolute; width: auto; background: #fff;}
.openInfoNav2 .child-nav li{ display: block;}
.openInfoNav2 .child-nav li a{ display: block; margin: 0px 20px; background: #fff; min-width: 110px; line-height: 25px; height: 25px; color: #333; font-size: 16px; text-align: left;}
.switch-title{ border-bottom: 1px solid #eaeaea; margin: 0px 20px; height: 64px;}
.switch-title ul{ overflow: auto; zoom: 1; display: inline-block;}
.switch-title ul li{ float: left; font-size: 19px; color: #006ac0; line-height: 75px; height: 63px; overflow: hidden; border-bottom: 1px solid #fff; padding: 0px 10px; cursor: pointer;}
.switch-title ul li.hover{ border-bottom: 1px solid #006ac0; font-weight: bold;}
.openNewsList{ margin: 0px 20px; padding: 10px 0px;}
.openNewsList li{}
.openNewsList li a{ display: block; font-size: 16px; color: #333; line-height: 40px;}
.openNewsList li a span{ float: right; font-size: 14px; color: #999;}
.latestNewsBox{ padding-bottom: 9px;padding-top: 9px;}
.latestNewsBox .title{ margin: 0px 20px 0px; line-height: 40px;}
.latestNewsBox .title a{ font-size: 20px; color: #0969c3; font-weight: bold;}
.latestNewsBox .title img{ margin-right: 18px;}
.latestNewsBox ul{ margin: 0px 20px;}
.latestNewsBox ul li{}
.latestNewsBox ul li a{ font-size: 16px; color: #333; line-height: 35px;}
.latestNewsBox ul li span{ font-size: 14px; color: #999; float: right;}

@media screen and (max-width: 820px) {
	.openContainer .left{ float: none; width: auto;}
	.openContainer .right{ float: none; width: auto;}
	.openSearchList li{ width: 100%; padding: 0px 20px;}
	.openSearchList li input{ width: 100%;}
	.openSearchList li select{ width: 100%;}
	.openInfoNav2{ overflow: auto; zoom: 1; padding: 5px 20px;}
	.openInfoNav2 li{ width: auto; float: none; display: block; margin: 10px 0px;}
	.latestNewsBox ul li a{ display: block; margin-right: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.latestNewsBox ul li span{ display: block; float: none; position: absolute; right: 20px; margin-top: -35px;}
	.openNewsList li a{ display: block; margin-right: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.openNewsList li a span{ display: block; float: none; position: absolute; right: 20px; margin-top: -40px;}
	.governmentFileBox ul{ white-space: nowrap; width: auto; display: block;}
	.governmentFileBox ul li{ width: 25%; overflow: hidden; text-overflow: ellipsis; padding: 0px; font-size: 14px; text-align: center;}
	.openNavList li{ width: 50%;}
	.openNavList li a{ margin: 0px 5px;}
	.applyOpenNav{ overflow: auto; zoom: 1;}
	.applyOpenNav li{ float: left; width: 50%;}
	.applyOpenNav li a{ margin: 0px 5px;}
	.specialTopic li img{ width: 100%; height: auto;}
}


@media screen and (min-width: 821px) and (max-width: 1199px) {
	.openContainer .left{ float: none; width: auto;}
	.openContainer .right{ float: none; width: auto;}
	.openNavList{ justify-content: flex-start; padding: 0px 5px;}
	.openNavList li{ margin-left: 5px; margin-right: 5px;}
	.applyOpenNav{ overflow: auto; zoom: 1;}
	.applyOpenNav li{ float: left; width: 50%;}
	.applyOpenNav li a{ margin: 0px 5px;}
	.specialTopic{ overflow: auto; zoom: 1; margin: 20px 15px 0px;}
	.specialTopic li{ display: block; width: 50%; float: left;}
	.specialTopic li a{ margin: 0px 5px;}
	.specialTopic li img{ width: 100%; height: auto;}
}

.big-title{ margin: 0; border-bottom: 1px solid #eaeaea;}
.big-title img{ margin: 0px 15px 0px 2px; position: relative; margin-top: -4px;}
.big-title a{ font-size: 20px; color: #006ac0; line-height: 64px; font-weight: bold; display: inline-block;}