/* CSS Document */
.openContainer{ zoom: 1; margin-top: 85px;}
.openContainer .left{ float: left; width: 1200px;}
.commBox{ margin-top: 30px;}
.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: 183px; height: 32px; border:1px solid #e5e7e7; border-radius: 4px; margin-bottom: 15px;background:#eeeeee;}
.openSearchList li input{ width: 155px; background:#eeeeee;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: 187px; 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: left; width: 1200px;}
.openNavList{ display: flex; flex-wrap: wrap; justify-content: space-between;width:80%;float:right;}
.openNavList li{ width: 220px; height: 40px; margin-bottom: 15px;background: #e4f3ff;}
.openNavList li a{ display: block; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #6f96c2;}
.openNavList li a.yellow{background:url(../images/news/zfxxgk01.png) no-repeat}
.openNavList li a.purple{background:url(../images/news/zfxxgk02.png) no-repeat}
.openNavList li a.blue{background:url(../images/news/zfxxgk03.png) no-repeat}
.openNavList li a.green{background:url(../images/news/zfxxgk04.png) no-repeat}
.openNavList li a.yellow1{background:url(../images/news/zfxxgk05.png) no-repeat}
.openNavList li a.purple2{background:url(../images/news/zfxxgk06.png) no-repeat}
.openNavList li a.blue3{background:url(../images/news/zfxxgk07.png) no-repeat}
.openNavList li a.green4{background:url(../images/news/zfxxgk08.png) no-repeat}


.openNavList-zd{ display: flex; flex-wrap: wrap; float:left;}
.openNavList-zd li{ width: 176px; height: 40px; margin-bottom: 15px;background: #e4f3ff;margin-right: 12px;margin-left:7px;}
.openNavList-zd li a{ display: block; height: 40px; line-height: 40px; text-align: center; font-size: 16px;color: #464849;font-weight: 600;}
.openNavList-zd li a.yellow{ border-left: 4px solid #ea783e;}
.openNavList-zd li a.purple{ border-left: 4px solid #5c6bbe;}
.openNavList-zd li a.blue{ border-left: 4px solid #0969c3;}
.openNavList-zd li a.green{ border-left: 4px solid #64ba6b;}


.applyOpen{ display: block;}
.applyOpen img{ width: 100%;}
.applyOpenNav{ display: flex; justify-content: space-between;width:415px;margin:0 auto;}
.applyOpenNav li{ width: 114px; margin: 15px;background: #f2f9ff;}
.applyOpenNav li a{ display: block; text-align: center; border: 1px solid #fff; line-height: 30px; height: 120px;  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; }
.openInfoNav2 li{ width: 218px; display: inline-block; margin: 20px 6px;}
.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: #4dc7e0;}
.openInfoNav2 li:nth-child(3) a{ background: #f09b5f3;}
.openInfoNav2 li:nth-child(4) a{ background: #298cf7;}
.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;background: #fff;}
.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;    background: #eaeef0;}
	.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{ width: 100%;}

	.openNavList li{ width: 50%;}
	.openNavList li a{ margin: 0px 5px;}
	.openNavList-zd li{ }
	.openNavList-zd 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;}
	.inner-tab-content-zttp img{width:92%}
}



@media screen and (min-width: 821px) and (max-width: 1199px) {
	.openContainer .left{ float: none; width: auto;}
	.openContainer .right{ float: none; width: auto;}
	.openNavList{ 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;  margin-bottom: 15px;}
.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;}

.big-title-zd{ margin: 0; border-bottom: 1px solid #eaeaea;}
.big-title-zdd{ margin: 0 auto; width:200px;}
.big-title-ztzl{ margin: 0 auto; width:90px;}

.big-title-zd img{ margin: 0px 15px 0px 2px; position: relative; margin-top: -4px;}
.big-title-zd a{ font-size: 20px; color: #006ac0; line-height: 64px; font-weight: bold; display: inline-block;}
.big-title-gk{ margin: 0;margin-bottom: 15px;background:url(../images/open/zfxxgk23.png) -1px no-repeat}
.big-title-gk img{ margin: 0px 15px 0px 2px; position: relative; margin-top: -4px;}
.big-title-gk a{ font-size: 26px; color: #006ac0; line-height: 97px; font-weight: bold; display: inline-block;padding-left:25px;}
.big-title-bz{ margin: 0; border-bottom: 1px solid #eaeaea;  margin-bottom: 15px;padding-left:15px;}
.big-title-bz img{ margin: 0px 15px 0px 2px; margin-top: -4px;}
.big-title-bz a{ font-size: 20px; color: #006ac0; line-height: 64px; font-weight: bold; display: inline-block;}

.gkzxj{float:left;width:733px;}
.gkyxj{float:left;margin-top:30px;background:#FFF;margin-left:29px}
.xinmeiti{padding:0 25px;margin-bottom:15px;}
.gkyxj-zd{margin-top:30px;background:#FFF}


@media screen and (max-width: 800px) {
	.gkzxj{width:100%;}
	.gkyxj{margin-left:calc(50% - 222px);}
	
	
	}
	@media screen and (min-width: 801px) and (max-width: 1199px) {
		.gkzxj{width:100%;}
		.gkyxj{margin-left:calc(50% - 222px);}
		}