p{
	font-size: 15px;
}
@media (min-width: 992px) {
	p{
		font-size: 17px;
	}
}

.section1{
	position: relative;
	width: 100%;
	background-image: url("../images/main/main_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 50px 25px;
}
@media (min-width: 992px) {
	.section1 {
		position: absolute;
		width: 100%;
		top: 0px;
		z-index: 1;
		background-size: cover;
		background-position: center top;
		display: flex;
		align-items: baseline;
		justify-content: center;
		gap: 35px;
		height: 435px;
	}
}
.section1 .txt-wrap{
	font-size: 17px;
	color: #00508e;
	margin-bottom: 25px;
}
@media (min-width: 992px) {
	.section1 .txt-wrap{
		margin-top: 140px;
		font-size: 21px;
	}
}
.section1 .txt-wrap p{
	font-size: 17px;
}
@media (min-width: 992px) {
	.section1 .txt-wrap p {
		font-size: 21px;
	}
}
.section1 .txt-wrap p strong{
	font-size: 31px;
	margin-bottom: 15px;
	font-family: "Paperozi";
	display: block;
}
@media (min-width: 992px) {
	.section1 .txt-wrap p strong{
		font-size: 41px;
	}
}
.section1 .btn-wrap{
	display: flex;
	justify-content: flex-start;
	gap: 20px;
}
.section1 .btn-wrap > div{
	border-radius: 10px;
	box-shadow: 0px 0px 10px #00000026;
}
.section1 .btn-wrap > div:nth-child(1){
	background-color: #00508E;
}
.section1 .btn-wrap > div:nth-child(2){
	background-color: #1E72D2;
}
.section1 .btn-wrap > div a{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 15px;
	color: #ffffff;
	width: 125px;
}
.section1 .btn-wrap > div a > i:first-child {
	align-self: flex-end;
	font-size: 30px;
	margin-bottom: 15px;
}
.section1 .btn-wrap span {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
}
.section1 .btn-wrap span strong{
	position: relative;
}
.section1 .btn-wrap span strong:after{
	content:'\f105';
	font-family: "Font Awesome 7 Pro";
	font-weight: 400;
	margin-left: 7px;
}
.section2{
	background-image: url("../images/main/main_map_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 50px 0;
	color: #ffffff;
	text-align: center;
}
@media (min-width: 992px) {
	.section2 {
		margin-top: 285px;
		padding: 70px 0 115px;
	}
}
.section2 .main-title{
	font-family: "Paperozi";
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 18px;
}
@media (min-width: 992px) {
	.section2 .main-title{
		font-size: 35px;
	}
}
.section2 .map-wrap{
	position: relative;
	margin-bottom: 20px;
	height: 570px;
	background: #aaa;
	margin-top: 30px;
}
@media (min-width: 992px) {
	.section2 .map-wrap{
		margin-bottom: 40px;
	}
}
.section2 .map-wrap .map-state-area{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	background-color: rgba(255,255,255,.8);
	display: flex;
	flex-direction: column;
	padding: 20px;
	box-shadow: 5px 0px 5px #00000026;
}
@media (min-width: 992px) {
	.section2 .map-wrap .map-state-area{
		width: 140px;
		height: 100%;
		box-shadow: 5px 0px 5px #00000026;
	}
}
.section2 .map-wrap .map-state-area strong{
	font-size: 17px;
	color: #1d1d1d;
	font-weight: bold;
	text-align: left;
}
@media (min-width: 992px) {
	.section2 .map-wrap .map-state-area strong{
		text-align: center;
	}
}
.section2 .map-wrap .map-state-area .state-list-wrap{
	display: flex;
	justify-content: center;
	margin-top: 15px;
	gap:30px;
}
@media (min-width: 992px) {
	.section2 .map-wrap .map-state-area .state-list-wrap{
		flex-direction: column;
		align-items: center;
		margin-top: 30px;
	}
}
.section2 .map-wrap .map-state-area .state-list-wrap .state-list p{
	width: 57px;
	height: 57px;
	border-radius: 50%;
	font-size: 17px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}
.section2 .map-wrap .map-state-area .state-list-wrap .state-list:nth-child(1) p{
	background-color: #358511;
}
.section2 .map-wrap .map-state-area .state-list-wrap .state-list:nth-child(2) p{
	background-color: #2B4CA9;
}
.section2 .map-wrap .map-state-area .state-list-wrap .state-list:nth-child(3) p{
	background-color: #713FA1;
}
.section2 .map-wrap .map-state-area .state-list-wrap .state-list  span{
	font-size: 17px;
	color: #1d1d1d;
}
@media (min-width: 992px) {
	.section2 .btn-wrap {
		display: flex;
		justify-content: center;
		align-items: baseline;
		gap: 10px;
	}
}
.section2 .btn-wrap span{
	margin-bottom: 20px;
	display: block;
}
.section2 .btn-wrap button{
	border-radius: 10px;
	background-color: #fff;
	color: #00508e;
	font-weight: bold;
	border: none;
	padding: 9px 14px;
	margin: 0 5px;
}
.section2 .proposal-wrap{
	margin-top: 50px;
}
@media (min-width: 992px) {
	.section2 .proposal-wrap{
		display: flex;
		gap: 25px;
	}
}
.section2 .proposal-wrap .proposal-list{
	position: relative;
	border-radius:15px;
	background-color: #ffffff;
	padding: 20px;
	margin-bottom: 20px;
}
.section2 .proposal-wrap .proposal-list:last-child{
	margin-bottom: 0;
}
@media (min-width: 992px) {
	.section2 .proposal-wrap .proposal-list{
		margin-bottom: 0;
	}
}
.section2 .proposal-wrap .proposal-list .label{
	position: absolute;
	top: 0;
	left: 30px;
	background-color: #555;
	border-radius: 0 0 10px 10px;
	padding: 18px 10px 13px;
}
.section2 .proposal-wrap .proposal-list p.img {
	width: 100%;
	height: 166px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.section2 .proposal-wrap .proposal-list .tit{
	text-align: left;
	margin-bottom: 25px;
}
.section2 .proposal-wrap .proposal-list .tit a{
	color: #000000;
	font-size: 19px;
}
.section2 .proposal-wrap .proposal-list .list-bottom{
	color: #555555;
	display: flex;
	justify-content: space-between;
}
.section2 .proposal-wrap .proposal-list .list-bottom > div{
	font-size: 15px;
	display: flex;
	gap: 20px;
}
.section2 .proposal-wrap .proposal-list .list-bottom .like i{
	color: #e2660b;
}
.section2 .proposal-wrap .proposal-list .list-bottom .comment i{
	color: #2c80ce;
}
.section3{
	padding-top: 50px;
}
@media (min-width: 992px) {
	.section3{
		padding-top: 0;
		margin-top: -30px;
	}
}
.section3 .main-btn{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
@media (min-width: 992px) {
	.section3 .main-btn{
		max-width: 1120px;
		margin: 0 auto;
		background-color: #fff;
		padding: 60px 130px;
		border-radius: 25px;
		flex-wrap: nowrap;
	}
}
.section3 .main-btn p{
	width: 50%;
	display: flex;
	align-items: center;
}
.section3 .main-btn p:before{
	content: '';
	width: 60px;
	height: 60px;
	background-color:#F4F4F4;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: 32px 36px;
	background-position: center;
	margin-right: 10px;
}

.section3 .main-btn p:nth-child(1):before{
	background-image: url("../images/main/m_icon_01.svg");
}
.section3 .main-btn p:nth-child(2):before{
	background-image: url("../images/main/m_icon_02.svg");
}
.section3 .main-btn p:nth-child(3):before{
	background-image: url("../images/main/m_icon_03.svg");
}
.section3 .main-btn p:nth-child(4):before{
	background-image: url("../images/main/m_icon_04.svg");
}
.section3 .main-btn p:hover:before{
	background-color: #1E72D2;
}
.section3 .main-btn p a{
	color: #555555;
}
@media (min-width: 992px) {
	.section3 .main-btn p a{
		font-size: 19px;
	}
}

.section3 .main-btn p:hover a{
	color: #1e72d2;
	text-decoration: underline;
}
.section4 .main-title{
	font-size: 27px;
	color: #1d1d1d;
	margin-bottom: 33px;
	position: relative;
}
.section4 .main-title:after{
	content:'';
	position: absolute;
	width: 30%;
	height: 1px;
	background: #ddd;
	right: 15px;
	top: 15px;
}
@media (min-width: 992px) {
	.section4 .main-title:after{
		width: 78%;
	}
}
.section4 .main-title span{
	color: #00508e;
}
@media (min-width: 992px) {
	.section4 .main-board-wrap {
		display: flex;
		justify-content: space-between;
		gap: 50px;
	}
}
.section4 .main-board{
	position: relative;
	margin-bottom: 50px;
}
@media (min-width: 992px) {
	.section4 .main-board{
		width: 65%;
	}
}

.section4 .main-board .board-tab{
	position: absolute;
	z-index: 1;
}
.section4 .main-board .board-tab .tab-list {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
}
.section4 .main-board .board-tab .tab-list li a{
	color: #555555;
	background:#F4F4F4;
	border-radius: 10px;
	padding: 8px 12px;
}
@media (min-width: 992px) {
	.section4 .main-board .board-tab .tab-list li a{
		font-size: 21px;
	}
}
.section4 .main-board .board-tab .tab-list li.active a{
	font-weight: bold;
	color: #ffffff;
	background:#00508E;
}
.section4 .main-board .tab-content .tab-content-list{
	display: none;
	position: relative;
	padding-top: 50px;
}
.section4 .main-board .tab-content .tab-content-list .main-board-list {
	margin-bottom: 30px;
}
.section4 .main-board .tab-content .tab-content-list .main-board-list li{
	box-shadow: 0px 10px 10px #00000026;
	padding: 23px 20px;
	border: 1px solid #ddd;
	width: 75%;
}
@media (min-width: 992px) {
	.section4 .main-board .tab-content .tab-content-list .main-board-list li{
		width: 100%;
	}
}
.section4 .main-board .tab-content .tab-content-list .main-board-list li a span{
	color: #555555;
	font-size: 15px;
	display: block;
}
@media (min-width: 992px) {
	.section4 .main-board .tab-content .tab-content-list .main-board-list li a span{
		font-size: 17px;
	}
	.section4 .main-board .tab-content .tab-content-list .main-board-list li a span.date{
		font-size: 15px;
	}
}
.section4 .main-board .tab-content .tab-content-list .main-board-list li a .tit{
	color: #1d1d1d;
	font-size: 17px;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media (min-width: 992px) {
	.section4 .main-board .tab-content .tab-content-list .main-board-list li a .tit{
		font-size: 19px;
	}
}

.section4 .main-board .tab-content .tab-content-list .main-board-list li a .txt{
	margin: 15px 0 20px;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.section4 .main-board .tab-content .tab-content-list .more-btn{
	position: absolute;
	top: -6px;
	right: 0;
}
.section4 .main-board .tab-content .tab-content-list .more-btn span{
	font-size: 0;
}
.section4 .main-board .tab-content .tab-content-list .more-btn a{
	color: #333333;
	font-size: 17px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 1px solid #999;
	display: flex;
	justify-content: center;
	align-items: center;
}
/*.section3 .main-board .tab-content .tab-content-list .board-slider{*/
/*	position: relative;*/
/*	padding-bottom: 50px;*/
/*}*/
/*.section3 .main-board .tab-content .tab-content-list .board-slider .main-board-btn{*/
/*	position: absolute;*/

/*}*/

.section4 .main-board .tab-content .tab-content-list .board-slider .main-board-btn{
	display: flex;
	justify-content: center;
	align-items: center;
}
.section4 .main-board .tab-content .tab-content-list .board-slider .main-board-btn > div{
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	width: auto;
	height: auto;
}
.section4 .main-board .swiper-button-prev:after,.section4 .main-board .swiper-rtl .swiper-button-next:after,
.section4 .main-board .swiper-button-next:after,.section4 .main-board .swiper-rtl .swiper-button-prev:after{
	content: none;
}
.section4 .main-board .tab-content .tab-content-list .board-slider .main-board-btn > div.swiper-navi {
	position: absolute;
	bottom: 5px;
	width: 32px;
	height: 32px;
	border: 1px solid #dbdbdb;
	border-radius: 50%;
}
.section4 .main-board .tab-content .tab-content-list .board-slider .main-board-btn > div.swiper-navi.swiper-button-prev {
	right: 55px;
}
.section4 .main-board .tab-content .tab-content-list .board-slider .main-board-btn > div.swiper-navi.swiper-button-next {
	right: 15px;
}
.section4 .main-board .tab-content .tab-content-list .board-slider .main-board-btn .swiper-pagination-bullet{
	width: 14px;
	height: 14px;
	background: #767676;
	opacity: 1;
}
.section4 .main-board .tab-content .tab-content-list .board-slider .main-board-btn .swiper-pagination-bullet-active{
	background: #1284C2;
	width: 24px;
	height: 14px;
	border-radius: 7px;
}
.section4 .main-board .tab-content .tab-content-list .board-slider .main-board-btn > div.swiper-navi i{
	color: #1d1d1d;
}
.section4 .main-hot{
	position: relative;
	margin-bottom: 80px;
}
@media (min-width: 992px) {
	.section4 .main-hot{
		width: 30%;
	}
}
.section4 .main-hot .hot-slider{
	box-shadow: 0px 10px 10px #00000026;
}
@media (min-width: 992px) {
	.section4 .main-hot .hot-slider {
		box-shadow: 0px 0px 10px #00000026;
	}
}
.section4 .main-hot .swiper-slide img{
	width: 100%;
}
.section4 .main-hot .main-hot-btn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 16px;
	gap: 5px;
}
.section4 .main-hot .main-hot-btn div{
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	width: auto;
	height: auto;
	margin: 0;
	color: #333;
	border: 1px solid #DBDBDB;
	display: flex;
	justify-content: center;
	align-items: center;
}
.section4 .main-hot .main-hot-btn .swiper-button-prev:after,.section4 .main-hot .main-hot-btn .swiper-rtl .swiper-button-next:after,
.section4 .main-hot .main-hot-btn .swiper-button-next:after,.section4 .main-hot .main-hot-btn .swiper-rtl .swiper-button-prev:after{
	content: none;
}
.section4 .main-hot .main-hot-btn div.swiper-navi{
	width: 32px;
	height: 32px;
	border-radius: 50%;
	padding: 7px;
}
.section4 .main-hot .main-hot-btn div.swiper-pagination{
	border-radius: 15px;
	padding: 3px 15px;
	display: flex;
	gap: 5px;
}
.section4 .main-hot .main-hot-btn div.swiper-pagination .swiper-pagination-current{
	font-weight: bold;
	color: #00508e;
}