@charset "utf-8";
.pcbr{display:block;}
.tbbr{display:none;}
.mbbr{display:none;}
.dn{display:none;}



/* visual */
.visual{
	overflow:hidden;
	position:relative;
	width:100%;height:100vh;
	background:#8f9094;
}
.visual .swiper-wrapper{width:100%;height:100%;}
.visual .swiper-slide{position:relative;width:100%;height:100%;}
.visual .swiper-slide .txtwrap{
	display:flex;align-items:center;
	width:50%;height:100%;
	box-sizing:border-box;
	padding:0 6.5%;
}
.visual .swiper-slide .txtwrap>div>div{}
.visual .swiper-slide .txtwrap h3{font-size:54px;color:#fff;font-weight:500;margin-bottom:25px;line-height:1.5;}
.visual .swiper-slide .txtwrap h3:before{
	display:block;content:"";
	width:100px;height:1px;
	background:rgba(255,255,255,0.3);
	margin:0 0 40px;
	display: none;
}
.visual .swiper-slide .txtwrap p{font-size:29px;color:rgba(255,255,255,0.8);font-weight:300;line-height:1.7em;}
.visual .swiper-slide .bg{
	overflow:hidden;
	position:absolute;right:0;top:0;z-index:-1;
	width:50%;height:100%;		
}
.visual .swiper-slide .bg>div{width:100%;height:100%;opacity:0;transform:scale(1.1);transition:transform 1.2s;}
.visual .swiper-slide.on{opacity:1 !important;}
.visual .swiper-slide.on .bg>div{opacity:1;transform:scale(1);}
.visual .swiper-slide.v1 .bg>div{background:url(/images/main/visual1.jpg) no-repeat center;background-size:cover;}
.visual .swiper-slide.v2 .bg>div{background:url(/images/main/visual2.jpg) no-repeat center;background-size:cover;}
.visual .swiper-slide.v3 .bg>div{background:url(/images/main/visual3.jpg) no-repeat center;background-size:cover;}
.visual .swiper-slide.v4 .bg>div{background:url(/images/main/visual4.jpg) no-repeat center;background-size:cover;}
.visual .swiper-slide.v5 .bg>div{background:url(/images/main/visual5.jpg) no-repeat center;background-size:cover;}

.visual .ctr{
	display:flex;align-items:center;
	position:absolute;right:3%;bottom:60px;z-index:100;
}
.visual .ctr .bar{
	width:1px;height:38px;
	background:rgba(255,255,255,0.4);margin:0 30px;
}
.visual .ctr .vprev{
	width:20px;height:38px;
	background:url(/images/main/vprev.png) no-repeat;
	cursor:pointer;
}
.visual .ctr .vnext{
	width:20px;height:38px;
	background:url(/images/main/vnext.png) no-repeat;
	cursor:pointer;
}
.visual .vpaging{
	position:absolute;left:6.5%;bottom:60px;z-index:100;
	text-align:left;
}
.visual .vpaging span{
	display:inline-block;
	position:relative;
	width:45px;height:45px;
	margin:0 !important;
	font-size:15px;color:#fff;text-align:center;line-height:45px;
	background:0;opacity:1;
}
.visual .vpaging span:before{
	display:block;content:"";
	width:45px;height:23px;
	background:url(/images/main/vpaging_bg1.png) no-repeat;
	position:absolute;left:0;bottom:0;
}
.visual .vpaging span:after{
	display:block;content:"";
	width:45px;height:23px;
	background:url(/images/main/vpaging_bg1.png) no-repeat;
	position:absolute;left:0;top:0;
	transform:rotate(180deg);
	opacity:0;top:-50%;transition:all 0.4s;
}
.visual .vpaging span.swiper-pagination-bullet-active:after{opacity:1;top:0;}





#contents .titlearea{padding:0 6.5%;margin-bottom:100px;}
#contents .titlearea h3{font-size:18px;color:#000;font-weight:600;}
#contents .titlearea h4{margin-top:30px;font-size:42px;color:#000;font-weight:600;}
#contents .titlearea h5{margin-top:30px;font-size:20px;color:#777;font-weight:500;}



/* section1 */
.section1{padding:240px 0;}
.section1 .conwrap{
	display:flex;
	width:94%;
	margin:0 auto;
	border-left:1px solid #ddd;
}
.section1 .conwrap dl{
	box-sizing:border-box;
	width:25%;
	padding:0 60px;
	border-right:1px solid #ddd;
	text-align:center;
}
.section1 .conwrap dl dt{margin-bottom:20px;}
.section1 .conwrap dl dt .icon{
	display:flex;align-items:center;justify-content:center;
	position:relative;
	width:140px;height:140px;
	margin:0 auto;
}
.section1 .conwrap dl dt .icon:before{
	display:block;content:"";
	width:100%;height:100%;
	background:#03336a;
	border-radius:50%;
	position:absolute;left:0;top:0;
}
.section1 .conwrap dl dt .icon img{position:relative;z-index:100;}
.section1 .conwrap dl dt .tit{margin-top:45px;font-size:27px;color:#000;font-weight:600;line-height:1.5;}
.section1 .conwrap dl dd{font-size:16px;color:#666;line-height:1.7em;font-weight:500;}




/* section2 */
.section2{display:flex;}
.section2 .imgarea{
	box-sizing:border-box;
	width:50%;
	padding:130px 6.5%;
	background:#f9f9f9;
	display: flex;align-items:center;justify-content:center;
}
.section2 .txtarea{
	box-sizing:border-box;
	display:flex;align-items:center;
	width:50%;
	padding:130px 6.5%;
	background:#f4f4f4;
}
.section2 .txtarea h3{font-size:66px;color:#212529;font-weight:600;line-height:1.3;}
.section2 .txtarea h4{margin:70px 0 20px;font-size:24px;color:#000;font-weight:600;}
.section2 .txtarea p{margin-bottom:50px;line-height:1.7em;font-weight:500; text-align: justify;}
.section2 .txtarea a{
	overflow:hidden;
	display:flex;align-items:center;justify-content:space-between;
	position:relative;perspective:1000px;
	width:358px;height:150px;
	box-sizing:border-box;
	padding:0 49px;
	border:1px solid #999;
	border-radius:75px;
}
.section2 .txtarea a:before{
	display:block;content:"";
	width:100%;height:100%;
	background:#03336a;
	position:absolute;left:0;top:100%;
	transition:all 0.6s;
}
.section2 .txtarea a .tit{position:relative;z-index:10;color:#000;font-weight:600;transition:all 0.6s;}
.section2 .txtarea a .arr{
	position:relative;z-index:10;
	width:27px;height:14px;
	background:url(/images/main/more_arr1.png) no-repeat;
	transition:all 0.6s;
}
.section2 .txtarea a:hover:before{top:0;}
.section2 .txtarea a:hover .tit{color:#fff;transform:rotateY(360deg);}
.section2 .txtarea a:hover .arr{background:url(/images/main/more_arr2.png) no-repeat;}





/* section3 */
.section3{padding:240px 0;}
.section3 .conwrap{
	overflow:hidden;
	display:flex;justify-content:space-between;
	box-sizing:border-box;
	width:100%;height:100vh;
	padding:0 3%;
}
.section3 .conwrap .fixed_title{
	box-sizing:border-box;
	width:48%;
	/* height:100%; */
	height:calc(100% - 110px);
	padding:180px 120px 0;
	background:url(/images/main/sec3_bg1.jpg) no-repeat center;
	background-size:cover;
}
.section3 .conwrap .fixed_title h4{font-size:42px;color:#000;font-weight:600;}
.section3 .conwrap .fixed_title p{margin-top:30px;color:rgba(0,0,0,0.6);line-height:1.7em;font-weight:500;text-align: justify;}
.section3 .conwrap .con{width:48%;
}
.section3 .conwrap .con ul{}
.section3 .conwrap .con ul li{margin-bottom:40px;}
.section3 .conwrap .con ul li .img{margin-bottom:25px;}
.section3 .conwrap .con ul li .img img{}
.section3 .conwrap .con ul li .tit{position:relative;padding-left:25px;font-size:26px;color:#000;font-weight:600;transition:0.9s;}
.section3 .conwrap .con ul li .tit:before{
	display:block;content:"";
	width:11px;height:11px;
	background:#000;
	border-radius:50%;
	position:absolute;left:0;top:10px;
}

.section3 .conwrap .con ul li:hover .tit{color:#03336a;transition:0.9s;}
.section3 .conwrap .con ul li:hover .tit:before{background: #03336a;}




/* section4 */
.section4{padding:0 0;}
.section4 .conwrap{}
.section4 .conwrap ul{display:flex;width:100%;height:100vh;}
.section4 .conwrap ul li{
	position:relative;
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	padding:0 5%;
	overflow:hidden;
	width:50vw;height:100%;
	transition:all 1s;
}
.section4 .conwrap ul li:hover{width:50vw;}
.section4 .conwrap ul li:before{
	display:block;content:"";
	width:100%;height:100%;
	position:absolute;left:0;top:0;
}
.section4 .conwrap ul li:nth-child(1):before{background:url(/images/main/sec4_bg1.jpg) no-repeat center;background-size:cover;}
.section4 .conwrap ul li:nth-child(2):before{background:url(/images/main/sec4_bg2.jpg) no-repeat center;background-size:cover;}
.section4 .conwrap ul li:nth-child(3):before{background:url(/images/main/sec4_bg3.jpg) no-repeat center;background-size:cover;}
.section4 .conwrap ul li>div{position:relative;z-index:10;text-align:center;}
.section4 .conwrap ul li>div .num{font-size:20px;color:#fff;font-weight:500;}
.section4 .conwrap ul li>div .tit{margin:10px 0 20px;font-size:40px;color:#fff;font-weight:600;}
.section4 .conwrap ul li>div p{
	font-size:17px;color:rgba(255,255,255,0.8);font-weight:500;line-height:1.7em;
}
.section4 .conwrap ul li>div a{
	display:flex;align-items:center;justify-content:center;
	width:12vw;height:54px;border-radius:26px;
	margin:40px auto 0;
	border:1px solid rgba(255,255,255,0.4);
	font-size:13px;color:rgba(255,255,255,0.8);font-weight:500;
}
.section4 .conwrap ul li>div a span{display:inline-block;position:relative;transform:translateX(0);transition:all 0.6s;}
.section4 .conwrap ul li>div a span:before{
	display:block;content:"";
	width:20px;height:1px;
	background:rgba(255,255,255,0.8);
	position:absolute;right:100%;top:8px;
	transform-origin:right;
	margin-right:10px;
	transform:scaleX(0);transition:all 0.6s;
}
.section4 .conwrap ul li>div a:hover span:before{transform:scaleX(1);}
.section4 .conwrap ul li>div a:hover span{transform:translateX(15px);}





/* section5 */
.section5{padding:240px 6.5%;overflow:hidden;}
.section5 .titlearea{padding: 0 0 0 2% !important;margin-bottom: 0px !important;}
.section5 .conwrap{position: relative;width:100%;padding-top: 100px;}
.section5 .conwrap .swiper-wrapper{width: 100%;align-items:center;}
.section5 .conwrap .swiper-slide{position: relative;box-sizing:border-box;padding: 0 25px;border-right:1px solid rgba(0,0,0,0.2);}
/* .section5 .conwrap .swiper-slide:before{position: absolute;content:"";right:0;width:1px;height:100%;background: rgba(0,0,0,0.2);
} */
.section5 .conwrap .swiper-slide .inner .thumb{margin-bottom: 50px;}
.section5 .conwrap .swiper-slide .inner .conarea .date{font-size:16px;color:#888;margin-bottom:18px ;}
.section5 .conwrap .swiper-slide .inner .conarea .title{font-size:22px;color:#222;margin-bottom:15px;line-height:1.5;
overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    box-sizing: border-box;
    display: -webkit-box;
    height:1.8em;
	font-weight: 600;
}
.section5 .conwrap .swiper-slide .inner .conarea .cont{font-size:17px;color:#666;margin-bottom:30px;line-height:1.6;
overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    box-sizing: border-box;
    display: -webkit-box;
    height:6em;
	font-weight: 500;
}
.section5 .ctr{
	display:flex;align-items:center;
	position:absolute;right:3%;top:0px;z-index:100;
}
.section5 .ctr .nprev{
	width:54px;height:54px;
	background:url(/images/main/nprev.png) no-repeat;
	cursor:pointer;
}
.section5 .ctr .nnext{
	width:54px;height:54px;
	background:url(/images/main/nnext.png) no-repeat;
	cursor:pointer;
}

/*motion*/
.visual .swiper-slide .txtwrap>div{overflow:hidden;}
.visual .swiper-slide .txtwrap h3{opacity:0;transform: translateY(100%);}
.visual .swiper-slide .txtwrap p{opacity:0;transform: translateY(100%);}
.visual .swiper-slide.swiper-slide-active .txtwrap h3{opacity:1;transform: translateY(0);transition: 0.9s 0.6s;}
.visual .swiper-slide.swiper-slide-active .txtwrap p{opacity:1;transform: translateY(0);transition: 0.9s 0.9s;}

#contents .titlearea h3{opacity:0;transition:0.9s;transform:translateY(50px);}
#contents .titlearea h4{opacity:0;transition:0.9s;transform:translateY(50px);}
#contents .titlearea h3.in-view{opacity:1;transition:0.9s 0.2s;transform:translateY(0px);}
#contents .titlearea h4.in-view{opacity:1;transition:0.9s 0.4s;transform:translateY(0px);}

.section1 .conwrap dl:nth-child(2n-1){opacity:0;transition:0.9s;transform:translateY(50px);}
.section1 .conwrap dl:nth-child(2n){opacity:0;transition:0.9s;transform:translateY(-50px);}
.section1 .conwrap dl.in-view{opacity:1;transition:0.9s;transform:translateY(0px);}
.section1 .conwrap dl.in-view:nth-child(1){transition-delay:0.6s;}
.section1 .conwrap dl.in-view:nth-child(2){transition-delay:0.9s;}
.section1 .conwrap dl.in-view:nth-child(3){transition-delay:1.2s;}
.section1 .conwrap dl.in-view:nth-child(4){transition-delay:1.5s;}

.section2 .txtarea h3, .section2 .txtarea h4, .section2 .txtarea p, .section2 .txtarea a{
opacity:0;transition:0.9s;transform:translateY(50px);
}
.section2 .txtarea h3.in-view, .section2 .txtarea h4.in-view, .section2 .txtarea p.in-view, .section2 .txtarea a.in-view{
opacity:1;transition:0.9s;transform:translateY(0px);
}
.section2 .txtarea h4.in-view{transition-delay:0.2s;}
.section2 .txtarea p.in-view{transition-delay:0.3s;}
.section2 .txtarea a.in-view{transition-delay:0.4s;}

.section3 .conwrap .fixed_title h4, .section3 .conwrap .fixed_title p{opacity:0;transition:0.9s;transform:translateY(50px);}
.section3 .conwrap .fixed_title h4.in-view, .section3 .conwrap .fixed_title p.in-view{opacity:1;transition:0.9s;transition-delay:0.2s;transform:translateY(0px);}
.section3 .conwrap .fixed_title p.in-view{transition-delay:0.3s;}

.section4 .conwrap ul li:before{transform:scale(1.2);transition:1.2s;}
.section4 .conwrap ul li.in-view:before{transform:scale(1);transition:1.2s 0.6s;}
/* .section4 .conwrap ul li:hover:before{transform:scale(1.2);transition:1.2s;} */
.section4 .conwrap ul li>div .num, .section4 .conwrap ul li>div .tit, .section4 .conwrap ul li>div a{
opacity:0;transition:0.9s;transform:translateY(50px);
}
.section4 .conwrap ul li>div .num.in-view, .section4 .conwrap ul li>div .tit.in-view, .section4 .conwrap ul li>div a.in-view{
opacity:1;transition:0.9s;transform:translateY(0px);transition-delay:0.4s;
}
.section4 .conwrap ul li>div .tit.in-view{transition-delay:0.55s;}
.section4 .conwrap ul li>div a.in-view{transition-delay:0.65s;}

.section5 .conwrap{opacity:0;transition:0.9s;transform:translateY(50px);}
.section5 .conwrap.in-view{opacity:1;transition:0.9s 0.5s;transform:translateY(0px);}

@media screen and (max-width: 1600px){
.section3 .conwrap .fixed_title{padding:180px 60px 0;}
}