@charset "utf-8";

#fullpage .section { position:relative; overflow:hidden; }
#fullpage .section.active { z-index:55; }
#fullpage .section:before { content:""; display:block; position:absolute; right:120px; top:0; z-index:9; width:1px; height:100%; border-right:1px solid rgba(51,51,51,0.2); }
#fullpage .section.main1:before,
#fullpage .section.main3:before,
#fullpage .section.main5:before { border-right:1px solid rgba(255,255,255,0.2); }
#fullpage .fp-auto-height:before { display:none; }
@media screen and (max-width:1024px){	
	#fullpage .section:before { display:none;}
}


/* #fp-nav { display:block  !important; } */
#menu { opacity:1; z-index:1; visibility:visible; position:fixed; right:57px !important; top:auto; top:50% !important; transform:translateY(-50%); transition:all 0.3s ease-in-out; }
#menu li { margin:30px 0; width:6px; height:6px; display:block; transition:all 0.3s ease-in-out; background:#e0e0e0; border-radius:50px;}
#menu li a { width:100%; height:100%; border:none; margin:0; border-radius:50px; display:block; }
#menu li.active { background:#00abe6; }
@media screen and (max-width:1024px){	
	#menu { right:20px !important; }
}
@media screen and (max-width:760px){	
	#menu li { margin:15px 0; }
}
@media screen and (max-width:500px){	
	#menu { right:10px !important; }
}
.section { overflow:hidden; }

@media screen and (max-width:1024px){	
	.main1,
	.main2,
	.main3,
	.main4,
	.main5, 
	.main1 .fp-tableCell,
	.main2 .fp-tableCell,
	.main3 .fp-tableCell,
	.main4 .fp-tableCell,
	.main5 .fp-tableCell,
	.section .fp-scrollable { height:auto !important; height:-webkit-fill-available; }
	.fp-section, .fp-tableCell {height:auto !important;}
	
	.main2 { padding:0 0 10% 0; }
	.main3,
	.main4,
	.main5 { padding:25% 0; }
}

