/*main*/
#header{position:fixed;top:0;left:0;width:100%;background:#fff}
hgroup{display:None}
main{max-width:100%;padding:0}
main .inner{
	position:relative;
	max-width:1640px;
	margin:0 auto;
	padding:0 40px
}
main>section{padding:0 0 130px;overflow:Hidden;}
main>section.on{opacity:1;transform:translateY(0);}

#main h3{
	margin:0 0 50px;
	font-size:38px;font-weight:800
}
#main h3 b{
	display:block;
	font-size:58px;color:#000
}
#main .ct1 h3{font-size:58px;color:#BBBBBE}
#main .ct1 .bg{
	position:Relative;
	width:100%;
	background:#000;
	overflow:Hidden;
}
#main .ct1 .bg:before{
	content:'';
	position:absolute;top:0;left:0;
	display:block;width:100%;height:100%;
	background:url(../img/main/bg1.jpg) no-repeat center;background-size:cover;
	transition:.5s;transform:scale(1.1);animation: scale 2s ease-out forwards alternate;
}
#main .ct1 .bg dl{
	position:relative;
	display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column;
	height:64vw;max-height:1194px;min-height:400px;
	z-index:1
}
#main .ct1 .bg dt:after{
	content:'';
	display:block;width:40px;height:1px;
	margin:20px auto;
	background:#fff;
}
#main .ct1 .bg dd{
	font-size:40px;font-weight:700;color:#fff;
}

#main .ct1{margin-top:0}
#main .ct2 ul{
	display:grid;grid-template-columns:repeat(2, 1fr);gap:70px 25px;
}
#main .ct2 ul dt{
	margin:45px 0 0;
	font-size:26px;font-weight:800
}
#main .ct2 ul dd{
	margin:10px 0 30px;
	font-size:16px;font-weight:500;color:#86868B;line-height:1.7em
}
#main .ct2 ul .img{display:block;font-size:0;background:#000;}
#main .ct2 ul .img img{transition:.4s;width:100%}
#main .ct2 ul .img:hover img{opacity:.8}

#main .ct3{padding-bottom:0}
#main .ct3 h3 span{display:block;color:#000;font-weight:600;font-size:38px;}
#main .ct3 h3 a{margin-top:40px}
#main .ct3 .bg{
	position:Relative;
	width:100%;
	background:#000
}
#main .ct3 .bg:before{
	content:'';
	position:absolute;top:0;left:0;
	display:block;width:100%;height:100%;
	background:url(../img/main/bg2.jpg) no-repeat center;background-size:cover
}
#main .ct3 .bg dl{
	position:relative;
	display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex-direction:column;
	height:50vw;max-height:697px;min-height:300px;
	z-index:1
}
#main .ct3 .bg dt:after{
	content:'';
	display:block;width:40px;height:1px;
	margin:20px auto;
	background:#fff;
}
#main .ct3 .bg dd{
	font-size:40px;font-weight:700;color:#fff;
}


@media all and (max-width:1024px){
	main>section{padding-bottom:100px}
	#main h3{font-size:28px}
	#main h3 b{font-size:38px}
	#main .ct1{padding-top:50px;}
	#main .ct1 h3,
	#main .ct1 h3 b{font-size:38px;}
	#main .ct1 .bg dt img,
	#main .ct3 .bg dt img{display:block;max-width:60%;margin:0 auto}
	#main .ct1 .bg dd,
	#main .ct3 .bg dd{font-size:25px}
	#main .ct2 ul{gap:40px 20px}
	#main .ct2 ul h4{font-size:16px}
	#main .ct2 ul p{margin:20px 0;font-size:15px}
	#main .ct2 ul dt{margin-top:20px}
	#main .ct3 h3 span{font-size:30px}

	
}

@media all and (max-width:760px){
	main>section{padding-bottom:80px}
	main .inner{padding:0 20px}
	#main h3{margin-bottom:20px;font-size:18px}
	#main h3 b{font-size:30px}
	#main .ct1{padding-top:40px;}
	#main .ct1 h3,
	#main .ct1 h3 b{font-size:30px;}
	#main .ct1 .bg dt img,
	#main .ct3 .bg dt img{max-width:50%;}
	#main .ct1 .bg dd,
	#main .ct3 .bg dd{font-size:20px;text-align:center}
	#main .ct2 ul{display:block;}
	#main .ct2 ul li+li{margin-top:50px}
	#main .ct2 ul h4{font-size:16px}
	#main .ct2 ul p{margin:20px 0;font-size:15px}
	#main .ct2 ul dt{margin-top:10px;font-size:22px}
	#main .ct2 ul dd{margin:5px 0 15px;font-size:15px}
	#main .ct3 h3 span{font-size:26px;font-weight:600}
}