/* main-quick-btn */
	.main-quick-btn{
		display: flex;
		gap: 20px;
	}
	.main-quick-btn > li{
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.quick-btn-box > div{
		border: 2px solid #e9e9e9;
		background-color: #fcfcfc;
		height: 220px;
		display: flex;
		flex-direction: column;
		align-items: start;
		justify-content: center;
		gap: 16px;
		padding: 20px;
	}
	.quick-btn-box-tit{
		font-weight: 700;
	}
	.quick-btn-box-sub{
		color: #838383;
		white-space: pre-line;
		font-weight: 400;
	}
	.quick-btn{
		color: #fff;
		background-color: #0c2b64;
		border: 2px solid #0c2b64;
		border-radius: 999px;
		font-weight: 700;
		padding: 2px 30px;

		transition: all 0.5s;
	}
	.quick-btn:hover{
		background-color: #fff;
		color: #0c2b64;
	}

	.main-quick-btn > li.quick-banner{
		position: relative;
	}
	.quick-banner > .img{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;

		background: url(../img/main/main-quick-banner.png) center/cover no-repeat;
	}

	@media (max-width:1200px){
        #wrapper {
            margin-top: 64px;
        }
		.quick-btn-box > div{
			width: 100%;
		}
		.main-quick-btn {
			flex-direction: column;
		}
		.main-quick-btn > li{
			flex-direction: row;
			justify-content: center;
		}
		.quick-banner{
			height: 40vw
		}
		.quick-banner > .img{
			background: url(../img/main/m_main-quick-banner.png) center/cover no-repeat;
		}
	}

	@media(max-width:769px) {
		.quick-btn-box-sub{
			font-size: 14px;
		}
	}

	/* main-banner */
	.main-banner-section{
		overflow: hidden;
		position: relative;
		padding-bottom: 170px;
		padding-top: 170px;
		color: #fff;

		display: flex;
		align-items: center;
	}
	.main-banner-section > .img{
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		transition: all 10s;

		background: url(../img/main/main-bg-01.png) center/cover no-repeat;
	}
	.main-banner-section.active > .img{
		transform: scale(1.2);
	}

	.ask-btn-box{
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
	.ask-btn-box a{
		text-align: center;
		color: #fff;
 		border: 2px solid #fff;
		padding: 20px 70px;
		font-weight: 500;
		font-size: 24px;

		transition: color 0.5s;
	}
	.ask-btn-box a:hover{
		border: 2px solid #ffb22c;
		color: #ffb22c;
	}

	@media(max-width:769px) {
		.main-banner-section{
			padding-bottom: 80px;
			padding-top: 80px;
		}
		.ask-btn-box {
			margin-top: 120px;
		}
	}

	/* main-special-section */
	.main-special-section {
		overflow: hidden;
	}
	.main-special-section > .flex > div{
		padding: 20px;	
	}

	.main-special-section .special-tit-box{
		position: relative;
		border-top: 10px solid #0c2b64;
		display: flex;
		flex-direction: column;
		padding-top: 60px;
		gap: 4px;
	}
	.special-tit-box .img{
		position: absolute;
		position: absolute;
    	transform: translate(50%, 50%);
    	right: 0;
    	bottom: 0;
		z-index: -1;
	}
	.main-special-section .special-tit-box h5{
		font-size: 54px;
	}
	.main-special-section .special-tit-box h6{
		font-size: 35px;
		color: #a0a0a0;
		font-weight: 500;
	}
	.main-special-section .special-tit-box h2{
		font-size: 100px;
	}

	@media(max-width:769px) {
		.main-special-section .special-tit-box h5{
			font-size: 35px;
		}
		.main-special-section .special-tit-box h6{
			font-size: 24px;
		}
		.main-special-section .special-tit-box h2{
			font-size: 50px;
		}
	}

	.content-slide .swiper-pagination-bullet{
		transition: background 0.5s;
		width: 15px;
		height: 15px;
	}

	.content-slide .swiper-pagination-bullet-active{
		background: #ffb22b;
	}