@charset "utf-8";

.m5 {font-weight:500 !important;}
.l3 {font-weight:300 !important;}
.sec1 {position:relative;text-align:center;}
.sec1 h2 {position:absolute;top:1%;left:0;width:100%;line-height:1.0;color:#fff;opacity:0;transition:all 1s 0.3s;z-index:10;} 
.sec1 p.desc_h2 {position:absolute;top:19%;left:0;width:100%;color:#fff;opacity:0;transition:all 1s 0.6s;z-index:10;line-height:130%;} 
.sec1 .light_img {position:absolute;top:72.16%;left:36.4%;width:30.46%;z-index:10;}
.sec1 .light_img div {width:0;opacity:0;transition:all 1s 0.9s;}

.sec1.current h2 {top:16.49%;opacity:1;} 
.sec1.current p.desc_h2 {top:33.50%;opacity:1;} 
.sec1.current .light_img div {width:100%;opacity:1;}

.sec2 {position:relative;text-align:center;}
.sec2 .desc_h2 {position:absolute;top:5%;left:0;width:100%;color:#5d50f5;}
.sec2 h3 {position:absolute;top:12%;left:0;width:100%;color:#5d50f5;}
.sec2 .desc {position:absolute;top:22.8%;left:0;width:100%;line-height:1;color:#fff;}
.sec2 ul {position:absolute;top:30.5%;left:8%;box-sizing:border-box;line-height:100%;right:8%;bottom:45.5%;}
.sec2 ul li {margin-bottom:1.8%;height:29.2%;}
.sec2 ul li span {display:flex;width:49%;height:25px;line-height:1;border-radius:3px;justify-content:center;align-items:center;width:50%;height:100%;}
.sec2 ul li .left {float:left;color:#fff;}
.sec2 ul li .right {float:right;color:#000;}
.sec2 .desc2 {position:absolute;top:63.5%;left:0;width:100%;line-height:1.3;color:#fff;}
.sec2 .desc3 {position:absolute;top:79.84%;left:0;width:100%;line-height:1.5;color:#3b3a45;letter-spacing:-1px;}
.sec2 .desc3 b {letter-spacing:-1px;}

.sec3 {position:relative;text-align:center;}
.sec3 h3 {position:absolute;top:11%;left:0;width:100%;line-height:1.1;color:#fff;}
.sec3 h3 span.l3 {line-height:1.1;}
.sec3 h3 span.m5 {line-height:1.3;}
.sec3 .type1 {position:absolute;top:59.1%;left:3.125%;width:46.875%;color:#fff;}
.sec3 .type2 {position:absolute;top:59.1%;right:3.125%;width:46.875%;color:#fff;}

.sec14 {position:relative;text-align:center;}
.sec14 h3 {position:absolute;top:35%;left:0;width:100%;line-height:1.3;color:#5d50f5;letter-spacing:-2px;}
.sec14 p {position:absolute;top:87.2%;left:0;width:100%;line-height:1.2;color:#3b3a45;}
.sec14 .com_box {position:absolute;top:55%;width:41.4%;}
.sec14 .com_box.left {left:7.8%;}
.sec14 .com_box.right {right:7.8%;}
.sec14 .com_box strong {display:block;width:100%;margin-bottom:14.7%;color:#3b3a45;}
.sec14 .com_box.right strong {color:#fff;margin-bottom:19%;}
.sec14 .com_box ul li {margin-bottom:7%;padding-left:29.5%;color:#3b3a45;letter-spacing:0;text-align:left;}
.sec14 .com_box.right ul li {margin-bottom:16%;color:#fff;}

.sec4 {position:relative;text-align:center;}
.sec4 h3 {position:absolute;top:14%;left:0;width:100%;line-height:1.2;color:#fff;}
.sec4 .desc {position:absolute;top:30%;left:0;width:100%;line-height:1;color:#fff;}
.sec5 {position:relative;text-align:center;}
.sec5 p.desc_h2 {position:absolute;top:59%;left:0;width:100%;color:#fff;}
.sec5 h3 {position:absolute;top:65%;left:0;width:100%;line-height:1.1;color:#3b3a45;letter-spacing:-1px;}
.sec5 h3 span.color {color:#5d50f5;}
.sec5 ul.info_list {position:absolute;top:79.5%;left:10.5%;width:86.5%;}
.sec5 ul.info_list li {margin-bottom:1.5%;color:#3b3a45;text-align:left;}     

.sec5_2 {position:relative;padding:9% 3.12% 14.84%;background:#eee;text-align:center;}
.sec5_2 h3 {line-height:1.1;margin-bottom:4.68%;color:#5d50f5;}
.slide_area {overflow:hidden;margin-top:1px;}
.slide_area:after {content:'';display:block;clear:both;}
.slide_area .left {float:left;width:17.66%;}
.slide_area .left a {display:block;background-size:cover !important;}
.slide_area .left a:nth-child(1) {background:url(/m/img/skin/inmode/tab_list_img1.jpg) no-repeat center top;}
.slide_area .left a:nth-child(2) {background:url(/m/img/skin/inmode/tab_list_img2.jpg) no-repeat center top;}
.slide_area .left a:nth-child(3) {background:url(/m/img/skin/inmode/tab_list_img3.jpg) no-repeat center top;}
.slide_area .left a:nth-child(1).active {background:url(/m/img/skin/inmode/tab_list_img1_on.jpg) no-repeat center top;}
.slide_area .left a:nth-child(2).active {background:url(/m/img/skin/inmode/tab_list_img2_on.jpg) no-repeat center top;}
.slide_area .left a:nth-child(3).active {background:url(/m/img/skin/inmode/tab_list_img3_on.jpg) no-repeat center top;}
.slide_area .left a img {width:100%;}

.slide_area .panel {position:relative;float:right;width:82.34%;z-index:10;}
.slide_area .panel li {position:relative;}
.slide_area .panel li .overimg {position:absolute;top:0;left:0;opacity:0;transition:all 1s 0.1s;}
.slide_area .panel li .overimg.on {opacity:1;}
.slide_area .panel .bottom_p {height:15.625%;line-height:1.5;padding:3% 0;background:#fff;color:#002d5f;text-align:center;}

.sec6 {position:relative;text-align:center;}
.sec6 p.desc_h2 {position:absolute;top:59.8%;left:0;width:100%;color:#fff;}
.sec6 h3 {position:absolute;top:65%;left:0;width:100%;line-height:1.2;color:#3b3a45;}
.sec6 h3 span.color {color:#5d50f5;}
.sec6 ul.info_list {position:absolute;top:79.5%;left:11%;width:86.57%;}
.sec6 ul.info_list li {margin-bottom:1.51%;color:#3b3a45;text-align:left;}
.sec6_2 {position:relative;padding:9.37% 3.12% 5.78%;background:#eee;text-align:center;}
.sec6_2 h3 {line-height:1.3;margin-bottom:4.68%;color:#5d50f5;letter-spacing:-0.025em;}
.sec6_2 video {width:100%;}
.sec6_2 .video_text {padding:4.68% 0;background:#3b3a45;}
.sec6_2 .video_text p {line-height:1.4;color:#fff;}
.sec6_2 .video_text h4 {line-height:1.4;margin-top:15px;color:#fff;}
.sec6_2 h4 b {letter-spacing:0;}
.sec5 {position:relative;}
.com_tab {overflow:hidden;position:absolute;top:-25px;left:0;width:100%;padding:0 3.12%;box-sizing:border-box;}
.com_tab:after {content:'';display:block;clear:both;}
.com_tab li {float:left;width:50%;height:50px;}
.com_tab li button {width:100%;height:100%;line-height:1.3;padding-top:0;background:#fff;border:0;color:#000;box-sizing:border-box;}
.com_tab li.on button {background:#5d50f5;color:#fff;}            
.sec7 {position:relative;text-align:center;}
.sec7 h3 {position:absolute;top:6%;left:0;width:100%;line-height:100%;color:#fff;}
.sec7 h3 span.m5 {line-height:2.5;color:#fff;}
.sec7 p.desc {position:absolute;top:81.52%;left:0;width:100%;line-height:1.4;color:#fff;letter-spacing:-1px;}
.sec7 p.desc b {letter-spacing:-1px;}
.sec8 {position:relative;text-align:center;}
.sec8 h3 {position:absolute;top:5%;left:0;width:100%;line-height:1.2;color:#fff;}
.sec8 h3 span {line-height:1.6;}
.sec8 .desc_h3 {position:absolute;top:22.2%;left:0;width:100%;color:#fff;}
.sec8 .desc {position:absolute;top:86%;left:0;width:100%;line-height:1.6;color:#fff;}
.sec8 .desc span {display:inline-block;line-height:1.5;background:#5d50f5;letter-spacing:0;margin-bottom:3px;}
.sec8 .desc b {letter-spacing:0;}

.sec9 {position:relative;text-align:center;}
.sec9 .desc_h3 {position:absolute;top:6.2%;left:0;width:100%;color:#fff;}
.sec9 h3 {position:absolute;top:10.36%;left:0;width:100%;line-height:1.2;color:#fff;}
.sec9 .desc {position:absolute;top:23%;left:0;width:100%;line-height:1.2;color:#fff;}
.sec10 .desc_h3 {width:100%;line-height:1;color:#5d50f5;margin-bottom:7px;}
.sec10 h3 {width:100%;line-height:1.3;color:#5d50f5;}
.sec10 .com_tag {display:flex;justify-content:space-around;margin-top:15px;color:#fff;display:inline-block;padding:5px 10px;line-height:1;border-radius:30px;background:linear-gradient(45deg, #5353ed, #00babf);}    
.sec10 .tag1 {left:11.4%;}
.sec10 .tag2 {left:39.21%;}
.sec10 .tag3 {left:66.71%;} 
.sec10 {position:relative;background:#eee;text-align:center;}
.sec10 .inner {display:block;padding:40px 0;}
.sec10 .ba-slider {position:relative;width:59.38%;margin:6.24% auto 3.12%;box-sizing:border-box;}
.sec10 .ba-slider img {width:100%;display:block;max-width:inherit;}
.sec10 .ba-slider2 {position:relative;width:59.38%;margin:3.12% auto 6.24%;box-sizing:border-box;}
.sec10 .ba-slider2 img {width:100%;display:block;max-width:inherit;}
.sec10 .resize {position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden;}
.sec10 .handle {position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;cursor:ew-resize;}     
.sec10 .handle:after {position:absolute;bottom:20px;width:30px;height:30px;margin:0 0 0 -16px;background:rgba(0,0,0, 0.5) url(/m/img/skin/inmode/slide_btn.png) no-repeat center center;content:'';font-family:xeicon, sans-serif;color:white;font-weight:bold;text-align:center;line-height:40px;transition:all 0.3s ease;border:1px solid #fff;border-radius:50%;}
.sec10 .draggable:after {width:30px;height:30px;margin:0 0 0 -15px;line-height:30px;}
.sec10 .com_txt strong {display:block;margin-bottom:1.56%;color:#3b3a45;}
.sec10 .com_txt span {display:block;margin-bottom:5.5%;color:#858585;}
.sec10 .text2 {padding-bottom:6%;}
.sec10 .text2 span {margin-bottom:0;}

.sec11 {position:relative;text-align:center;}
.sec11 .desc {position:absolute;top:27%;left:0;width:100%;line-height:1.2;color:#fff;}
.sec11 h3 {position:absolute;top:48%;width:100%;line-height:1;padding-left:2%;color:#fff;box-sizing:border-box;text-align:left;}
.sec11 h3 span {display:inline-block;width:30%;text-align:right;line-height:2;vertical-align:top;}
.sec11 h3 strong {display:inline-block;width:50%;padding-left:13%;line-height:1;vertical-align:top;font-weight:700;}

.sec12 {position:relative;text-align:center;padding-bottom:150px;background:#eee;}
.sec12 h3 {position:absolute;top:-6.5%;width:100%;color:#fff;letter-spacing:0;}
.sec12 p {position:absolute;bottom:5%;left:0;width:100%;line-height:1.4;color:#5d50f5;}

.sec13 {position:relative;text-align:center;} 
.sec13 h3 {position:absolute;top:6%;width:100%;line-height:1.1;color:#fff;}
.sec13 .desc {position:absolute;top:19%;left:0;width:100%;line-height:1.3;color:#fff;}

.sec13 {position:relative;}
.sec13 .date_area {position:absolute;bottom:3.2%;left:0;width:100%;text-align:center;}
.sec13 .date_area .time_line {margin-bottom:3.2%;color:#00dfe6;font-weight:700;}
.sec13 .date_area .date {color:#00dfe6;} 


@media (min-width:640px){
	.sec1 h2 {font-size:60px;} 
	.sec1 p.desc_h2 {font-size:21px;} 
	.com_tab li button {font-size:16px;}
	.sec2 .desc_h2 {font-size:30px;}
	.sec2 h3 {font-size:40px;}
	.sec2 .desc {font-size:18px;}
	.sec2 ul li span {font-size:16px;}
	.sec2 .desc2 {font-size:24px;}
	.sec2 .desc2 b {font-size:22px;}
	.sec2 .desc3 {font-size:18px;}
	.sec3 h3 {font-size:45px;}
	.sec3 h3 span.m5 {font-size:35px;}
	.sec3 .type1 {font-size:21px;}
	.sec3 .type2 {font-size:21px;}
	.sec4 h3 {font-size:40px;}
	.sec4 .desc {font-size:25px;}
	.sec5 p.desc_h2 {font-size:18px;}
	.sec5 h3 {font-size:21px;}
	.sec5 h3 strong {font-size:23px;}
	.sec5 ul.info_list li {font-size:18px;}
	.sec5_2 h3 {font-size:40px;}
	.sec6 p.desc_h2 {font-size:18px;}
	.sec6 h3 {font-size:21px;}
	.sec6 h3 strong {font-size:23px;}
	.sec6 ul.info_list li {font-size:17px;line-height:1.5;}
	.sec5 ul.info_list li {font-size:16px;letter-spacing:-0.05em;}
	.sec6_2 h3 {font-size:40px;}
	.sec6_2 .video_text p {font-size:16px;}
	.sec6_2 .video_text h4 {font-size:21px;}
	.sec7 h3 {font-size:21px;}
	.sec7 h3 span.m5 {font-size:21px;}
	.sec7 h3 strong,
	.sec7 h3 span.text {font-size:40px;}
	.sec7 p.desc {font-size:18px;}
	.sec8 h3 {font-size:35px;}
	.sec8 h3 span {font-size:19px;}
	.sec8 .desc_h3 {font-size:19px;}
	.sec8 .desc {font-size:19px;}
	.sec9 {font-size:21px;}
	.sec9 h3 {font-size:40px;}
	.sec9 .desc_h3  {font-size:15px;}
	.sec9 .desc {font-size:18px;}
	.sec10 .desc_h3 {font-size:18px;}
	.sec10 h3 {font-size:32px;}
	.sec10 .com_tag {font-size:19px;}
	.sec10 h3 b {font-size:40px;}
	.sec10 .com_txt strong {font-size:18px;}
	.sec10 .com_txt span {font-size:16px;}
	.sec11 .desc {font-size:19px;}
	.sec11 h3 {font-size:32px;}
	.sec12 h3 {font-size:18px;}
	.sec12 p {font-size:18px;}
	.sec12 p b {font-size:21px;display:inline-block;letter-spacing:-0.05em;}
	.sec13 h3 {font-size:35px;}
	.sec13 .desc {font-size:19px;}
	.sec13 .date_area .time_line {font-size:40px;}
	.sec13 .date_area .time_line .time {font-size:60px;}
	.sec13 .date_area .date {font-size:21px;} 
	.sec14 p {font-size:18px;}
	.sec14 .com_box strong {font-size:19px;}
	.sec14 .com_box ul li {font-size:18px;}
}