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






/* visual */
#visual{position:relative;width:100%;height:100vh;padding:15px;}
.visual{box-sizing:border-box;width:100%;height:100%;}
.visual .swiper-wrapper{width:100%;height:100%;}
.visual .swiper-slide{
	overflow:hidden;
	position:relative;
	width:100%;height:100%;
}
.visual .swiper-slide .bg{
	position:absolute;left:0;top:0;bottom:0;right:0;
	width:100%;height:100%;
	transform:scale(1.1);
	transition:all 1.2s;
}
.visual .swiper-slide .bg>div{width:100%;height:100%;}
.visual .swiper-slide.v1 .bg>div{background:url(/images/main/v1_bg.png) no-repeat center;background-size:cover}
.visual .swiper-slide.v2 .bg>div{background:url(/images/main/v3_bg.jpg) no-repeat center;background-size:cover}
.visual .swiper-slide.v3 .bg>div{background:url(/images/main/v4_bg.jpg) no-repeat center;background-size:cover}


.visual .swiper-slide .circle1{
	position:absolute;right:-3%;top:38%;
	width:370px;height:370px;
	border-radius:50%;
	background:rgba(0,167,175,0.6);
}
.visual .swiper-slide .circle2{
	position:absolute;right:4%;top:70%;
	width:240px;height:240px;
	border-radius:50%;
	background:rgba(236,42,123,0.78);
}
.visual .swiper-slide .conwrap{
	display:flex;justify-content:space-between;
	box-sizing:border-box;
	padding:130px 90px 0;
}
.visual .swiper-slide .conwrap .txtarea{
	box-sizing:border-box;
	width:52.56%;
	padding:120px 0 0;
}
.visual .swiper-slide .conwrap .txtarea .tit{}
.visual .swiper-slide .conwrap .txtarea .tit>div{overflow:hidden;}
.visual .swiper-slide .conwrap .txtarea .tit>div>span{
	font-size:4.3vw;color:#333;font-weight:600;line-height:1.14em;
}
.visual .swiper-slide .conwrap .txtarea .tit>div:nth-child(3)>span{font-size:3.4vw;color:#909090;}
.visual .swiper-slide .conwrap .txtarea .txt{margin-top:25px;font-size:37px;color:#ee2a7b;line-height:1.6em;font-weight:600;}
.visual .swiper-slide .conwrap .imgarea{position:relative;width:43%;}
.visual .swiper-slide .conwrap .imgarea .nametag{
	position:absolute;left:15px;bottom:70px;
	width:360px;height:70px;
	background:#353535;
	border-radius:35px;
	font-size:22px;color:#fff;text-align:center;line-height:70px;
}
.visual .swiper-slide .conwrap .tip{
	position:absolute;right:5%;bottom:00px;
	font-size:15px;color:#3d3d3d;
}

.visual .swiper-slide.v2>div{width:100%;height:100%;}
.visual .swiper-slide.v2 .conwrap{
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	position:relative;z-index:10;
	width:100%;height:100%;
	padding:0;
	text-align:center;
}
.visual .swiper-slide.v2 .conwrap .btnPlay{display:block;margin-bottom:30px;}
.visual .swiper-slide.v2 .conwrap .txt{font-size:32px;color:#fff;text-align:center;line-height:1.5em;}
.visual .swiper-slide.v2 .conwrap .txt strong{display:block;margin:0 0 10px;font-size:50px;font-weight:600;}

.visual .swiper-slide.v3>div{width:100%;height:100%;}
.visual .swiper-slide.v3 .conwrap{
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	position:relative;z-index:10;
	width:100%;height:100%;
	padding:0;
	text-align:center;
}
.visual .swiper-slide.v3 .conwrap .btnPlay{display:block;margin-bottom:30px;}
.visual .swiper-slide.v3 .conwrap .txt{font-size:32px;color:#fff;text-align:center;line-height:1.5em;}
.visual .swiper-slide.v3 .conwrap .txt strong{display:block;margin:0 0 10px;font-size:50px;font-weight:600;}


#visual .scroll{
	position:absolute;left:50%;bottom:40px;
	text-align:center;
}
#visual .scroll .txt{
	margin-bottom:15px;
	font-size:12px;color:#000;
}
#visual .scroll .img{}

.visual .ctr{
	display:flex;align-items:center;
	width:100%;
	position:absolute;left:5%;bottom:60px;z-index:10;
}
.visual .vpaging{
	display:inline-block;
	display:flex;align-items:center;
	position:static;
	text-align:left;
}
.visual .vpaging span{
	box-sizing:border-box;
	display:inline-block;
	width:52px;height:30px;
	border:1px solid #000;opacity:0.6;
	background:0;border-radius:15px;
	margin:0 20px 0 0;
	font-size:16px;color:#666;font-weight:500;text-align:center;line-height:28px;
}
.visual .vpaging span.swiper-pagination-bullet-active{
	opacity:1;
	background:#000;color:#fff;
}
.visual.bl .vpaging span{border:1px solid #fff;color:#fff;}
.visual.bl .vpaging span.swiper-pagination-bullet-active{background:#fff;color:#000;}
.visual .auto{position:relative;width:30px;height:30px;}
.visual .auto img{position:absolute;left:0;top:0;}
.visual .auto .swiper-button-play{display:none;cursor:pointer;}
.visual .auto .swiper-button-pause{display:block;cursor:pointer;}




/* titlearea */
.titlearea{}
.titlearea h2{font-size:20px;color:#000;font-weight:500;}
.titlearea h2 i{font-weight:bold;color:#00a7af;font-style:normal;}
.titlearea h3{margin-top:50px;}
.titlearea h3>div{overflow:hidden;}
.titlearea h3>div>span{display:inline-block;font-size:3.3vw;color:#000;font-weight:600;line-height:1.35em;}
.titlearea h3>div>span strong{
	padding:0 35px;
	background:#ee2a7b;
	color:#fff;
	font-weight:600;
	border-radius:50px;
}





/* sec1 */
.sec1{position:relative;box-sizing:border-box;height:100vh;padding:0 15px 15px;}
.sec1 .conwrap{
	box-sizing:border-box;
	display:flex;align-items:center;
	position:relative;
	height:100%;
	padding:0 5%;
	border-radius:15px;
	background:#0c1d3b;
}
.sec1 .conwrap .plus{}
.sec1 .conwrap .plus .d1{
	font-size:7vw;color:#2b3a54;font-weight:500;line-height:1em;
	position:absolute;z-index:10;
}
.sec1 .conwrap .plus .d2{
	font-size:7vw;color:#08a8b0;font-weight:500;line-height:1em;
	position:absolute;z-index:10;
}
.sec1 .conwrap .plus .d3{
	font-size:7vw;color:#ee2a7b;font-weight:500;line-height:1em;
	position:absolute;z-index:10;
}
.sec1 .conwrap .plus>div:nth-child(1){right:2%;top:0%;}
.sec1 .conwrap .plus>div:nth-child(2){right:15%;top:2%;}
.sec1 .conwrap .plus>div:nth-child(3){right:9%;top:15%;}
.sec1 .conwrap .plus>div:nth-child(4){right:2%;top:47%;}
.sec1 .conwrap .plus>div:nth-child(5){right:17%;top:74%;}
.sec1 .conwrap .plus>div:nth-child(6){right:5%;top:78%;}
.sec1 .conwrap .plus>div:nth-child(7){right:26%;top:82%;}
.sec1 .conwrap .titlearea{position:relative;z-index:20;}
.sec1 .conwrap .titlearea h2{font-size:20px;color:#fff;font-weight:500;}
.sec1 .conwrap .titlearea h2 i{font-weight:bold;color:#00a7af;font-style:normal;}
.sec1 .conwrap .titlearea h3{margin-top:50px;}
.sec1 .conwrap .titlearea h3>div>span{color:#fff;font-weight:600;}
.sec1 .conwrap .titlearea h3>div>span strong{
	padding:0 30px;
	background:#ee2a7b;
	color:#fff;
	font-weight:600;
	border-radius:50px;
}
.sec1 .conwrap .titlearea h3>div>span strong.c1{background:#08a8b0;}



/* sec2 */
.sec2{position:relative;padding:180px 5%;}
.sec2 .bg{}
.sec2 .bg>div{
	position:absolute;
	background:url(/images/main/sec1_bg1.png) no-repeat;
	width:52px;height:57px;
}
.sec2 .bg .bg1{right:20%;top:60px;}
.sec2 .bg .bg2{right:33%;top:185px;}
.sec2 .bg .bg3{right:1%;top:160px;}
.sec2 .bg .bg4{right:22%;top:280px;}
.sec2 .bg .bg5{right:12%;top:408px;}
.sec2 .conwrap{margin:80px 0 0;}
.sec2 .conwrap dl{
	display:flex;flex-direction:row-reverse;
	margin-bottom:20px;
	border-radius:15px;
}
.sec2 .conwrap dl dt{
	display:flex;align-items:center;justify-content:center;
	position:relative;z-index:10;
	width:50%;height:270px;
	border-radius:15px;
	font-size:3.3vw;color:#fff;font-weight:600;
}
.sec2 .conwrap dl:nth-child(1) dt{background:#faa6c8;}
.sec2 .conwrap dl:nth-child(2) dt{background:#bbb;}
.sec2 .conwrap dl:nth-child(3) dt{background:#8ccdcf;}
.sec2 .conwrap dl dd{
	display:flex;align-items:center;
	box-sizing:border-box;
	width:50%;height:270px;
	padding:0 80px;background:#f4f4f4;
	font-size:24px;color:#3d3d3d;text-align:left;font-weight:400;line-height:1.6em;
	transition:all 0.1s;
}





/* sec3 */
.sec3{overflow:hidden;position:relative;}
.sec3 .bg{
	display:none;
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.sec3 .bg canvas{position:absolute;left:0;top:0;width:100%;height:100%;}
.sec3 .conwrap{position:relative;z-index:10;padding:0 5%;}
.sec3 .conwrap .conarea{
	display:flex;justify-content:space-between;
	margin:65px 0 0;
}
.sec3 .conwrap .conarea dl{
	position:relative;
	width:32.5%;
	padding:80px 55px 240px;
	box-sizing:border-box;
	background:#f4f4f4;
	border-radius:15px;
}
.sec3 .conwrap .conarea dl dt{position:relative;z-index:10;font-size:38px;color:#000;font-weight:600;}
.sec3 .conwrap .conarea dl dd{position:relative;z-index:10;margin-top:10px;font-size:20px;color:#3d3d3d;line-height:1.7em;}
.sec3 .conwrap .conarea dl:after{
	display:block;content:"";
	position:absolute;right:0;bottom:0;
	width:362px;height:260px;
}
.sec3 .conwrap .conarea dl:nth-child(1):after{background:url(/images/main/sec2_bg1.gif) no-repeat right bottom;}
.sec3 .conwrap .conarea dl:nth-child(2):after{background:url(/images/main/sec2_bg2.gif) no-repeat right bottom;}
.sec3 .conwrap .conarea dl:nth-child(3):after{background:url(/images/main/sec2_bg3.gif) no-repeat right bottom;}





/* sec4 */
.sec4{overflow:hidden;position:relative;padding:190px 0 0;}
.sec4 .titlearea{position:relative;z-index:10;padding:0 5%;margin-bottom:50px;}
.sec4 .conwrap{}
.sec4 .conwrap .boxwrap{
	overflow:hidden;
	position:relative;
	padding:130px 95px 33vh;
	width:calc(100% - 30px);margin:0 auto;
	border-radius:15px;
}
.sec4 .conwrap .boxwrap .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.sec4 .conwrap .boxwrap:nth-child(1){margin-bottom:15px;}
.sec4 .conwrap .boxwrap:nth-child(1) .bg{
	background:url(/images/main/sec3_bg1.jpg) no-repeat center;
	background-size:cover;
}
.sec4 .conwrap .boxwrap:nth-child(2) .bg{
	background:#1f3864 url(/images/main/sec3_bg2.jpg) no-repeat center bottom;
	background-size:cover;
}
.sec4 .conwrap .boxwrap .txtwrap{position:relative;z-index:10;}
.sec4 .conwrap .boxwrap .txtwrap h3{margin-bottom:15px;font-size:50px;color:#fff;font-weight:600;}
.sec4 .conwrap .boxwrap .txtwrap p{font-size:20px;color:rgba(255,255,255,0.75);line-height:1.8em;}
.sec4 .conwrap .boxwrap .txtwrap ul{}
.sec4 .conwrap .boxwrap .txtwrap ul li{
	position:relative;
	padding-left:18px;margin-bottom:10px;
	font-size:20px;color:rgba(255,255,255,0.75);line-height:1.8em;
}
.sec4 .conwrap .boxwrap .txtwrap ul li:last-child{margin-bottom:0;}
.sec4 .conwrap .boxwrap .txtwrap ul li:before{
	display:block;content:"";
	box-sizing:border-box;
	width:9px;height:9px;
	border:3px solid #ee2a7b;
	position:absolute;left:0;top:13px;
}
.sec4 .conwrap .boxwrap .txtwrap a{
	display:block;margin-top:35px;
	box-sizing:border-box;
	width:58px;height:58px;
	border:1px solid rgba(255,255,255,0.75);border-radius:50%;
	background:url(/images/main/more_arr.png) no-repeat center;
}
.sec4 .conwrap .boxwrap .img{
	position:absolute;left:60%;bottom:55px;
}
.sec4 .conwrap .boxwrap .tip{
	position:absolute;right:8%;bottom:50px;
	font-size:15px;color:#fff;
}





/* sec5 */
.sec5{overflow:hidden;position:relative;padding:190px 0 140px;}
.sec5 .titlearea{position:relative;z-index:10;padding:0 5%;}
.sec5 .conwrap{
	display:flex;justify-content:space-between;align-items:center;
	padding:150px 5% 50px;
}
.sec5 .conwrap .gall{
	position:relative;
	width:41.85%;
}
.sec5 .conwrap .gall ul{
	overflow:hidden;
	position:relative;
	width:100%;padding:50% 0;
}
.sec5 .conwrap .gall ul li{
	position:absolute;left:50%;top:50%;
	width:100%;height:100%;
	transform:translate(-50%,-50%);
	opacity:0;
	transition:all 0.4s;
}
.sec5 .conwrap .gall ul li.img1{opacity:1;}
.sec5 .conwrap .gall ul li img{border-radius:50%;border:10px solid #ee2a7b}
.sec5 .conwrap .gall ul li.img2 img{border:10px solid #08a8b0}
.sec5 .conwrap .gall .ctr{
	display:flex;
	position:absolute;right:0;bottom:40px;z-index:10;
}
.sec5 .conwrap .gall .ctr a{
	margin:0 2px;
	border-radius:50%;
	background:#494949;
}
.sec5 .conwrap .txts{position:relative;width:49.75%;}
.sec5 .conwrap .txts .numbering{	
	position:relative;
	font-size:18px;color:#6a6a6a;font-weight:500;
}
.sec5 .conwrap .txts .numbering>div{position:absolute;left:0;top:0;display:flex;}
.sec5 .conwrap .txts .numbering .n1{opacity:1;}
.sec5 .conwrap .txts .numbering .n2{opacity:0;}
.sec5 .conwrap .txts .numbering>div{}
.sec5 .conwrap .txts .numbering>div>div.this{color:#ee2a7b;}
.sec5 .conwrap .txts .numbering>div>span{margin:0 5px;}
.sec5 .conwrap .txts .txtwrap{
	position:relative;
	width:100%;height:260px;
	left:0;bottom:0;
}
.sec5 .conwrap .txts .txtwrap dl{
	position:absolute;left:0;top:0;
	box-sizing:border-box;
	padding:50px 190px 50px 0;
}
.sec5 .conwrap .txts .txtwrap dl.txt1{opacity:1;}
.sec5 .conwrap .txts .txtwrap dl.txt1 dt,
.sec5 .conwrap .txts .txtwrap dl.txt1 dd{opacity:1;}
.sec5 .conwrap .txts dl dt{font-size:50px;color:#000;font-weight:600;}
.sec5 .conwrap .txts dl dd{margin-top:25px;font-size:20px;color:#666;line-height:1.8em;}





/* sec6 */
.sec6{
	overflow:hidden;position:relative;
	display:flex;align-items:center;justify-content:center;
	height:800px;
}
.sec6 .bg{
	position:absolute;left:15px;top:15px;
	box-sizing:border-box;
	width:calc(100% - 30px);height:calc(100% - 30px);
	background:url(/images/main/sec5_bg.jpg) no-repeat center;
	background-size:cover;
	border-radius:15px;
}
.sec6 .txts{
	position:relative;z-index:10;
	text-align:center;
}
.sec6 .txts h2{font-size:24px;color:#fff;font-weight:600;}
.sec6 .txts h3{margin-top:30px;font-size:60px;color:#fff;font-weight:600;}





/**/
.visual .swiper-slide .circle1{transform:scale(0);transition:all 1s;}
.visual .swiper-slide .circle2{transform:scale(0);transition:all 1s 0.1s;}
.visual .swiper-slide .conwrap .imgarea img{transform:scale(0);transition:all 1s 0.2s;}
.visual .swiper-slide .conwrap .imgarea .nametag{opacity:0;transform:translateY(40px);transition:all 1s 0.3s;}
.visual .swiper-slide .conwrap .txtarea .tit>div>span{display:inline-block;transform:translateY(100%);transition:all 1s 0.3s;}
.visual .swiper-slide .conwrap .txtarea .txt{opacity:0;transition:all 1s 0.3s;}
.in-view .visual .swiper-slide .circle1{transform:scale(1);}
.in-view .visual .swiper-slide .circle2{transform:scale(1);}
.in-view .visual .swiper-slide .conwrap .imgarea img{transform:scale(1);}
.in-view .visual .swiper-slide .conwrap .imgarea .nametag{opacity:1;transform:translateY(0);}
.in-view .visual .swiper-slide .conwrap .txtarea .tit>div>span{transform:translateY(0);}
.in-view .visual .swiper-slide .conwrap .txtarea .tit>div:nth-child(1)>span{transition:all 1s 0.3s;}
.in-view .visual .swiper-slide .conwrap .txtarea .tit>div:nth-child(2)>span{transition:all 1s 0.4s;}
.in-view .visual .swiper-slide .conwrap .txtarea .tit>div:nth-child(3)>span{transition:all 1s 0.5s;}
.in-view .visual .swiper-slide .conwrap .txtarea .txt{opacity:1;transition:all 1s 0.6s;}


.sec1 .conwrap .plus>div{opacity:0;transform:scale(0) rotate(270deg);transition:all 1s;}
.sec1 .conwrap .plus>div.in-view{opacity:1;transform:scale(1) rotate(0);}
.sec1 .conwrap .titlearea h2{opacity:0;transform:translateY(40px);}
.sec1 .conwrap .titlearea.in-view h2{opacity:1;transform:translateY(0);transition:all 1s;}
.sec1 .conwrap .titlearea h3>div{overflow:hidden;}
.sec1 .conwrap .titlearea h3>div>span{display:inline-block;transform:translateY(100%);transition:all 1s;}
.sec1 .conwrap .titlearea.in-view h3>div>span{transform:translateY(0);}
.sec1 .conwrap .titlearea.in-view h3>div:nth-child(1)>span{transition:all 1s;}
.sec1 .conwrap .titlearea.in-view h3>div:nth-child(2)>span{transition:all 1s 0.2s;}
.sec1 .conwrap .titlearea.in-view h3>div:nth-child(5)>span{transition:all 1s 0.4s;}
.sec1 .conwrap .titlearea.in-view h3>div:nth-child(8)>span{transition:all 1s 0.6s;}



.sec2 .titlearea h2{opacity:0;transform:translateY(40px);}
.sec2 .titlearea.in-view h2{opacity:1;transform:translateY(0);transition:all 1s;}
.sec2 .titlearea h3>div>span{transform:translateY(100%);transition:all 1s;}
.sec2 .titlearea.in-view h3>div>span{transform:translateY(0);transition:all 1s;}
.sec2 .titlearea.in-view h3>div:nth-child(1)>span{transition:all 1s 0.2s;}
.sec2 .titlearea.in-view h3>div:nth-child(3)>span{transition:all 1s 0.4s;}



.sec3 .titlearea h2{opacity:0;transform:translateY(40px);}
.sec3 .titlearea.in-view h2{opacity:1;transform:translateY(0);transition:all 1s;}
.sec3 .titlearea h3>div>span{transform:translateY(100%);transition:all 1s;}
.sec3 .titlearea.in-view h3>div>span{transform:translateY(0);transition:all 1s;}
.sec3 .titlearea.in-view h3>div:nth-child(1)>span{transition:all 1s 0.2s;}
.sec3 .titlearea.in-view h3>div:nth-child(2)>span{transition:all 1s 0.4s;}
.sec3 .conwrap .conarea dl{overflow:hidden;}
.sec3 .conwrap .conarea dl dt{opacity:0;transform:translateY(40px);}
.sec3 .conwrap .conarea dl dd{opacity:0;transform:translateY(40px);}
.sec3 .conwrap .conarea dl:after{transform:scale(1.4);}
.sec3 .conwrap .conarea dl.in-view:after{transform:scale(1);transition:all 2s;}
.sec3 .conwrap .conarea dl.in-view dt{opacity:1;transform:translateY(0);transition:all 1.4s;}
.sec3 .conwrap .conarea dl.in-view dd{opacity:1;transform:translateY(0);transition:all 1.4s 0.2s;}


.sec4 .titlearea h2{opacity:0;transform:translateY(40px);}
.sec4 .titlearea.in-view h2{opacity:1;transform:translateY(0);transition:all 1s;}
.sec4 .conwrap .boxwrap{width:100%;transition:all 1.4s;}
.sec4 .conwrap .boxwrap.in-view{width:calc(100% - 30px);}
.sec4 .conwrap .boxwrap .txtwrap h3{opacity:0;transform:translateX(40px);transition:all 1s 0.4s;}
.sec4 .conwrap .boxwrap .txtwrap p{opacity:0;transform:translateX(40px);transition:all 1s 0.6s;}
.sec4 .conwrap .boxwrap .txtwrap a{opacity:0;transform:translateX(40px);transition:all 1s 0.8s;}
.sec4 .conwrap .boxwrap .txtwrap.in-view h3{opacity:1;transform:translateX(0);}
.sec4 .conwrap .boxwrap .txtwrap.in-view p{opacity:1;transform:translateX(0);}
.sec4 .conwrap .boxwrap .txtwrap.in-view a{opacity:1;transform:translateX(0);}
.sec4 .conwrap .boxwrap .txtwrap ul li{opacity:0;transform:translateX(40px);transition:all 1s 0.6s;}
.sec4 .conwrap .boxwrap .txtwrap.in-view ul li{opacity:1;transform:translateX(0);}
.sec4 .conwrap .boxwrap .img{opacity:0;transform:scale(0.8);}
.sec4 .conwrap .boxwrap.in-view .img{opacity:1;transform:scale(1);transition:all 1.4s;}


.sec5 .titlearea h2{opacity:0;transform:translateY(40px);}
.sec5 .titlearea.in-view h2{opacity:1;transform:translateY(0);transition:all 1s;}
.sec5 .titlearea h3>div>span{transform:translateY(100%);transition:all 1s;}
.sec5 .titlearea.in-view h3>div>span{transform:translateY(0);transition:all 1s;}
.sec5 .titlearea.in-view h3>div:nth-child(1)>span{transition:all 1s 0.2s;}
.sec5 .titlearea.in-view h3>div:nth-child(2)>span{transition:all 1s 0.4s;}
.sec5 .titlearea.in-view h3>div:nth-child(3)>span{transition:all 1s 0.6s;}