#visual { position:relative; }
.visual { position:relative; width:100vw; height:100%; }
.visual .swiper-slide { position:relative; width:100%; height:100vh; overflow:hidden; display:flex; transition:all 0.3s ease-in-out; }
.visual .swiper-slide .mvisualImage { position:absolute; left:0; right:0; top:0; bottom:0; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.visual .swiper-slide .mvisualImage.w { display:block; }
.visual .swiper-slide .mvisualImage.m { display:none; }
.visual .swiper-slide .video-box.w { display:block; }
.visual .swiper-slide .video-box.m { display:none; }
.visual .swiper-slide .video-box .bg { position:absolute; left:0; top:0; width:100%; height:100vh; background-color:rgba(0,0,0,0.3); z-index:2 }
.visual .swiper-slide .video-box { position:relative; width:100%; height:100vh; position:absolute; left:0; top:0; }
.visual .swiper-slide .video-box video { position:absolute; left:0; top:0;  width:100%; height:100%; object-fit:cover; -o-object-fit:cover;  }
.visual .swiper-slide .vbox { position:relative; z-index:7; max-width:1400px; width:100%; height:100%; margin:0 auto; display:flex; align-items:center; }
.visual .swiper-slide .visual_txt { user-select:text !important; margin-top:-10% }
.visual .swiper-slide .visual_txt .txt { opacity:0; overflow:hidden; }
.visual .swiper-slide .visual_txt .txt_1 span { display:block; font-family:'Readex Pro', sans-serif; color:#fff; font-size:20px; font-weight:600; letter-spacing:-0.02em; line-height:1.4; }
.visual .swiper-slide .visual_txt .txt_2 { margin-top:55px; }
.visual .swiper-slide .visual_txt .txt_2 span { display:block; color:#fff; font-size:20px; font-weight:500; letter-spacing:-0.02em; line-height:1.4; }
.visual .swiper-slide .visual_txt .vs_title { opacity:0; margin-top:38px; overflow:hidden; }
.visual .swiper-slide .visual_txt .vs_title.vs_title2 { margin-top:0; }
.visual .swiper-slide .visual_txt .vs_title span { display:block; font-weight:700; color:#fff; font-size:80px; font-family:'Readex Pro', sans-serif; letter-spacing:-0.02em; line-height:1.4;}
.visual .swiper-slide .visual_txt .btn { margin-top:80px; width:260px; height:80px; overflow:hidden; }
.visual .swiper-slide .visual_txt .btn a { opacity:0; display:flex; align-items:center; justify-content:center; width:100%; height:100%; background-color:#ffe157; color:#222; font-size:20px; border-radius:0 30px 0 30px; transition:all 0.3s ease-in-out; }
.visual .swiper-slide .visual_txt .btn a:hover { border-radius:0; }
.visual .swiper-slide.swiper-slide-active {  }
.visual .swiper-slide.swiper-slide-active .mvisualImage { animation:bgs 3s 0.3s; animation-fill-mode:both; }
.visual .swiper-slide.swiper-slide-active .visual_txt .txt,
.visual .swiper-slide.swiper-slide-active .visual_txt .vs_title { opacity:1; }
.visual .swiper-slide.swiper-slide-active .visual_txt .vs_title span { animation:txtUp 1.0s 0.5s; animation-fill-mode:both; }
.visual .swiper-slide.swiper-slide-active .visual_txt .vs_title.vs_title2 span { animation:txtUp 1.0s 1s; animation-fill-mode:both; }
.visual .swiper-slide.swiper-slide-active .visual_txt .txt_1 span { animation:vmLeft 1.0s 0.5s; animation-fill-mode:both; }
.visual .swiper-slide.swiper-slide-active .visual_txt .txt_2 span { animation:txtUp 1.0s 1.5s; animation-fill-mode:both; }
.visual .swiper-slide.swiper-slide-active .visual_txt .btn a { animation:ani_3 0.8s 2.0s; animation-fill-mode:both;}
.visual .swiper-slide.visu01 .mvisualImage:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.1); }
.visual .swiper-slide.visu03 .mvisualImage:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.2); }
.visual .swiper-slide.visu01 .visual_txt .txt_1 span,
.visual .swiper-slide.visu01 .visual_txt .txt_2 span,
.visual .swiper-slide.visu01 .visual_txt .vs_title span { color:#182a52; }

.visual .control_box { position:absolute; left:0; bottom:18%; width:100%; text-align:left; }
.visual .swiper-pagination { position:relative; text-align:left; max-width:1400px; width:100%; margin:0 auto; }
.visual .swiper-pagination .swiper-pagination-bullet { position:relative; width:50px !important; text-align:center; opacity:1; background-color:transparent; display:inline-block; margin-right:8px !important; }
.visual .swiper-pagination .swiper-pagination-bullet em { position:relative; width:100%; box-sizing:border-box; height:50px; display:flex; justify-content:center;  align-items:center; font-family:'Readex Pro', sans-serif; font-size:10px; color:#fff; font-weight:700; font-style:normal; }
.visual .swiper-pagination .swiper-pagination-bullet em:after {content:""; display:block; position:absolute; left:0; top:0; width:50px; height:50px; box-sizing:border-box; border:1px solid rgba(255,255,255,0); border-radius:50%; }
.visual .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active em { color:#fff; }
.visual .swiper-pagination .swiper-pagination-bullet span { position:relative; display:block; box-sizing:border-box; }
/*
.visual .swiper-pagination  span:nth-child(1) .circle { stroke:#182a52; }
.visual .swiper-pagination  span:nth-child(1).swiper-pagination-bullet-active  em { color:#182a52; }
*/

.visual .playstop { position:relative; display:inline-block; vertical-align:top; z-index:3; margin-left:-3px; } 
.visual .playstop .stop a { position:relative; display:block; width:30px; height:30px; }
.visual .playstop .stop a:after {content:""; display:block; width:100%; height:100%; background:url(/img/main/stop.png) no-repeat center; position:absolute; left:0; top:0;}
.visual .playstop .stop.play a:after {background:url(/img/main/play.png) no-repeat center; }

.visual .circular-chart { display:block; width:54px; height:none; position:absolute; left:50%; top:-2px; transform:translateX(-50%); z-index:8; box-sizing:border-box; }
.visual .circle { opacity:0; stroke:#fff; fill:none; stroke-width:1; stroke-dasharray:100; stroke-dashoffset:100; box-sizing:border-box; }
.visual .circle.on { opacity:1; }
.visual .swiper-pagination .swiper-pagination-bullet .circle { stroke-dashoffset:100; }
.visual .swiper-pagination .swiper-pagination-bullet .circle.on { }
@media screen and (max-width:1440px){	
	.visual .swiper-slide .vbox { padding:0 40px; }
	.visual .control_box {left:40px; }
}
@media screen and (max-width:1280px){	
	.visual .swiper-slide .visual_txt .txt_1 span { font-size:20px; }
	.visual .swiper-slide .visual_txt .txt_2 { margin-top:50px; }
	.visual .swiper-slide .visual_txt .txt_2 span { font-size:20px; }
	.visual .swiper-slide .visual_txt .vs_title { margin-top:32px; }
	.visual .swiper-slide .visual_txt .vs_title span { font-size:70px; }
}
@media screen and (max-width:1024px){	
	.visual .swiper-slide .visual_txt { margin-top:-15%; }
	.visual .swiper-slide .visual_txt .txt_1 span { font-size:18px; }
	.visual .swiper-slide .visual_txt .txt_2 { margin-top:40px; }
	.visual .swiper-slide .visual_txt .txt_2 span { font-size:18px; }
	.visual .swiper-slide .visual_txt .vs_title { margin-top:28px; }
	.visual .swiper-slide .visual_txt .vs_title span { font-size:55px; }
	.visual .control_box { bottom:16%; }
	.visual .swiper-pagination .swiper-pagination-bullet { width:45px !important; margin-right:8px !important; }
	.visual .swiper-pagination .swiper-pagination-bullet em { height:45px; }
	.visual .swiper-pagination .swiper-pagination-bullet em:after { width:45px; height:45px; }
	.visual .circular-chart { width:48px; left:50%; top:-2px; }
}
@media screen and (max-width:760px){	
	/*
	.visual.swiper-container { height:680px; }
	.visual .swiper-slide { height:680px; }
	*/
	.visual .swiper-slide .vbox { padding:0 20px; }
	.visual .swiper-slide .visual_txt .txt_1 span { font-size:16px; }
	.visual .swiper-slide .visual_txt .txt_2 { margin-top:30px; }
	.visual .swiper-slide .visual_txt .txt_2 span { font-size:16px; }
	.visual .swiper-slide .visual_txt .vs_title { margin-top:24px; }
	.visual .swiper-slide .visual_txt .vs_title span { font-size:40px; }
	.visual .control_box {left:20px; }
}
@media screen and (max-width:640px){	
	.visual .swiper-slide .visual_txt { margin-top:-55%; }
	.visual .swiper-slide .mvisualImage.w { display:none; }
	.visual .swiper-slide .mvisualImage.m { display:block; }
  .visual .swiper-slide .video-box.w { display:none; }
  .visual .swiper-slide .video-box.m { display:block; }
	.visual .swiper-slide .visual_txt .vs_title br { display:none }
}
@media screen and (max-width:500px){	
	.visual .swiper-slide .visual_txt { margin-top:-60%; }
	.visual .swiper-slide .visual_txt .txt_1 span { font-size:14px; }
	.visual .swiper-slide .visual_txt .txt_2 { margin-top:25px; }
	.visual .swiper-slide .visual_txt .txt_2 span { font-size:14px; }
	.visual .swiper-slide .visual_txt .vs_title { margin-top:20px; }
	.visual .swiper-slide .visual_txt .vs_title span { font-size:30px; }
	.visual .swiper-pagination .swiper-pagination-bullet { width:40px !important; margin-right:5px !important; }
	.visual .swiper-pagination .swiper-pagination-bullet em { height:40px; }
	.visual .swiper-pagination .swiper-pagination-bullet em:after { width:40px; height:40px; }
	.visual .circular-chart { width:44px; left:50%; top:-2px; }
}

#visual .scrollDown { position:absolute; right:53px; bottom:60px; z-index:11 }
#visual .scrollDown span { position:relative; }
#visual .scrollDown span:before { content:""; display:block; width:7px; height:76px; background:url(/img/main/scrollarr.png) no-repeat center; position:absolute; right:0; animation:scrollDown 2s infinite;}
@media screen and (max-width:1023px){
	#visual .scrollDown { display:none; }
}


.mainTitle_box { text-align:center; position:relative; z-index:9; width:100%; overflow:hidden; }	
.mainTitle_box p { font-family:'Readex Pro', sans-serif; font-weight:700; color:#00aeef; font-size:16px; line-height:1.35; }
.mainTitle_box p > span { font-family:'Readex Pro', sans-serif; font-weight:700; }
.mainTitle_box h4 { margin-top:30px; font-weight:700; color:#000; font-size:60px; line-height:1.35; }
.mainTitle_box h4 > span { font-weight:700;}
.mainTitle_box .tit { margin-top:40px; font-weight:300; color:#fff; font-size:40px; line-height:160%; }
.mainTitle_box .tit > span { font-weight:300; }
.mainTitle_box .tit strong { font-weight:700; }
.mainTitle_box .txt { font-weight:300; color:#333; font-size:18px; letter-spacing:-0.02em; line-height:140%; }
.mainTitle_box .txt.txt_1 { margin-top:35px; }
.mainTitle_box .txt > span { font-weight:300; }
.section .btn { margin-top:85px; }
.section .btn a { position:relative; margin:0 auto; display:flex; align-items:center; justify-content:center; width:170px; height:55px; background-color:#fff; border-radius:5px; }
.section .btn a span { position:relative; font-family:'Readex Pro', sans-serif; color:#140c44; font-size:13px; font-weight:600; text-transform:uppercase; transition:all 0.3s ease-in-out; }
.section .btn a:after {content:""; display:block; position:absolute; left:30px; top:50%; width:0; height:1px; background:#140c44; transition:all 0.3s ease-in-out;  }
.section .btn a:hover span { padding-left:30px; }
.section .btn a:hover:after { width:16px; }
@media screen and (max-width:1280px){
	.mainTitle_box p { font-size:16px; }
	.mainTitle_box h4 { margin-top:30px; font-size:52px; }
	.mainTitle_box .tit { margin-top:30px; font-size:32px; }
	.mainTitle_box .txt { font-size:17px; }
	.mainTitle_box .txt.txt_1 { margin-top:30px; }
	.section .btn { margin-top:65px; }
	.section .btn a { width:160px; height:50px; }
}
@media screen and (max-width:1024px){
	.mainTitle_box { padding:0 20px; }	
	.mainTitle_box p { font-size:15px; }
	.mainTitle_box h4 { margin-top:20px; font-size:45px; }
	.mainTitle_box .tit { margin-top:30px; font-size:26px; }
	.mainTitle_box .txt { font-size:16px; }
	.mainTitle_box .txt.txt_1 { margin-top:30px; }
	.section .btn { margin-top:40px; }
	.section .btn a { width:150px; height:46px; }
}
@media screen and (max-width:640px){
	.mainTitle_box p { font-size:14px; }
	.mainTitle_box h4 { margin-top:15px; font-size:30px; }
	.mainTitle_box .tit { margin-top:25px; font-size:18px; }
	.mainTitle_box .txt { font-size:14px; }
	.mainTitle_box .txt.txt_1 { margin-top:20px; }
	.section .btn { margin-top:30px; }
	.section .btn a { width:150px; height:42px; }
	.section .btn a span { font-size:12px; }
}
.mainTitle_box p,
.mainTitle_box h4,
.mainTitle_box .tit,
.mainTitle_box .txt{ overflow:hidden; }
.mainTitle_box p span,
.mainTitle_box h4 span,
.mainTitle_box .tit span,
.mainTitle_box .txt span,
.main4 .btn,
.main5 .btn { opacity:0; display:block; }
.main2.on .mainTitle_box p span,
.main3.on .mainTitle_box p span,
.main4.on .mainTitle_box p span,
.main5.on .mainTitle_box p span,
.main2.on .mainTitle_box h4 span,
.main3.on .mainTitle_box h4 span,
.main4.on .mainTitle_box h4 span,
.main5.on .mainTitle_box h4 span,
.main2.on .mainTitle_box .tit span,
.main3.on .mainTitle_box .tit span,
.main4.on .mainTitle_box .tit span,
.main5.on .mainTitle_box .tit span,
.main2.on .mainTitle_box .txt span,
.main3.on .mainTitle_box .txt span,
.main4.on .mainTitle_box .txt span,
.main5.on .mainTitle_box .txt span,
.main4.on .btn,
.main5.on .btn { animation:txtUp 0.8s 0.01s; animation-fill-mode:both; }



.main2 { overflow:hidden; }
.main2 .bList { position:relative; max-width:1400px; width:100%; height:100%; margin:0 auto 0 auto; }
.main2 .bList .slider { position:relative; height:100%;  }
.main2 .bList .item { position:relative; width:100%; height:100vh; display:flex; align-items:center; }
.main2 .bList .txtbox { position:relative; z-index:1; opacity:0; margin-top:20%; width:42%; animation:ani_6 0.3s 0.01s; animation-fill-mode:both; }
.main2 .bList .txtbox .tit dl { }
.main2 .bList .txtbox .tit dl dt { transition:all 1s 0.5s; transform:translateX(20%); font-family:'Readex Pro', sans-serif; font-weight:700; color:#00aeef; font-size:16px; }
.main2 .bList .txtbox .tit dl dd { transition:all 1s 0.7s; transform:translateX(30%); margin-top:20px; font-size:18px; font-weight:300; color:#333; line-height:160%; }
.main2 .bList .txtbox .tit dl dd p { transition:all 1s 1.0s; transform:translateX(7%); font-size:60px; font-weight:700; color:#000; margin-bottom:50px; line-height:110%; } 
.main2 .bList .txtbox .btn { margin-top:75px; }
.main2 .bList .txtbox .btn a { margin:0; border:1px solid #140c44; }
.main2 .bList .txtbox .btn a:hover { border:2px solid #140c44;}
.main2 .bList .imgbox { position:absolute; left:55%; top:50%; transform:translateY(-50%); padding-right:70px; opacity:0; animation:ani_6 0.3s 0.01s; animation-fill-mode:both; height:100%; max-height:620px; }
.main2 .bList .imgbox .icon { position:absolute; left:-230px; top:-20px; }
.main2 .bList .imgbox .icon .box1 { display:block; width:288px; height:60px; background-color:#140c44; border-radius:60px; transform:rotate(-45deg); }
.main2 .bList .imgbox .icon .box1:before {content:""; display:block; position:absolute; left:-60px; bottom:0; width:60px; height:60px; background:#efefef; border-radius:50%; opacity:0; }
.main2 .bList .imgbox .icon .box1:after {content:""; display:block; position:absolute; left:-60px; bottom:0; width:60px; height:60px; background:#efefef; border-radius:50%; opacity:0; }
.main2 .bList .imgbox .icon .box2 { margin:115px 0 0 240px; display:block; transform:rotate(-45deg); }
.main2 .bList .imgbox .icon .box2:after {content:""; display:block; position:absolute; right:0; bottom:0; width:60px; height:60px; background:#00aeef; border-radius:50px; opacity:0; }
.main2 .bList .imgbox.img_b1 .icon .box1:before { background:url(/img/main/bg_img_b1_1.png) no-repeat center; }
.main2 .bList .imgbox.img_b1 .icon .box1:after { background:url(/img/main/bg_img_b1_2.png) no-repeat center; }
.main2 .bList .imgbox.img_b2 .icon .box1:before { background:url(/img/main/bg_img_b2_1.png) no-repeat center; }
.main2 .bList .imgbox.img_b2 .icon .box1:after { background:url(/img/main/bg_img_b2_2.png) no-repeat center; }
.main2 .bList .imgbox.img_b3 .icon .box1:before { background:url(/img/main/bg_img_b3_1.png) no-repeat center; }
.main2 .bList .imgbox.img_b3 .icon .box1:after { background:url(/img/main/bg_img_b3_2.png) no-repeat center; }
.main2 .bList .imgbox.img_b4 .icon .box1:before { background:url(/img/main/bg_img_b4_1.png) no-repeat center; }
.main2 .bList .imgbox.img_b4 .icon .box1:after { background:url(/img/main/bg_img_b4_2.png) no-repeat center; }
.main2 .bList .imgbox.img_b5 .icon .box1:before { background:url(/img/main/bg_img_b5_1.png) no-repeat center; }
.main2 .bList .imgbox.img_b5 .icon .box1:after { background:url(/img/main/bg_img_b5_2.png) no-repeat center; }
.main2 .bList .imgbox.img_b6 .icon .box1:before { background:url(/img/main/bg_img_b6_1.png) no-repeat center; }
.main2 .bList .imgbox.img_b6 .icon .box1:after { background:url(/img/main/bg_img_b6_2.png) no-repeat center; }
.main2 .bList .imgbox.img_b7 .icon .box1:before { background:url(/img/main/bg_img_b7_1.png) no-repeat center; }
.main2 .bList .imgbox.img_b7 .icon .box1:after { background:url(/img/main/bg_img_b7_2.png) no-repeat center; }
.main2 .bList .imgbox.img_b8 .icon .box1:before { background:url(/img/main/bg_img_b8_1.png) no-repeat center; }
.main2 .bList .imgbox.img_b8 .icon .box1:after { background:url(/img/main/bg_img_b8_2.png) no-repeat center; }
.main2 .bList .imgbox.img_b9 .icon .box1:before { background:url(/img/main/bg_img_b9_1.png) no-repeat center; }
.main2 .bList .imgbox.img_b9 .icon .box1:after { background:url(/img/main/bg_img_b9_2.png) no-repeat center; }
.main2 .bList .imgbox .img_s { position:absolute; bottom:0; left:0; }
.main2 .bList .imgbox .img_s:after {content:""; display:block; position:absolute; left:0; bottom:0; z-index:-1; width:560px; height:560px; background:#efefef; border-radius:50%; opacity:0; }
.main2 .bList .imgbox .img_s img {  }
.main2 .bList .list { position:absolute; bottom:55px; left:0; z-index:5; }
.main2 .bList .list ul { }
.main2 .bList .list ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.main2 .bList .list li { position:relative; display:inline-block; margin-left:38px; margin-top:10px; }
.main2 .bList .list li:first-child { margin-left:0; }
.main2 .bList .list li:before {content:""; display:block; position:absolute; left:-20px; top:50%; transform:translateY(-50%); width:3px; height:3px; background:#e0e0e0; border-radius:50%; }
.main2 .bList .list li:first-child:before { display:none; }
.main2 .bList .list li.on a { color:#140c44; }
.main2 .bList .list a { position:relative; z-index:2; font-weight:500; color:#999; font-size:16px; letter-spacing:-0.02em; transition:all 1s; display:block; }
.main2 .bList .slick-arrow{ display:none !important; }
.main2 .bList .play_box { position:absolute; right:0; bottom:12%; }
.main2 .bList .btn_pn { position:absolute; top:0; outline:none; background:none; border:2px solid #efefef; border-radius:50%; z-index:33; width:40px; height:40px; display:block !important; transition:all 0.3s ease-in-out; }
.main2 .bList .btn_pn span { overflow:hidden; text-indent:-9999em; display:block; }
.main2 .bList .btn_s_prev { right:57px; }
.main2 .bList .btn_s_next { right:13px; }
.main2 .bList .btn_s_prev:before,
.main2 .bList .btn_s_next:before { display:block; font-family:"xeicon"; font-size:20px; color:#999; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); transition:all 0.3s ease-in-out; }
.main2 .bList .btn_s_prev:before { content:"\e93c"; }
.main2 .bList .btn_s_next:before { content:"\e93f"; }
.main2 .bList .btn_s_prev:hover { color:#00aeef; border:2px solid #00aeef; }
.main2 .bList .btn_s_next:hover { color:#00aeef; border:2px solid #00aeef; }
.main2 .bList .btn_s_prev:hover:before { color:#00aeef; }
.main2 .bList .btn_s_next:hover:before { color:#00aeef; }

.main2.active .bList .slick-active .tit dl dt,
.main2.active .bList .slick-active .tit dl dd,
.main2.active .bList .slick-active .tit dl dd p { transform:translateX(0) !important; }
.main2.active .bList .slick-active .item { animation:ani_2 1.0s 0.5s; animation-fill-mode:both;}
.main2.active .bList .slick-active .txtbox { animation:ani_1 1.0s 0.5s; animation-fill-mode:both;}
.main2.active .bList .slick-active .imgbox { animation:ani_5 0.3s 0.3s; animation-fill-mode:both; }
.main2.active .bList .slick-active .imgbox .img_s:after { animation:left_g1 1.0s 0.8s; animation-fill-mode:both; }
.main2.active .bList .slick-active .imgbox .icon { animation:ani_box1 1.0s 1.2s; animation-fill-mode:both; }
.main2.active .bList .slick-active .imgbox .icon .box1:before { animation:ani_box1_s1 0.5s 2.0s; animation-fill-mode:both; } 
.main2.active .bList .slick-active .imgbox .icon .box1:after { animation:ani_box1_s2 0.5s 2.2s; animation-fill-mode:both; } 
.main2.active .bList .slick-active .imgbox .icon .box2:after { animation:ani_box2_s1 0.5s 1.6s; animation-fill-mode:both;  }
/*.main2.active .bList { animation:ani_2 1.0s 0.5s; animation-fill-mode:both;} */
@keyframes left_g1 {
	0% { left:0; opacity:0; }
	100% { left:70px; opacity:1;}
}
@-webkit-keyframes ani_box1_s1 {
  0% { left:-60px; bottom:0; opacity:0; }
  100% { left:-75px; bottom:0; opacity:1; }
}
@-webkit-keyframes ani_box1_s2 {
  0% { left:-60px; bottom:0; opacity:0; }
  100% { left:-150px; bottom:0; opacity:1; }
}
@-webkit-keyframes ani_box2_s1 {
  0% { width:60px; opacity:0; }
  100% { width:240px; opacity:1; }
}
@media screen and (max-width:1280px){
	@keyframes left_g1 { 
		0% { left:0; }
		100% { left:50px; }
	}
	@-webkit-keyframes ani_box1_s1 {
	  0% { left:-50px; bottom:0; opacity:0; }
	  100% { left:-60px; bottom:0; opacity:1; }
	}
	@-webkit-keyframes ani_box1_s2 {
	  0% { left:-50px; bottom:0; opacity:0; }
	  100% { left:-120px; bottom:0; opacity:1; }
	}
	@-webkit-keyframes ani_box2_s1 {
	  0% { width:50px; opacity:0; }
	  100% { width:200px; opacity:1; }
	}
}
@media screen and (max-width:1024px){
	@keyframes left_g1 {
		0% { left:0; }
		100% { left:40px; }
	}
	@-webkit-keyframes ani_box1_s1 {
	  0% { left:-40px; bottom:0; opacity:0; }
	  100% { left:-50px; bottom:0; opacity:1; }
	}
	@-webkit-keyframes ani_box1_s2 {
	  0% { left:-40px; bottom:0; opacity:0; }
	  100% { left:-100px; bottom:0; opacity:1; }
	}
	@-webkit-keyframes ani_box2_s1 {
	  0% { width:50px; opacity:0; }
	  100% { width:150px; opacity:1; }
	}
}
@media screen and (max-width:860px){
	@keyframes left_g1 {
		0% { left:0; }
		100% { left:20px; }
	}
	@-webkit-keyframes ani_box1_s1 {
	  0% { left:-30px; bottom:0; opacity:0; }
	  100% { left:-35px; bottom:0; opacity:1; }
	}
	@-webkit-keyframes ani_box1_s2 {
	  0% { left:-30px; bottom:0; opacity:0; }
	  100% { left:-70px; bottom:0; opacity:1; }
	}
	@-webkit-keyframes ani_box2_s1 {
	  0% { width:50px; opacity:0; }
	  100% { width:140px; opacity:1; }
	}
}
@media screen and (max-width:640px){
	@keyframes left_g1 {
		0% {left:0; }
		100% {left:20px; }
	}
	@-webkit-keyframes ani_box1_s1 {
	  0% { left:-15px; bottom:0; opacity:0; }
	  100% { left:-25px; bottom:0; opacity:1; }
	}
	@-webkit-keyframes ani_box1_s2 {
	  0% { left:-15px; bottom:0; opacity:0; }
	  100% { left:-50px; bottom:0; opacity:1; }
	}
	@-webkit-keyframes ani_box2_s1 {
	  0% { width:20px; opacity:0; }
	  100% { width:80px; opacity:1; }
	}
}
@media screen and (max-height:760px) {
	.main2 .bList .item { padding:20% 0; height:auto; }
	.main2 .bList .txtbox { margin-top:5%; }
}
@media screen and (max-width:1640px){
	.main2 .bList .txtbox { width:50%; }
	.main2 .bList .imgbox { left:52%; }
}
@media screen and (max-width:1500px){
	.main2 .bList .txtbox { width:46%; }
	.main2 .bList .imgbox { left:50%; }
}
@media screen and (max-width:1440px){
	.main2 .bList { padding:0 20px; }
	.main2 .bList .list { bottom:40px; left:20px; }
	.main2 .bList .txtbox { width:42%; }
	.main2 .bList .txtbox .tit dl dd > br { display:none; }
	.main2 .bList .txtbox .tit dl dd .m_br { display:block; }
	.main2 .bList .imgbox { left:45%; }
}
@media screen and (max-width:1380px){
	.main2 .bList .txtbox { width:38%; }
	.main2 .bList .imgbox { left:42%; }
}
@media screen and (max-width:1280px){
	.main2 .bList .txtbox .tit dl dt { font-size:15px; }
	.main2 .bList .txtbox .tit dl dd { margin-top:15px; font-size:17px; }
	.main2 .bList .txtbox .tit dl dd p { font-size:55px; margin-bottom:40px; } 
	.main2 .bList .txtbox .btn { margin-top:60px; }
	.main2 .bList .txtbox { width:45%; }
	.main2 .bList .imgbox { padding-right:50px; left:46%; max-height:580px; }
	.main2 .bList .imgbox .icon { left:-150px; }
	.main2 .bList .imgbox .icon .box1 { width:288px; height:50px; }
	.main2 .bList .imgbox .icon .box1:before { width:50px; height:50px; }
	.main2 .bList .imgbox .icon .box1:after { width:50px; height:50px; }
	.main2 .bList .imgbox .icon .box2 { margin:110px 0 0 210px; }
	.main2 .bList .imgbox .icon .box2:after { width:50px; height:50px; }
	.main2 .bList .imgbox .img_s img { width:470px; }
	.main2 .bList .imgbox.img_b3 .img_s img,
	.main2 .bList .imgbox.img_b3 .img_s img { width:auto; height:470px; }
	.main2 .bList .imgbox .img_s:after { width:470px; height:470px; }
}
@media screen and (max-width:1024px){
	.main2 .bList .item { padding:15% 0; height:auto; }
	.main2 .bList .txtbox { margin-top:3%; }
	.main2 .bList .txtbox .tit dl dt { font-size:14px; }
	.main2 .bList .txtbox .tit dl dd { margin-top:12px; font-size:16px; }
	.main2 .bList .txtbox .tit dl dd p { font-size:42px; margin-bottom:30px; } 
	.main2 .bList .txtbox .btn { margin-top:50px; }
	.main2 .bList .imgbox { left:50%; padding-right:40px; max-height:450px; }
	.main2 .bList .imgbox .icon { left:-120px; top:-60px; }
	.main2 .bList .imgbox .icon .box1 { width:288px; height:45px; }
	.main2 .bList .imgbox .icon .box1:before { width:45px; height:45px; }
	.main2 .bList .imgbox .icon .box1:after { width:45px; height:45px; }
	.main2 .bList .imgbox .icon .box2 { margin:120px 0 0 160px; }
	.main2 .bList .imgbox .icon .box2:after { width:45px; height:45px; }
	.main2 .bList .imgbox .img_s img { width:380px; }
	.main2 .bList .imgbox.img_b3 .img_s img,
	.main2 .bList .imgbox.img_b3 .img_s img { width:auto; height:380px; }
	.main2 .bList .imgbox .img_s:after { width:380px; height:380px; }
	.main2 .bList .list { bottom:0%; }
	.main2 .bList .list ul { padding-top:0; }
	.main2 .bList .list li { margin-left:22px;  }
	.main2 .bList .list li:before {left:-12px; width:2px; height:2px;}
	.main2 .bList .list a { font-size:15px; }
	.main2 .bList .play_box { right:20px; bottom:8%; }
}
@media screen and (max-width:860px){
	.main2 .bList .txtbox { margin-top:3%; width:56%; }
	.main2 .bList .imgbox { padding-right:20px; left:60%; top:0%; transform:translateY(0); max-height:400px; }
	.main2 .bList .imgbox .icon { left:-100px; top:-10px; }
	.main2 .bList .imgbox .icon .box1 { width:258px; height:30px; }
	.main2 .bList .imgbox .icon .box1:before {  width:30px; height:30px; }
	.main2 .bList .imgbox .icon .box1:after { width:30px; height:30px; }
	.main2 .bList .imgbox .icon .box2 { margin:80px 0 0 160px; }
	.main2 .bList .imgbox .icon .box2:after { width:30px; height:30px; }
	.main2 .bList .imgbox .img_s img { width:250px; }
	.main2 .bList .imgbox.img_b3 .img_s img,
	.main2 .bList .imgbox.img_b3 .img_s img { width:auto; height:250px; }
	.main2 .bList .imgbox .img_s:after { width:250px; height:250px; }
	.main2 .bList .play_box { bottom:25%; }
}
@media screen and (max-width:760px){
	.main2 .bList .imgbox { left:56%; }
	.main2 .bList .txtbox { width:50%; }
}
@media screen and (max-width:640px){
	.main2 .bList .item { padding:20% 0; }
	.main2 .bList .txtbox { margin-top:3%; width:60%; }
	.main2 .bList .txtbox .tit dl dt { font-size:13px; }
	.main2 .bList .txtbox .tit dl dd { margin-top:10px; font-size:15px; }
	.main2 .bList .txtbox .tit dl dd p { font-size:32px; margin-bottom:20px; } 
	.main2 .bList .imgbox { left:65%; max-height:300px; }
	.main2 .bList .imgbox .icon { left:-100px; top:-10px; }
	.main2 .bList .imgbox .icon .box1 { width:258px; height:20px; }
	.main2 .bList .imgbox .icon .box1:before {  width:20px; height:20px; }
	.main2 .bList .imgbox .icon .box1:after { width:20px; height:20px; }
	.main2 .bList .imgbox .icon .box2 {  margin:95px 0 0 105px; }
	.main2 .bList .imgbox .icon .box2:after { width:20px; height:20px; }
	.main2 .bList .imgbox .img_s img { width:160px; }
	.main2 .bList .imgbox.img_b3 .img_s img,
	.main2 .bList .imgbox.img_b3 .img_s img { width:auto; height:160px; }
	.main2 .bList .imgbox .img_s:after { width:160px; height:160px; }
	.main2 .bList .list { text-align:center; left:0; }
	.main2 .bList .list a { font-size:14px; }
}
@media screen and (max-width:550px){
	.main2 .bList .item { padding:30% 0; }
	.main2 .bList .txtbox { margin-top:3%; width:100%; }
	.main2 .bList .txtbox .btn { margin-top:40px; }
	.main2 .bList .imgbox { max-height:190px; left:62%; }
	.main2 .bList .imgbox .icon { left:-90px; top:-50px; }
	.main2 .bList .imgbox .img_s img { width:140px; }
	.main2 .bList .imgbox.img_b3 .img_s img,
	.main2 .bList .imgbox.img_b3 .img_s img { width:auto; height:140px; }
	.main2 .bList .imgbox .img_s:after { width:140px; height:140px; }
	.main2 .bList .list { bottom:5%; }
	.main2 .bList .list li.m { margin-left:0; }
	.main2 .bList .list li.m:before { display:none; }
	.main2 .bList .play_box { bottom:28%; }
}
@media screen and (max-width:500px){
	.main2 .bList .imgbox { left:60%; }
}



.main3 { position:relative; width:100%; height:100%; overflow:hidden; }
.main3 .bg { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
.main3 .bg:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/img/main/bg_main3.jpg) no-repeat center; background-size:cover; transform:scale(1.15); transition:all 1.0s 0.5s; }
.main3.active .bg:after { transform:scale(1); }
.main3 .mainTitle_box h4 { color:#fff; }
.main3 .mainTitle_box .txt { color:#fff; }
.main3 .listbox { padding-top:80px; text-align:center; position:relative; z-index:1; }
.main3 .listbox li { opacity:0; display:inline-block; vertical-align:top; width:246px; text-align:left; margin:0 43px; animation:ani_6 0.3s 0.3s; animation-fill-mode:both; }
.main3 .listbox li .icon { width:60px; background-color:#fafcfc; border-radius:50%; }
.main3 .listbox li .txt { margin-top:35px; height:40px; text-transform:uppercase; font-family:'Readex Pro', sans-serif; color:#fff; font-size:20px; font-weight:600; letter-spacing:-0.02em; border-bottom:1px solid rgba(255,255,255,0.2); }
.main3 .listbox li .txt span { font-size:15px; text-transform:lowercase; }
.main3 .listbox li .num { margin-top:30px;  color:#fff; font-size:16px; font-weight:300; letter-spacing:-0.02em;}
.main3 .listbox li .num strong { font-size:48px; font-weight:700; }
.main3.active .listbox li:nth-child(1) { animation:bgs 0.7s 0.5s; animation-fill-mode:both; }
.main3.active .listbox li:nth-child(2) { animation:bgs 0.7s 0.8s; animation-fill-mode:both; }
.main3.active .listbox li:nth-child(3) { animation:bgs 0.7s 1.1s; animation-fill-mode:both; }
.main3.active .listbox li:nth-child(4) { animation:bgs 0.7s 1.4s; animation-fill-mode:both; }
@media screen and (max-width:1400px){
	.main3 .listbox ul { margin:0 -20px; }
	.main3 .listbox li { width:230px; margin:0 20px; }
	.main3 .listbox li .icon { width:55px; }
	.main3 .listbox li .txt { margin-top:35px; }
}
@media screen and (max-width:1280px){
	.main3 .listbox { padding-top:60px; }
	.main3 .listbox li { width:200px; }
	.main3 .listbox li .icon { width:50px; }
	.main3 .listbox li .txt { margin-top:30px; height:35px; font-size:18px; }
	.main3 .listbox li .txt span { font-size:14px; }
	.main3 .listbox li .num { margin-top:25px; font-size:16px; }
	.main3 .listbox li .num strong { font-size:42px; }
}
@media screen and (max-width:1024px){
	.main3 .listbox { padding:10px 20px 0 20px;  }
	.main3 .listbox ul { margin:0 -15px; }
	.main3 .listbox li { width:calc(25% - 34px); margin:50px 15px 0 15px; }
	.main3 .listbox li .icon { width:45px; }
	.main3 .listbox li .txt { margin-top:25px; height:30px; font-size:16px; }
	.main3 .listbox li .txt span { font-size:13px; }
	.main3 .listbox li .num { margin-top:20px; font-size:15px; }
	.main3 .listbox li .num strong { font-size:38px; }
}
@media screen and (max-width:760px){
	.main3 .listbox { padding:10px 40px 0 40px; }
	.main3 .listbox ul { margin:0 -10px; }
	.main3 .listbox li { width:calc(50% - 24px); margin:40px 10px 0 10px; }
	.main3 .listbox li .icon { width:38px; }
	.main3 .listbox li .txt { margin-top:20px; height:30px; font-size:14px; }
	.main3 .listbox li .txt span { font-size:12px; }
	.main3 .listbox li .num { margin-top:12px; font-size:13px; }
	.main3 .listbox li .num strong { font-size:26px; }
}

.main4 { position:relative; background-color:#f3f7f8; width:100%; height:100%; overflow:hidden; }
.main4 .mainTitle_box { position:absolute; top:20%; left:50%; transform:translateX(-50%); display:inline-block; width:auto}
.main4 .btn { margin-top:50px; }
.main4 .btn a { border:1px solid #140c44; }
.main4 .btn a:hover { border:2px solid #140c44;}
.main4 .map { width:100%; padding:0 4%; position:absolute; top:55%; left:50%; transform:translate(-50%, -50%); display:flex; }
.main4 .map svg { width:100%; }
.main4 .circle { fill:#00aeef; }
.main4 .circle_cp1 { fill:#679df5; transition:all 0.3s ease-in-out; } /* e34545º»ºÎ */
.main4 .circle_cp2 { fill:#76d3f5; transition:all 0.3s ease-in-out; } /* 73d020ÁöÁ¡/»ç¹«¼Ò */
.main4 .circle_cp3 { fill:#bdb8b8; transition:all 0.3s ease-in-out; } /* ÆÄÆ®³Ê 00aeef*/
.main4 .circle_s { fill:#5fd4ff; }
/*
.main4 .land:hover .circle_cp1 { fill:rgba(0,0,0,0.9); }
.main4 .land:hover .circle_cp2 { fill:rgba(0,0,0,0.6); }
.main4 .land:hover .circle_cp3 { fill:rgba(0,0,0,0.4); }
*/
.main4 .regionTxt { font-family:'Readex Pro', sans-serif; color:#333; font-size:12px; font-weight:400; letter-spacing:-0.02em; }
.main4 .regionTxt.txt1 { font-weight:700; font-size:12px; }
.main4 .circle_b1 { fill:rgba(0,174,239,0.1); }
.main4 .circle_b2 { fill:rgba(0,174,239,0.2); }
.main4 .circle_b3 { fill:#fff; }
.main4 .map .p { opacity:0; overflow:hidden; animation:ani_6 0.3s 0.3s; animation-fill-mode:both; }
.main4.active .p9_1 { animation:ani_5 0.8s 1.8s; animation-fill-mode:both;}
.main4.active .p9   { animation:ani_5 0.8s 1.7s; animation-fill-mode:both;}
.main4.active .p8_1 { animation:ani_5 0.8s 1.6s; animation-fill-mode:both;}
.main4.active .p8   { animation:ani_5 0.8s 1.5s; animation-fill-mode:both;}
.main4.active .p7   { animation:ani_5 0.8s 1.0s; animation-fill-mode:both;}
.main4.active .p6   { animation:ani_5 0.8s 1.2s; animation-fill-mode:both;}
.main4.active .p6_1 { animation:ani_5 0.8s 1.3s; animation-fill-mode:both;}
.main4.active .p5   { animation:ani_5 0.8s 1.4s; animation-fill-mode:both;}
.main4.active .p5_1 { animation:ani_5 0.8s 1.5s; animation-fill-mode:both;}
.main4.active .p4   { animation:ani_5 0.8s 1.6s; animation-fill-mode:both;}
.main4.active .p4_1 { animation:ani_5 0.8s 1.7s; animation-fill-mode:both;}
.main4.active .p3   { animation:ani_5 0.8s 1.8s; animation-fill-mode:both;}
.main4.active .p3_1 { animation:ani_5 0.8s 1.9s; animation-fill-mode:both;}
.main4.active .p2   { animation:ani_5 0.8s 2.0s; animation-fill-mode:both;}
.main4.active .p2_1 { animation:ani_5 0.8s 2.1s; animation-fill-mode:both;}
.main4.active .p1   { animation:ani_5 0.8s 2.2s; animation-fill-mode:both;}
.main4.active .p1_1 { animation:ani_5 0.8s 2.3s; animation-fill-mode:both;}
.main4.active .regionTxt { animation:ani_3s 0.6s 2.2s; animation-fill-mode:both;}

.main4 .map .land path,
.main4 .map .land polygon { transition:all 0.3s ease-in-out; }
.main4 .map .land:hover path,
.main4 .map .land:hover polygon,
.main4 .map .land.on path,
.main4 .map .land.on polygon  { fill: #cfeaf3 !important; }
.main4 .map .land { /*cursor:pointer;*/ }
.main4 .map .land path,
.main4 .map .land polygon {  }

@media screen and (max-width:1280px){
	.main4 .map { padding:0; }
	.main4 .regionTxt { font-size:16px; }
	.main4 .regionTxt.txt1 { font-size:17px; }
}
@media screen and (max-width:1024px){
	.main4 .mainTitle_box { position:relative; top:auto; left:auto; transform:translateX(0); width:100%; }
	.main4 .map { margin-top:-10%; position:relative; top:auto; left:auto; transform:translate(0);}
}
@media screen and (max-width:960px){
	.main4 .btn { margin-top:45px; }
	.main4 .regionTxt { font-size:20px; }
	.main4 .regionTxt.txt1 { font-size:22px; }
	.main4.active .regionTxt,
	.main4.active .p { animation:ani_5 0s 0s; animation-fill-mode:both;}
	.main4 .map .p,
	.main4.active .regionTxt { opacity:1 !important;}
}
@media screen and (max-width:640px){
	.main4 .btn { margin-top:30px; }
	.main4 .regionTxt { font-size:25px; }
	.main4 .regionTxt.txt1 { font-size:25px; }
}

.main5 { position:relative; width:100%; height:100%; overflow:hidden; }
.main5 .bg { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
.main5 .bg:after {content:""; display:block; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background:url(/img/main/bg_main5.jpg) no-repeat center; background-size:cover; transform:scale(1); transition:all 1.0s 0.5s; }
.main5.active .bg:after { transform:scale(1.15); }


.main6 { position:relative; z-index:100; background-color:#fff; }