@charset "utf-8";
.c_img {
	position:relative;
	left:50%;
	max-width:1920px !important;
	margin-left:-960px !important;
	line-height:0;
	font-size:0;
}
.clear {
	overflow:hidden;
}
.clear:after {
	content:'';
	displaY:block;
	clear:both;
}
.subCon {
	background-color:#9ac2ff;
}
.sec1.bg_img {
	background:#9ac2ff url("/img/skin/inmode/content01.jpg") 50% 0 no-repeat;
	height:869px;
}
.sec1 h2 {
	position:absolute;
	top:301px;
	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 p.desc_h2 {
	position:absolute;
	top:625px;
	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:55px;
}
.sec2 .desc {
	position:absolute;
	top:196px;
	left:0;
	width:100%;
	line-height:50px;
	color:#fff;
	font-size:26px;
}
.sec2 ul {
	position:relative;
	margin-top:287px;
	left:213px;
	width:773px;
}
.sec2 ul li span {
	width:380px;
	height:70px;
	line-height:59px;
	padding-bottom:12px;
	font-size:21px;
	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:95px;
	left:0;
	width:100%;
	line-height:1.3;
	color:#fff;
	font-size:76px;
}
.sec3 h3 span.m5 {
	font-size:32px;
}
.sec3 .type1 {
	position:absolute;
	top:337px;
	left:0;
	width:335px;
	line-height:60px;
	color:#fff;
	font-size:28px;
}
.sec3 .type2 {
	position:absolute;
	top:337px;
	right:0;
	width:335px;
	line-height:60px;
	color:#fff;
	font-size:28px;
}
.sec3 .text {
	position:absolute;
	top:635px;
	display:inline-block;
	width:335px;
	height:95px;
	font-size:16px;
	line-height:26px;
	padding:9px 0 0;
	box-sizing:border-box;
}
.sec3 .type1_text {
	left:0;
}
.sec3 .type2_text {
	right:0;
}
.sec14 .tit {
	position:absolute;
	top:70px;
	left:0;
	width:100%;
	font-size:50px;
	line-height:1.4;
	text-align:center;
	color:#fff;
}
.sec14 h3 {
	position:absolute;
	top:305px;
	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.2;
	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;
}
.sec5 h3 {
	position:absolute;
	top:740px;
	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;
}
.slide_area .left a {
	line-height:1.5;
	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;
}
.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.5;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#3B3A45;
	color:#fff;
	text-align:center;
	margin-top:10px;
}
.sec6 p.desc_h2 {
	position:absolute;
	top:609px;
	left:0;
	width:100%;
	line-height:60px;
	color:#fff;
	font-size:30px;
}
.sec6 h3 {
	position:absolute;
	top:695px;
	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:805px;
	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.3;
	margin-bottom:40px;
	color:#5d50f5;
	font-size:42px;
}
.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:60px;
	left:0;
	width:100%;
	color:#fff;
	font-size:50px;
	line-height:1.4;
}
.sec7 h3 span.m5 {
	color:#fff;
	font-size:28px;
}
.sec7 h3 em,.sec7 h3 span.text {
	font-size:50px;
}
.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:50px;
	left:0;
	width:100%;
	line-height:1.4;
	color:#fff;
	font-size:50px;
}
.sec8 h3 span {
	font-size:32px;
}
.sec8 .desc_h3 {
	position:absolute;
	top:222px;
	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;
	padding:2px 10px;
	display:inline-block;
	margin-bottom:5px;
}
.sec9 .desc_h3 {
	position:absolute;
	top:60px;
	left:0;
	width:100%;
	line-height:60px;
	color:#fff;
	font-size:34px;
}
.sec9 h3 {
	position:absolute;
	top:130px;
	left:0;
	width:100%;
	line-height:1.3;
	color:#fff;
	font-size:60px;
}
.sec9 .desc {
	position:absolute;
	top:220px;
	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.3;
	color:#5d50f5;
	font-size:50px;
}
.sec10 .com_tag {
	position:absolute;
	top:278px;
	width:100%;
	line-height:60px;
	color:#fff;
	font-size:20px;
}
.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:pointer;
}
.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;
	font-weight:400;
	letter-spacing:0;
}
.sec11 h3 span {
	display:inline-block;
	width:103px;
}
.sec11 h3 .ico_plus {
	width:40px;
	height:40px;
	background:#fff;
	color:#647cf6;
	font-weight:500;
	font-size:40px;
	line-height:40px;
	border-radius:40px;
	margin:9px 13px 0;
	vertical-align:top;
}
.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;
}