@charset "utf-8";
em, b {font-weight:700;}
.subCon > div {position:relative;}
.subCon > div > img {max-width:1920px;position:relative;left:50%;margin-left:-960px;}
.subCon > div > div {width:1400px;position:absolute;left:50%;margin-left:-700px;text-align:center;z-index:1;}
.subCon {position:relative;min-width:1200px;font-weight:400;letter-spacing:0;}
.subCon .inner {position:absolute;top:0;width:1200px;margin-left:-600px;}
.subCon h2, .subCon h3, .subCon h4 {font-weight:300;}
.c_img {position:relative;left:50%;max-width:1920px !important;margin-left:-960px !important;line-height:0;font-size:0;}
.en {letter-spacing:0;}
.clear {overflow:hidden;}
.clear:after {content:'';displaY:block;clear:both;}
.sec2, .sec3, .sec14, .sec8 {background:#9ac2ff;}
.sec4, .sec9 , .sec11 , .sec13 {background:#7186f1;}
.sec5, .sec6, .sec10, .sec12 {background:#eee;}
.sec7 {background:#b6b6b6;}
.sec1 {height:869px;background:50% 0 url(/img/skin/inmode/704_sec1_bg.jpg) no-repeat;}
.sec1 h2 {position:absolute;top:300px;left:-50px;line-height:1.2;color:#fff;font-size:84px;text-align:left;opacity:0;transition:all 1s 0.3s;z-index:10;} 
.sec1 h2 strong {letter-spacing:-0.05em;}
.sec1 p.desc_h2 {position:absolute;top:510px;line-height:1.3;left:-50px;color:#fff;font-size:34px;text-align:left;opacity:0;transition:all 1s 0.6s;z-index:10;} 
.sec1 .model_img {position:absolute;top:0;left:-28px;z-index:9;}
.sec1 .title_img {position:absolute;top:383px;right:50px;opacity:0;transition:all 1s 1.5s;}
.sec1 .light_img {position:absolute;top:455px;left:494px;width:0;opacity:0;transition:all 3s 0.9s;z-index:10;}
.sec1.current h2,
.sec1.current p.desc_h2 {left:0;opacity:1;} 
.sec1.current .title_img {right:0;opacity:1;} 
.sec1.current .light_img {width:291px;opacity:1;}       
.com_tab {overflow:hidden;position:absolute;top:-50px;left:280px;}
.com_tab:after {content:'';display:block;clear:both;}
.com_tab li {float:left;width:320px;height:100px;}            
.com_tab li button {width:100%;height:100%;line-height:1.3;padding-top:8px;background:#fff;border:0;color:#000;font-size:28px;box-sizing:border-box;}            
.com_tab li.on button {background:#5d50f5;color:#fff;}
.sec2 .desc_h2 {position:absolute;top:60px;left:0;width:100%;color:#5d50f5;font-size:32px;}
.sec2 h3 {position:absolute;top:105px;left:0;width:100%;color:#5d50f5;font-size:60px;}
.sec2 .desc {position:absolute;top:196px;left:0;width:100%;line-height:50px;color:#fff;font-size:30px;}
.sec2 ul {position:relative;  margin-top:287px; left:213px; width:773px;}
.sec2 ul li span {width:380px; height:59px; line-height:59px; padding-bottom:11px; font-size:25px; letter-spacing:0;}
.sec2 ul li .left {float:left;color:#fff;}
.sec2 ul li .right {float:right;color:#000;}
.sec2 .desc2 {position:relative; margin-top:50px;width:100%;line-height:1.3;color:#fff;font-size:32px;}
.sec2 .desc2 b {font-size:40px;}
.sec2 .desc3 {position:relative; margin-top:50px;width:100%;line-height:1.5;color:#3b3a45;font-size:22px;}
.sec2 .desc3 span.line {text-decoration:underline;}
.sec3 h3 {position:absolute;top:135px;left:0;width:100%;line-height:1.4;color:#fff;font-size:76px;}
.sec3 h3 span.m5 {font-size:32px;}
.sec3 .type1 {position:absolute;top:336px;left:0;width:335px;line-height:60px;color:#fff;font-size:28px;}
.sec3 .type2 {position:absolute;top:336px;right:0;width:335px;line-height:60px;color:#fff;font-size:28px;}
.sec14 h3 {position:absolute;top:320px;left:0;width:100%;line-height:1.4;color:#5d50f5;font-size:40px;}
.sec14 p {position:absolute;top:747px;left:0;width:100%;line-height:1.4;color:#3b3a45;font-size:22px;letter-spacing:0;}
.sec14 .com_box {position:absolute;top:445px;width:380px;}
.sec14 .com_box.left {left:215px;}
.sec14 .com_box.right {right:215px;}
.sec14 .com_box strong {width:100%;height:80px;line-height:80px;color:#3b3a45;font-size:32px;text-align:center;}
.sec14 .com_box.right strong {color:#fff;}
.sec14 .com_box ul {padding-top:10px;}
.sec14 .com_box ul li {line-height:60px;margin-bottom:1px;color:#3b3a45;font-size:32px;letter-spacing:0;text-align:left;text-indent:157px;}
.sec14 .com_box.right ul li {line-height:90px;color:#fff;}
.sec4 h3 {position:absolute;top:307px;left:0;width:100%;line-height:1.1;color:#fff;font-size:70px;text-align:left;}
.sec4 .desc {position:absolute;top:515px;left:0;width:100%;line-height:1.4;color:#fff;font-size:34px;text-align:left;}
.sec5 p.desc_h2 {position:absolute;top:654px;left:0;width:100%;line-height:60px;color:#fff;font-size:30px;letter-spacing:0;}
.sec5 h3 {position:absolute;top:727px;left:0;width:100%;line-height:1.3;color:#3b3a45;font-size:26px;letter-spacing:0;}
.sec5 h3 em {font-size:26px;letter-spacing:0;}
.sec5 h3 span {color:#5d50f5;}
.sec5 ul.info_list {position:absolute;top:850px;left:294px;width:820px;}
.sec5 ul.info_list li {margin-bottom:18px;color:#3b3a45;font-size:17px;text-align:left;letter-spacing:0;}
.sec5_2 {padding:80px 0 125px;background:#eee;}
.sec5_2 .inner {position:static;width:100%;margin-left:0;}
.sec5_2 h3 {line-height:1.1;color:#5d50f5;font-size:60px;}
.slide_area {overflow:hidden;position:static !important;left:0 !important;width:1200px !important;margin:0 auto !important;padding:60px 0 0;}
.slide_area:after {content:'';display:block;clear:both;}
.slide_area .left {float:left;width:360px;color:#fff;display:flex;flex-direction:column;justify-content:center;font-size:24px;line-height:1.4;}
.slide_area .left a {color:#fff;display:block;height:110px;margin-bottom:1px;background:#9FBAFF;cursor:pointer;display:flex;flex-direction:column;justify-content:center;}
.slide_area .left .active {background:#5D50F5 !important;}
.slide_area .left a img {width:100%;color:#fff;font-size:24px;font-weight:500;}            
.slide_area .left .tab_list {margin:1px 0 0;color:#fff;}
.slide_area .left .title {height:68px;background:#767676;display:flex;justify-content:center;align-items:center;font-size:26px;font-weight:500;line-height:68px;letter-spacing:-0.025em;}
.slide_area .panel {float:right;width:831px;;}
.slide_area .panel ul {z-index:1;}
.slide_area .panel li {position:relative;z-index:10;}
.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:100px;line-height:1.5;display:flex;justify-content:center;align-items:center;background:#3B3A45;color:#fff; text-align:center;}
.slide_area .txt_box {height:100px;line-height:1.4;display:flex;justify-content:center;align-items:center;background:#3B3A45;color:#fff;text-align:center;margin-top:10px;font-size:22px;}
.sec6 p.desc_h2 {position:absolute;top:654px;left:0;width:100%;line-height:60px;color:#fff;font-size:30px;letter-spacing:0;}
.sec6 h3 {position:absolute;top:730px;left:0;width:100%;line-height:1.3;color:#3b3a45;font-size:26px;letter-spacing:0;}
.sec6 h3 em {font-size:26px;letter-spacing:0;}
.sec6 h3 span {color:#5d50f5;}
.sec6 ul.info_list {position:absolute;top:852px;left:294px;width:820px;}
.sec6 ul.info_list li {margin-bottom:18px;color:#3b3a45;font-size:17px;text-align:left;letter-spacing:0;}
.sec6_2 {padding:80px 0;background:#dfdfdf;text-align:center;}
.sec6_2 .inner {position:static;width:100%;margin-left:0;}
.sec6_2 h3 {line-height:1.1;margin-bottom:50px;color:#5d50f5;font-size:40px;}
.sec6_2 .video_text {width:980px;margin:0 auto;padding:40px 0 50px;background:#3b3a45;}
.sec6_2 .video_text p {line-height:1.3;color:#fff;font-size:20px;}
.sec6_2 .video_text h4 {margin-top:15px;color:#fff;font-size:30px;}
.sec7 h3 {position:absolute;top:64px;left:0;width:100%;line-height:1.3;color:#fff;font-size:80px;}            
.sec7 h3 span.m5 {color:#fff;font-size:28px;}
.sec7 h3 span.text {font-size:60px;}
.sec7 p.desc {position:absolute;top:748px;left:0;width:100%;line-height:1.5;color:#fff;font-size:20px;}
.sec8 h3 {position:absolute;top:70px;left:0;width:100%;line-height:1.2;color:#fff;font-size:60px;}
.sec8 h3 span {font-size:32px;}
.sec8 .desc_h3 {position:absolute;top:226px;left:0;width:100%;line-height:60px;color:#fff;font-size:30px;}
.sec8 .desc {position:absolute;top:700px;left:0;width:100%;line-height:1.4;color:#fff;font-size:30px;}
.sec8 .desc span {background:#5d50f5;}
.sec9 .desc_h3 {position:absolute;top:60px;left:0;width:100%;line-height:60px;color:#fff;font-size:34px;}
.sec9 h3 {position:absolute;top:135px;left:0;width:100%;line-height:1.2;color:#fff;font-size:60px;}
.sec9 .desc {position:absolute;top:230px;left:0;width:100%;line-height:1.4;color:#fff;font-size:22px;}
.sec10 .desc_h3 {position:absolute;top:59px;left:0;width:100%;line-height:1;color:#5d50f5;font-size:34px;}
.sec10 h3 {position:absolute;top:105px;width:100%;line-height:1.2;color:#5d50f5;font-size:60px;}
.sec10 .com_tag {position:absolute;top:278px;width:100%;line-height:60px;color:#fff;font-size:30px;}    
.sec10 .tag1 {left:211px;width:240px;}
.sec10 .tag2 {left:472px;width:240px;}
.sec10 .tag3 {left:730px;width:260px;} 
.sec10 .ba-slider {position:absolute;overflow:hidden;top:380px;left:197px;width:380px;}
.sec10 .ba-slider img {width:100%;display:block;max-width:inherit;}
.sec10 .ba-slider2 {position:absolute;overflow:hidden;top:380px;right:197px;width:380px;}
.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:40px;height:40px;margin:0 0 0 -21px;background:rgba(0,0,0, 0.5) url(/img/common/slide_btn.png) no-repeat center center;content:'';font-family:xeicon;color:white;font-weight:bold;font-size:30px;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;font-size:20px;}
.sec10 .com_txt {position:absolute;top:743px;width:380px;}
.sec10 .com_txt strong {display:block;margin-bottom:10px;color:#232323;font-size:20px;}
.sec10 .com_txt span {display:block;color:#858585;font-size:18px;}
.sec10 .text1 {left:197px;}
.sec10 .text2 {right:197px;}
.sec11 .desc {position:absolute;top:153px;left:0;width:100%;line-height:1;color:#fff;font-size:32px;}
.sec11 h3 {position:absolute;top:210px;width:100%;line-height:1;color:#fff;font-size:60px;letter-spacing:0;}
.sec11 h3 span {display:inline-block;width:103px;}
.sec12 h3 {position:absolute;top:60px;width:100%;line-height:42px;color:#fff;font-size:22px;letter-spacing:-1px;}
.sec12 p {position:absolute;top:562px;left:0;width:100%;line-height:1.4;color:#5d50f5;font-size:22px;letter-spacing:0;}
.sec12 p b {font-size:32px;}
.sec13 h3 {position:absolute;top:160px;width:100%;line-height:1.3;color:#fff;font-size:60px;text-align:left;}
.sec13 .desc {position:absolute;top:335px;left:0;width:100%;line-height:1.5;color:#fff;font-size:32px;text-align:left;}
.sec13 .date_area {position:absolute;top:572px;left:0;text-align:left;}
.sec13 .date_area .time_line {margin-bottom:40px;color:#00dfe6;font-size:60px;}
.sec13 .date_area .time_line span {font-weight:700;}
.sec13 .date_area .time_line .time {font-size:128px;}
.sec13 .date_area .date {color:#00dfe6;font-size:32px;}