2021-12-27
@media(max-width:1198.98px){
}
@media(max-width:991.98px){
}
@media(max-width:766.98px){
}


/* main_visual */
.main_visual .swiper-slide{
	height:100vh;
	position:relative;
}
.main_visual .swiper-slide > .txt_box{
	position:absolute;
	left:50%;
	width:100%;
	top: 30%;
	transform: translateX(-50%);
	background: url(../_img/main/visual_text_bg.png) center top no-repeat;
	color:#fff;
	font-size:53px;
	text-align:center;
	font-weight:300;
	z-index:1;
	}
.main_visual .swiper-slide > .txt_box span {
	font-weight:600;
}
.main_visual .swiper-slide > .txt_box span.montserrat {
	color:#9effff;
	font-weight:800;
	font-size:62px;
}
.main_visual .swiper-slide > .txt_box .v_btn {
    display: inline-block;
	padding:12px 50px;
    margin-top: 20px;
	background:#003784;
	color:#fff;
	font-size:19px;
}
.main_visual .swiper-slide > .txt_box .v_btn i {
	color:#9effff;
	font-size:17px;
}

@media(max-width:1199.98px){
	.main_visual .swiper-slide > .txt_box {
		padding:0 5rem;		
		font-size:4rem;
		top:40%;
	}
	.main_visual .swiper-slide > .txt_box span.montserrat {
		font-size:4.5rem;
	}
}
@media(max-width:991.98px){
	.main_visual .swiper-slide{
		height:60rem;
	}
	.main_visual .swiper-slide > .txt_box{
		padding:0 15%;
	}
}

/* ima move */
.img-wrap{
	overflow:hidden;
	width:100%;
	height:100%;
}
.img-wrap > div{
	width:100%;
	height:100%;
	overflow: hidden;
	transform: scale(1.15) rotate(.001deg);
	transition: 5s;
}
.swiper-slide.swiper-slide-active .img-wrap > div{
	transform:scale(1.15) rotate(.001deg);transition-delay:0s;
	animation-name:main-bg-active;
	animation-duration:5s;
	animation-timing-function:linear;
	animation-delay:0s;
	animation-fill-mode:forwards;
}
@keyframes main-bg-active{
	0%{transform:scale(1) rotate(.001deg);}
	100%{transform:scale(1.15) rotate(.001deg);}
}

#main_visual_mo{
	display:none;
}



/* main_container */
#main_container{
	position: relative;
}
#main_container > section .container{
	width:1290px;
}

@media(max-width:991.98px){
	#main_container > section .container{
		width:750px;
	}
	#main_container > section .main_title h3{
		font-size: 5rem;
		letter-spacing: 1px;
	}
	#main_container > section .main_title p{
		font-size:1.8rem;
	}
}
@media(max-width:766.98px){
	#main_container > section .container{
		width:100%;
	}
}

.sec01 {
	position: absolute;
	z-index: 21;
	margin-top: -370;
	left: 50%;
	transform: translateX(-50%);
	top: -355px;
}
.sec01:after { content:""; display:block; clear:both;}
.sec01 .row div { padding:0; }
.sec01 dl dt { position:relative;background:#f1f1f1; }
.sec01 dl dt p {position:absolute;z-index:1;bottom: -28px;left: 50%;display:block;width: 80%;padding: 12px 0;transform: translateX(-50%);text-align:center;vertical-align:middle;color:#fff;font-size:20px;font-weight:500;}
.sec01 dl.dl_type1 dt { background:#f1f1f1;}
.sec01 dl.dl_type2 dt { background:#e9e9e9;}
.sec01 dl.dl_type1 dt p { background:#465569;}
.sec01 dl.dl_type2 dt p { background:#003784;}
.sec01 dl.dl_type1 dd { background:#f1f1f1;}
.sec01 dl.dl_type2 dd { background:#e9e9e9;}
.sec01 dl dd {position:relative;text-align:center;padding: 60px 0 80px 0;font-size:16px;font-weight:400;color: #666;}
.sec01 dl dd .more {
	position:absolute;
	left: 50%;
	bottom: 40px;
	display:block;
	transform: translateX(-50%);
	z-index:2;
}


@media(max-width:1198.98px){
	.sec01 {
		top: -264px;
	}
	.sec01 dl dt {
		height:300px;
	}
	.sec01 dl dt p {
		bottom: 7px;
	}
	.sec01 dl dd {
		    padding:30px 0 80px 0;
	}
}
@media(max-width:991.98px){
	.sec01 {
		top: 0;
		left: 0;
		position: static;
		transform:none;
		margin-top:30px;
	}
	.sec01 dl dt p {
		bottom: -20px;
	}
	.sec01 dl dd {
		padding: 60px 0 130px 0;
	}
}

.sec02 { padding: 50px 0;padding-top: 240px;}
.sec02:after {content:""; clear:both; display:block; }
.sec02 .notice {text-align:left; margin-top:15px;}
.sec02 .notice .tt {position:relative;float: left;color:#000;font-size:1.8rem;font-weight:600;width: 20%;padding-left:23px;}
.sec02 .notice .tt::after {
	content:"";
	position:absolute;
	left:0;
	top:45%;
	width:4px;
	height:4px;
	background:#767676;
}
.sec02 .list {float: left;width: 80%; padding: 0;}
.sec02 .list .info .date {float:left;color:#003784;font-size:1.6rem;font-weight: 500;padding: 1px 15px 0 0;}
.sec02 .list .info .title a { color:#222; font-size:1.8rem; }
.sec02 .tel { text-align:right; background:url(../images/ico_tel.gif) no-repeat 0 0;}
.sec02 .tel .montserrat { font-size:1.8rem; font-weight:600; color:#003784;}
.sec02 .tel .montserrat img { margin-right:10px; }

@media(max-width:991.98px){
	.sec02 {
		padding:0;
	}
	.sec02 .row div  {
		padding: 2rem 1.5rem;
	}
	.sec02 .list .info .date {float:none; padding-bottom:10px; }
	.sec02 .tel {
		text-align: center;
		margin-bottom:30px;
		background: url(../images/ico_tel.gif) no-repeat 0 0;
	}
}

.sec03 {text-align:center;}
.sec03 div a { display:block; width:100%; height:100%; text-align:center; }
.sec03 div a:hover img.more { padding-left:15px;}
.sec03 div.li01 { background:#465569;}
.sec03 div.li02 { background:#0e3d9d;}
.sec03 div.li03 { background:#fa5d1d;}
.sec03 div.li04 { background:#918c8a;}
.sec03 div .icon {margin-top: 40px;}
.sec03 div .tt {margin-top: 15px;font-size:26px;font-weight:500;color:#fff;}
.sec03 div span {display:inline-block;margin: 10px 0 120px 0;font-size:17px;font-weight:200;color:#e4e4e4;}
.sec03 div img.more {
	position:absolute;
	display:block;
	bottom: 60px;
	left:50%;
	margin-left:-37px;
	transition:all .3s ease !important;
	-moz-transition:all .3s ease !important;
	-webkit-transition:all .3s ease !important;
	-o-transition:all .3s ease !important;
}