@font-face {
    font-family: 'Avenir Next World';
    src: url('./AvenirNextWorld-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir Next World';
    src: url('./AvenirNextWorld-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
/* @media (max-width: 750px) {
	html {
	  font-size: calc(100vw / 192);
	}
} */
html, body {
  height: 100%;
  width: 100%; }

html, body, ul, li, div, view, text {
  margin: 0px;
  padding: 0px; }
html, body {
  height: 100%;
  width: 100%; }

html, body, ul, li, div, view, text {
  margin: 0px;
  padding: 0px; }
.enpty-line{height: 1px; clear:both;}
.enpty-line-bg{height: 1px; clear:both; background-color: #eaedf0;}
.con-title-max{
	font-family: Avenir Next World; margin: 0px; font-size: 52px; font-weight: bold; line-height: 120%;
}
.con-title{
	font-family: Avenir Next World; margin: 0px; font-size: 46px; font-weight: bold; line-height: 120%;
}
.con-title-m{
	font-family: Avenir Next World; margin: 0px; font-size: 40px; font-weight: bold; line-height: 120%;
}
.con-title-30{
	font-family: Avenir Next World; margin: 0px; font-size: 30px; font-weight: bold; line-height: 120%;
}
.con-title-min{
	font-family: Avenir Next World; margin: 0px; font-size: 30px; font-weight: bold; line-height: 120%;
}
.con-title-min2{
	font-family: Avenir Next World; margin: 0px; font-size: 24px; font-weight: bold; line-height: 120%;
}
.con-text-max{
	font-family: Avenir Next World;
	font-size: 38px; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
}
.con-text{
	font-family: Avenir Next World;
	font-size: 28px; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
}
.con-text-m{
	font-family: Avenir Next World;
	font-size: 20px; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
}
.con-text-min{
	font-family: Avenir Next World;
	font-size: 16px; line-height: 150%; font-variation-settings: "opsz" auto; color: #3D3D3D;
}
.con-btn{
	min-width: 225px; height: 50px; border-radius: 106.01px; background: #1298F1; border:0px;
	font-family: Avenir Next World;
	font-size: 18px; font-weight: normal; line-height: 150%; text-align: center;
	font-variation-settings: "opsz" auto; color: #FFFFFF; 
}
.con-btn2{
	min-width: 227px; height: 40px; border-radius: 60px; padding: 9px 20px; border:0px;
	display: flex; flex-direction: column; justify-content: center; align-items: center;
	background: #1298F1;
	font-family: Avenir Next World; font-size: 24px; font-weight: bold; line-height: 120%;
	text-align: center; letter-spacing: 0px; color: #FFFFFF;
}
.con-bd-btn{
	min-width: 228px; height: 40px; border-radius: 60px; display: flex; flex-direction: column;
	justify-content: center; align-items: center; padding: 9px 20px; border:0px;
	box-sizing: border-box; border: 1px solid #1398F1;
	font-family: Avenir Next World;
	font-size: 18px; font-weight: bold; line-height: 120%;
	text-align: center;	 color: #1298F1;
}
.con-line{
	width: 100%; height: 1px; background-color: #e3e3e3; clear: both;
}
.con-radius{ border-radius: 18px; }
.con-bg1{background-color: #F9FAFC;}
/* .con-bg1:hover{background-color: #f1f4f9;} */
.con-bg1 img{max-width: 100%;}
.con-bg2{background-color: #fff;}
.con-bg3{background-color: #1D1D1D;}
.con-bg4{background-color: #0B0C0E;}
.con-mr-lr{margin-left: 50px; margin-right: 50px;}
.con-mr-b{ margin-bottom: 50px;}
.li-align-center { text-align: center; }
.li-text-strong, .li-text-bold {
  font-weight: bold; }
.li-align-left { text-align: left; }
.li-mr-t-min2 { margin-top: 5px !important; }
.li-mr-t-min { margin-top: 10px !important; }
.li-mr-t { margin-top: 15px !important; }
.li-mr-t-max { margin-top: 20px !important; }
.li-mr-t-max2 { margin-top: 30px !important; }
.li-mr-tb-max { margin-top: 20px !important; margin-bottom: 20px !important; }
.li-pd-max { padding: 20px !important; }
.li-bg-white { background-color: #ffffff !important; color: #333333; }
.cor-w{color:#fff !important;}
.cor-b{color:#0099FF !important;}
.cor-g{color:#34A653 !important;}
.li-fixed, .li-abs, .li-rela { box-sizing: border-box; }
.li-fixed { position: fixed !important; }
.li-abs { position: absolute; }
.li-rela, .li-relative { position: relative; }
.li-hidden { overflow: hidden; }


[class^=tr] { display: flex; flex-wrap: wrap; box-sizing: border-box;  }
.tr-between-center { display: flex; justify-content: space-between; align-items: center; }
.tr-left-start { justify-content: flex-start; }
.tr-left-start-center { justify-content: flex-start; align-items: center; }
.tr-left-fixed { flex-wrap: nowrap; }
.tr-left-fixed-center { flex-wrap: nowrap; align-items: center; }
.tr-left-fixed-center > div:first-child, .tr-left-fixed-center > view:first-child {
    -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0; flex-shrink: 0; 
}
.tr-left-fixed-center > div:last-child, .tr-left-fixed-center > view:last-child { flex-grow: 1; word-wrap: break-word; }

.tr-x-y-mid, .tr-td-mid { display: flex; justify-content: center; align-content: center; align-items: center; }
.tr-col2-max > div, .tr-col2-max > li, .tr-col2-max > view { width: calc((100% - 16px * 1 ) / 2); margin-left: 16px; margin-top: 16px; box-sizing: border-box; }
.tr-col2-max > div:nth-child(2n + 1),
.tr-col2-max > li:nth-child(2n + 1),
.tr-col2-max > view:nth-child(2n + 1) { margin-left: 0px !important; }
.tr-col2-max > div:nth-child(-n + 2),
.tr-col2-max > li:nth-child(-n + 2),
.tr-col2-max > view:nth-child(-n + 2) { margin-top: 0px; }

.tr-col3-max > div, .tr-col3-max > li, .tr-col3-max > view { width: calc((100% - 16px * 2 ) / 3);  margin-left: 16px; margin-top: 16px; box-sizing: border-box; }
.tr-col3-max > div:nth-child(3n + 1),
.tr-col3-max > li:nth-child(3n + 1),
.tr-col3-max > view:nth-child(3n + 1) { margin-left: 0px !important; }
.tr-col3-max > div:nth-child(-n + 3),
.tr-col3-max > li:nth-child(-n + 3),
.tr-col3-max > view:nth-child(-n + 3) { margin-top: 0px; }

.tr-col4-max > div, .tr-col4-max > li, .tr-col4-max > view { width: calc((100% - 16px * 3 ) / 4); margin-left: 16px; margin-top: 16px; box-sizing: border-box; }
.tr-col4-max > div:nth-child(4n + 1),
.tr-col4-max > li:nth-child(4n + 1),
.tr-col4-max > view:nth-child(4n + 1) { margin-left: 0px !important; }
.tr-col4-max > div:nth-child(-n + 4),
.tr-col4-max > li:nth-child(-n + 4),
.tr-col4-max > view:nth-child(-n + 4) { margin-top: 0px; }

.tr-col5-max > div, .tr-col5-max > li, .tr-col5-max > view { width: calc((100% - 16px * 4 ) / 5); margin-left: 16px; margin-top: 16px; box-sizing: border-box; }
.tr-col5-max > div:nth-child(5n + 1),
.tr-col5-max > li:nth-child(5n + 1),
.tr-col5-max > view:nth-child(5n + 1) { margin-left: 0px !important; }
.tr-col5-max > div:nth-child(-n + 5),
.tr-col5-max > li:nth-child(-n + 5),
.tr-col5-max > view:nth-child(-n + 5) { margin-top: 0px; }

.tr-col6-max > div, .tr-col6-max > li, .tr-col6-max > view { width: calc((100% - 16px * 5 ) / 6); margin-left: 16px; margin-top: 16px; box-sizing: border-box; }
.tr-col6-max > div:nth-child(6n + 1),
.tr-col6-max > li:nth-child(6n + 1),
.tr-col6-max > view:nth-child(6n + 1) { margin-left: 0px !important; }
.tr-col6-max > div:nth-child(-n + 6),
.tr-col6-max > li:nth-child(-n + 6),
.tr-col6-max > view:nth-child(-n + 6) { margin-top: 0px; }

.li-banner{
	background-position: center; background-repeat: no-repeat;
	width: 100%; height: 860px; min-width: 1920px;
}

.floor-box{}
.floor-con{
	width: 1920px; margin: 0px auto; background-size: 100% 100%; background-repeat: no-repeat; position: relative;
}
.floor-con-min{
	width: 1400px; margin: 0px auto; background-size: 100% 100%; background-repeat: no-repeat; position: relative;
}
.floor-con img,.floor-con-min img{ max-width: 100%;}
.floor-con-min2{
	width: 1200px; margin: 0px auto; background-size: 100% 100%; background-repeat: no-repeat; position: relative;
}
.floor-con.li-floor{ height: 860px; }
.li-floor>img{ width:100%; height: 100%;}
.li-floor .li-floor-con{ position: absolute; right:330px; top:270px; }

.li-floor2{ width: 100%; height:860px; margin-top: 70px; }
.li-floor2-con{ padding-top: 120px; margin: 0px; }
.li-floor2>img{ width: 1920px; height:860px;}

.li-floor3{ height: 550px; border-radius: 18px; background: linear-gradient(108deg, #F7FAFB -10%, rgba(247, 250, 251, 0) 50%);
	margin-top: 130px;
}
.li-floor3>img{ width:1400px; height: 550px; }
.li-floor3-con{ position: absolute; left:50px; top:300px; }
.li-floor3-1{ width: 688px; height: 550px; border-radius: 18px; position: relative; }
.li-floor3-1-con{ position: absolute; left: 50px; right:50px; top:50px;  word-wrap: break-word; }
.li-floor3-1-con img{max-width: 100%;}
.li-floor3-1-con .win-text{
	font-size: 70px; font-weight:bold;  font-family: Avenir Next World; color:#0099FF;
}

.li-floor4{padding-top: 150px;}
.li-floor4 .img1{padding-top: 50px; padding-bottom: 50px;}
.li-floor4 .img1 img{ width: 910px; max-height:650px;}
.li-floor4 .img2 img{ width: 463px; max-height:382px;}

.li-floor4-1{ border-radius: 18px;background: #FFFFFF;}
.li-floor4-left{ width: 760px; float: left;}
.li-floor4-right{ width: 560px; padding-top:60px; overflow: hidden; float: left;}
.li-floor4-2-item{ width: 450px; height: 140px; border-radius: 18px; background: #FFFFFF;}

.li-floor5-con{ margin-top: 80px;}
.li-floor5-left-img img{ width:523px; height:451px; }
.li-floor5-right-img img{ width:685px; height:499px; }

.li-floor6{ margin-top: 25px;}
.li-floor6 img{width:1400px; height:550px;}
.li-floor6-con{ position:absolute; left: 50px; top:230px; width: 586px;}


.li-floor7{ margin-top: 25px;}
.li-floor7-con{ margin-top: 70px;}
.li-floor7-con.con-bg1:hover{background-color: #f1f4f9;}
.li-floor7-con img{max-width: 100%; max-height: 380px;}
.li-floor7-item-con{ width: 332px; height: 380px;}

.li-floor8-con{ margin-top: 90px; }
.li-floor8-con-item{
	width: 341px; min-height: 220px; border-radius: 16px; background: #EAEDF0; margin-top: 10px;
}
.li-floor8-con-item>div:nth-child(2){ width: 270px; margin-left:10px;word-wrap:break-word;}
.li-floor8-con-item:hover{
	background-color: #d9dbde;
}


.p20-float-one{ height: 900px; }
.p20-float-one img{width: 100%; height:900px;}
.p20-float-one-con{ position: absolute; left:360px; top: 304px;}

.p20-float-two{ height: 1380px; }
.p20-float-two-con{ height: 337px;}
.p20-float-two-top-img{ height: 567px;}
.p20-float-two-top-img img{height: 567px; width:1200px;}
.p20-float-two-left-img{ width: 823px; height:350px;}
.p20-float-two-right-img{ width: 363px; height:350px;}
.p20-float-two-left-img img,.p20-float-two-right-img img{width:100%; height:100%;}

.p20-float-three{ height: 900px; }
.p20-float-three img{width: 100%; height:900px;}
.p20-float-three-img{margin-top: 65px;}
.p20-float-three-img img{width: 375px; height:107px;}
.p20-float-three-con{ position: absolute; left:385px; top: 200px; width:470px;}

.p20-float-four{ height: 1147px; }
.p20-float-three-con{ height: 295px;}
.p20-float-four-top-left{ width: 752px; height:368px;}
.p20-float-four-top-right{ width: 429px; height:368px;}
.p20-float-four-top-left img,.p20-float-four-top-right img{ width: 100%; height:100%;}
.p20-float-four-bottom-left{ width: 590px; height:368px;}
.p20-float-four-bottom-right{ width: 590px; height:368px;}
.p20-float-four-bottom-left img,.p20-float-four-bottom-right img{ width: 100%; height:100%;}
.p20-float-four-bottom-con{ position: absolute; top:152px; left:50px;}

.p20-float-five{ height: 900px; }
.p20-float-five-con{ position: absolute; left:360px; top: 304px;}
.p20-float-five-left{ width: 548px;}
.p20-float-five-left-top{ width: 100%; height:465px;}
.p20-float-five-left-bottom{ width: 100%; height:293px;}
.p20-float-five-right{ width: 827px; height:758px;}
.p20-float-five-right img{ width:100%; height: 100%;}

.p20-item-bg{ background-color: #2B2B2B; color:#fff;}
.p20-item-bg div{color:#fff;}
.mr-t70{ margin-top: 70px;}

.p10-float-one{ height:860px; position: relative;}
.p10-float-one img{width: 100%; height:860px;}
.p10-float-one-con{ position: absolute; left:900px; top: 180px; width:750px;}

.p10-float-two{ height:1130px; }
.p10-float-two-con{ height: 535px;}
.p10-float-two-img{ width: 1400px; height: 600px; border-radius: 20px; margin: 0px auto;}
.p10-float-two-img img{ width: 1400px; height: 600px; }
.p10-float-two-img .swiper-pagination-bullet { width:25px; height:25px; color:#fff; line-height: 25px;}
.p10-float-three{ height:1000px; }
.p10-float-three-con{
    
}
.p10-float-three-left{ width:925px; height: 550px; border-radius: 20px; overflow: hidden; background-color: #F9FAFC;}
.p10-float-three-left img{ width: 925px; height:550px;}
.p10-float-three-right{ width:450px; height: 550px; background-color: #F9FAFC; border-radius: 20px; overflow: hidden;}


.p10-float-four{ height:1612px;}
.p10-float-four-left{ width:925px; height: 500px; border-radius: 20px; overflow: hidden; background-color: #fff;}
.p10-float-four-left img{ width: 925px; height:500px;}
.p10-float-four-right{ width:450px; height: 500px; background-color: #fff; border-radius: 20px; overflow: hidden;}
.p10-float-four-right img{ height: 450px; height:500px;}

.p10-float-four-bottom-left,.p10-float-four-bottom-right{width: 688px; height: 500px; border-radius: 20px; border-bottom: 0px; background-color: #fff;}
.p10-float-four-bottom-left img,.p10-float-four-bottom-right img{
    width: 688px; height: 500px;
}

.kit-float-one{ height:700px; position: relative;}
.kit-float-two{ border-bottom: 1px solid #eaedf0; padding-top: 80px; padding-bottom:70px;}
.kit-float-two-item-box{clear: both;}
.kit-float-two-item-box>div{ margin-top: 40px !important;}
.kit-float-two-item{ width:100%;}
.kit-float-two-item-img{height: 150px; width:100%; position:relative;}
.kit-float-two-item-img>img{height: 150px; width:100%;}
.kit-float-two-item .hover-text{display: none;}
.kit-float-two-item .kit-float-two-item-hover{ display: none; position:absolute; width: 100%; height:100%; top:0px; left:0px; background-color: rgba(0,0,0,0.4);}
.kit-float-two-item-hover>img{ position: absolute; top:50px; left: 110px; width: 48px; height:48px;}
.kit-float-two-item:hover .hover-text{display: block;}
.kit-float-two-item:hover .kit-float-two-item-hover{ display: block;}
.kit-float-two-item .kit-float-two-item-play{position:absolute; width: 100%; height:100%; top:0px; left:0px; background-color: rgba(0,0,0,0.4);}
.kit-float-two-item-play>img{ position: absolute; top:50px; left: 110px; width: 48px; height:48px;}

.kit-float-six{ padding-top:60px; padding-bottom: 130px;}
.kit-float-six-item{
	height: 400px; background: #FFFFFF; box-shadow: 0px 10px 30px 0px rgba(61, 61, 61, 0.1);
}
.kit-float-six-item-content{ margin: 50px 60px; }

.kit-float-secven{ height: 780px;}
.kit-float-secven>img{ height: 100%; width:100%;}
.kit-float-secven-left-con{position: absolute; left:260px; top:330px; width:440px;}
.kit-float-secven-right-con{
	width: 692px; height: 535px; padding: 60px; border-radius: 18px; background: #FFFFFF;
	position: absolute; right:260px; top:120px; box-sizing: border-box;
}
.kit-float-secven-right-con .input-class{border-radius: 6px; box-sizing: border-box; border: 0.5px solid #A5A5A5;
	width: 100%; height:36px; line-height: 36px; padding-left:15px;
}

.kit-float-eight-item{ margin-top: 60px; }
.kit-float-eight-item p{color:#5D5D5D; font-size: 16px;}

.li-tabs-container { position: relative; margin-top: 20px;}
.li-tabs-scroll {
	overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; 
	display: flex; padding-bottom: 5px; scroll-behavior: smooth; cursor: grab; user-select: none;
}
.li-tabs-scroll::-webkit-scrollbar { display: none; /* Chrome, Safari and Opera */ }
.li-tabs-scroll:active { cursor: grabbing; }
.li-tab{
	flex: 0 0 auto; margin-left: 50px; cursor: pointer; font-weight: 500; color: #666;
	padding: 16px 0px;;
	transition: all 0.3s ease; border-bottom: 3px solid transparent; white-space: nowrap; position: relative;
}
.li-tab:first-child{margin-left: 0px;}
.li-tab:hover { color: #1298F1; border-radius: 6px 6px 0 0; border-bottom: 3px solid #1298F1; }
.li-tab.active { color: #1298F1; border-bottom: 3px solid #1298F1; }
.li-tab-content { display: none; }
.li-tab-content.active { display: block; animation: fadeIn 0.5s ease; }
@keyframes fadeIn {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}

/* 平板设备 (768px - 1024px) */
@media (max-width: 1024px) {
	
}
/* 移动设备 (小于768px) */
@media (max-width: 750px) {
	html {
	    font-size: calc(100vw / 75);
	}
	.con-title-max{
		font-family: Avenir Next World; margin: 0px; font-size: 7rem; font-weight: bold; line-height: 120%;
	}
	.con-title{
		font-family: Avenir Next World;
		font-size: 6rem; font-weight: bold; line-height: 120%; color: #3D3D3D;
		word-wrap:break-word;
	}
	.con-title-min{
		font-family: Avenir Next World;
		font-size: 4.8rem; font-weight: bold; line-height: 120%; color: #3D3D3D;
		word-wrap:break-word;
	}
    .con-title-m{
    	font-family: Avenir Next World; margin: 0px; font-size: 3.6rem; font-weight: bold; line-height: 120%;
    }
	.con-title-min2{
		font-family: Avenir Next World; margin: 0px; font-size: 2.4rem; font-weight: bold; line-height: 120%;
	}
	.con-title-min3{
		font-family: Avenir Next World; margin: 0px; font-size: 1.8rem; font-weight: bold; line-height: 120%;
	}
	.con-text-max{
		font-family: Avenir Next World;
		font-size: 3.2rem; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
	}
	.con-text{
		font-family: Avenir Next World;
		font-size: 2.8rem; font-weight: normal; line-height: 150%; color: #3D3D3D;
		word-wrap:break-word;
	}
	.con-text-min{
		font-family: Avenir Next World;
		font-size: 2.4rem; font-weight: normal; line-height: 150%; color: #3D3D3D;
	}
	.con-text-min{
		font-family: Avenir Next World;
		font-size: 2rem; font-weight: normal; line-height: 150%; color: #3D3D3D;
	}
	.con-btn{
		min-width: 36.7rem; height: 6.6rem; border-radius: 80rem;
		display: flex; flex-direction: column; padding: 1.2rem 0.48rem; gap: 1rem;background: #1298F1;
		font-family: Avenir Next World;
		font-size: 2.8rem; font-weight: bold; line-height: 150%; text-align: center;
		font-variation-settings: "opsz" auto; color: #FFFFFF;
	}
	.con-btn2{
		min-width: 22.7rem; height: 4rem; border-radius: 6rem; padding: 0.9rem 2rem,; border:0px;
		display: flex; flex-direction: column; justify-content: center; align-items: center;
		background: #1298F1;
		font-family: Avenir Next World; font-size: 2.4rem; font-weight: bold; line-height: 120%;
		text-align: center; letter-spacing: 0px; color: #FFFFFF;
	}
	.con-bd-btn{
		min-width: 36.7rem; height: 6.6rem; border-radius:80rem; 
		display: flex; flex-direction: column; padding: 0.9rem 2rem;box-sizing: border-box; border: 1px solid #1398F1; 
		justify-content: center; align-items: center; 		
		font-family: Avenir Next World;
		font-size: 2.8rem; font-weight: bold; line-height: 120%;
		text-align: center;	 color: #1298F1;
	}
	.con-line{
		width: 100%; height: 1px; background-color: #e3e3e3; clear: both; padding: 0px !important;
	}
	.con-mr{margin-left: 4rem; margin-right:4rem;}
	.con-radius{ border-radius: 1.8rem; }
	.con-bg1{background-color: #F9FAFC;}
	.con-bg2{background-color: #fff;}
	.con-mr-lr{margin-left: 5rem; margin-right: 5rem;}
	.con-mr-b{ margin-bottom: 5rem;}
	.floor-con{
		width:75rem; margin: 0px auto; background-size: 100% 100%; background-repeat: no-repeat; position: relative;
	}
	.floor-con>img{ max-width: 100%; height: 100%;}
	.floor-con.li-floor{ width:75rem; height: 108rem; }
	.floor-con-min{
		width:75rem; margin: 0px auto; background-size: 100% 100%; background-repeat: no-repeat; position: relative;
	}
    .floor-con-min2{ width:70rem; margin: 0px auto;}
    
	.li-floor .li-floor-con{ position: absolute; left:5rem; right:5rem; top:64rem; }
	
	.li-floor2{ height: 70rem; }
	.li-floor2>img{ width:750rem; height: 70rem; }
	.li-floor2-con{ margin-left: 5rem; margin-right:5rem; padding-top: 12rem; text-align: left;}
	
	.li-floor3{
		width: 67rem; margin-left:4rem; margin-right:4rem; position: relative;
		height: 85rem; border-radius: 18rem; background: linear-gradient(108deg, #F7FAFB -10%, rgba(247, 250, 251, 0) 50%);
	}
	.li-floor3>img{ width:67rem; height: 85rem; }
	.li-floor3-con{ position: absolute; left:3.5rem; rigth:3.5rem; top:4.5rem; }
	.li-floor3-1{
		width: 67rem; height: 67rem; border-radius:1.8rem; position: relative; margin-left: 4rem; margin-right:4rem;
		margin-top:2.5rem;
	}
	.li-floor3-1-con{ position: absolute; left: 4rem; right:4rem; top:4rem;  word-wrap:break-word; }
	.li-floor3-1-con .win-text{
		font-size: 7rem; font-weight:bold;  font-family: Avenir Next World; color:#0099FF;
	}
	
	.li-floor4-1{ border-radius: 1.8rem;background: #FFFFFF;}
	.li-floor4-left{ width: 75rem;}
	.li-floor4-right{ width: 60rem; margin-left: 3.5rem; margin-right:3.5rem; padding-top:9rem; overflow: hidden; float:none;}
	.li-floor4-2-item{
		height: 14rem; border-radius: 1.8rem; background: #FFFFFF;
	}
	.li-floor4-2-item>img{max-width: 100%;}
	.li-floor5-con{ margin-top: 8rem;}
	.li-floor5-left-img{width:52rem;}
	.li-floor5-left-img img{ width:51rem; height:45rem; }
	.li-floor5-right-img img{ width:62rem; height:50rem; }
	
	.li-floor6{ margin-top: 2.5rem;}
	.li-floor6 img{ height: 53.5rem;}
	.li-floor6-con{ 
		position:static; width: 60rem; margin-left:3.5rem; margin-right:3.5rem; margin-top: 5rem; padding-bottom: 5rem;
	}
	
	.li-floor7{ margin-top: 2.5rem;}
	.li-floor7-con{ margin-top: 7rem;}
	.li-floor7-item-con{ width: 33.2rem; height: 38rem;}
	.li-floor7-item-con img{ max-width: 100%; max-height:38rem;}
	.table-con>div>div{
		padding:1.5rem 1rem;
	}
	.table-con>div:nth-child(2n)>div:nth-child(2){ background-color: #EEF1F6;}
    
    
    .p20-float-one{ height: auto; }
    .p20-float-one img{width: 100%; height:65.4rem;}
    .p20-float-one-con{ position: static; margin: 0px auto;}
    
    .p20-float-two{ height: 183.7rem; }
    .p20-float-two-con{ height: 63rem; width: 60rem; margin: 0px auto;}
    .p20-float-two-top-img{ width: 70rem; height: 62rem; border-radius: 2rem; overflow: hidden; margin:0px auto;}
    .p20-float-two-top-img img{width: 70rem; height: 62rem;}
    .p20-float-two-left-img{ width: 70rem; height:35rem; margin:0px auto; margin-top: 2rem;}
    .p20-float-two-right-img{ width: 70rem; height:18rem; border-radius: 2rem; overflow: hidden; margin:0px auto; margin-top: 2rem;}
    
    .p20-float-three{ height: 157rem; }
    .p20-float-three img{width: 100%; height:157rem;}
    .p20-float-three-img{margin-top: 65px;}
    .p20-float-three-img img{width: 54rem; height:15rem; margin: 0px auto;}
    .p20-float-three-con{ position: absolute; left:10rem; right:10rem; top: 10rem; width:55rem;}
    
    .p20-float-four{ height: 209.7rem; }
    .p20-float-three-con{ height: 295px;}
    .p20-float-four-top-left{ width: 70rem; height:36.8rem;border-radius: 2rem; overflow: hidden; margin:0px auto;}
    .p20-float-four-top-right{ width: 70rem; height:36.8rem;border-radius: 2rem; overflow: hidden; margin:0px auto;}
    .p20-float-four-top-left img,.p20-float-four-top-right img{ width: 100%; height:100%;}
    
    .p20-float-four-bottom-left{ width: 59rem; height:36.8rem;}
    .p20-float-four-bottom-right{ width: 59rem; height:36.8rem;}
    .p20-float-four-bottom-left img,.p20-float-four-bottom-right img{ width: 100%; height:100%;}
    .p20-float-four-bottom-con{ position: absolute; top:15rem; left:5rem;}
    
    
    .p20-float-five{ height: auto; }
    .p20-float-five-left{ width: 70rem; margin: 0 auto;}
    .p20-float-five-left-top{ width: 60rem; height:auto; margin: 0px auto;}
    .p20-float-five-left-bottom{ width: 70rem; height: 37.4rem;border-radius: 2rem; overflow: hidden; margin:0px auto;}
    .p20-float-five-right{ width: 70rem; height:75.8rem;border-radius: 2rem; overflow: hidden; margin:0px auto; margin-top: 2rem;}
    .p20-float-five-right img,.p20-float-five-left-bottom img{ width:100%; height: 100%;}
    
    .p10-float-one{ height:108rem; position: relative;}
    .p10-float-one img{width: 100%; height:108rem;}
    .p10-float-one-con{ position: absolute; left:2rem; right:2rem; top: 65rem; width:71rem;}
    
    .p10-float-two{ height:auto; }
    .p10-float-two-con{ height: auto; width: 60rem; margin: 0px auto;}
    .p10-float-two-img{ margin:0px auto; margin-top: 2rem; border-radius:2rem; overflow: hidden; width: 67rem; height: 60rem;}
    .p10-float-two-img img{ width: 100%; height:100%;}
    
    
    .p10-float-three{ height:auto; }
    .p10-float-three-con{ width:60rem; margin: 0px auto;}
    .p10-float-three-left{ width:67rem; height: 70rem; margin: 0px auto; margin-top: 2rem; border-radius: 2rem; overflow: hidden; background-color: #F9FAFC;}
    .p10-float-three-left img{ width:67rem; height: 70rem;}
    .p10-float-three-right{ width:67rem; height: 30rem; background-color: #F9FAFC; border-radius: 20px; overflow: hidden;
     margin: 0px auto; margin-top: 2rem;}
    
    
    .p10-float-four{ height:auto; background-color: #F9FAFC;}
    .p10-float-four-con{ width: 60rem; margin: 0px auto;}
    .p10-float-four-left{ width:67rem; height: 60rem; border-radius: 20px; overflow: hidden; background-color: #fff;
     margin:0px auto; margin-top: 2rem;}
    .p10-float-four-left img{ width:67rem; height: 60rem;}
    .p10-float-four-right{ width:67rem; height: 60rem; background-color: #fff; border-radius: 20px; overflow: hidden;
     margin:0px auto; margin-top: 2rem;}
    .p10-float-four-right img{ width:67rem; height: 60rem;}
    
    .p10-float-four-bottom-left,.p10-float-four-bottom-right{ width:67rem; height: 60rem; border-radius: 20px; border-bottom: 0px; background-color: #fff; margin:0px auto; margin-top: 2rem;}
    .p10-float-four-bottom-left img,.p10-float-four-bottom-right img{
         width:67rem; height: 60rem;
    }
	
	
	.kit-float-one{ height:75rem; position: relative;}
	.kit-float-one-con{ position: absolute; top:0px; left:0px; width:100%; height:100%}
	.kit-float-one-con>img{ width:52rem; height:6.4rem;}
	
	.kit-float-two{ border-bottom: 1px solid #eaedf0; padding-top: 8rem; padding-bottom:8rem;}
	.kit-float-two-item-box{clear: both;}
	.kit-float-two-item-box>div{ margin-top: 2rem !important;}
	.kit-float-two-item{ width:100%;}
	.kit-float-two-item-img{height: 18rem; width:100%; position:relative;}
	.kit-float-two-item-img>img{height: 18rem; width:100%;}
	.kit-float-two-item .hover-text{display: none;}
	.kit-float-two-item .kit-float-two-item-hover{ display: none; position:absolute; width: 100%; height:100%; top:0px; left:0px; background-color: rgba(0,0,0,0.4);}
	.kit-float-two-item-hover>img{ position: absolute; width:5rem; height:5rem; top:6rem; left: 13.5rem;}
	.kit-float-two-item:hover .hover-text{display: block;}
	.kit-float-two-item:hover .kit-float-two-item-hover{ display: block;}
	.kit-float-two-item .kit-float-two-item-play{position:absolute; width: 100%; height:100%; top:0px; left:0px; background-color: rgba(0,0,0,0.4);}
	.kit-float-two-item-play>img{ position: absolute; width:5rem; height:5rem; top:6rem; left: 13.5rem;}
	
	
	.kit-float-six{ padding-top:60px; padding-bottom: 130px;}
	.kit-float-six-item{
		height: 48.5rem; background: #FFFFFF; box-shadow: 0px 10px 30px 0px rgba(61, 61, 61, 0.1);
	}
	.kit-float-six-item-content{ margin: 5rem 6rem; }
	
	.kit-float-secven{ height: 151rem;}
	.kit-float-secven>img{ height: 100%; width:100%;}
	.kit-float-secven-left-con{position: absolute; width:65rem; top:10rem; left:5rem;}
	.kit-float-secven-right-con{
		position: absolute; box-sizing: border-box; height: 106rem;
		width:65rem; top:30rem; left:5rem; padding: 6rem; border-radius: 18px; background: #FFFFFF;
	}
	.kit-float-secven-right-con .input-class{border-radius: 0.6rem; box-sizing: border-box; border: 0.5px solid #A5A5A5;
		width: 100%; height:6rem; line-height: 6rem; padding-left:2rem;
	}
	.kit-float-secven-right-con .select-class{border-radius: 0.6rem; box-sizing: border-box; border: 0.5px solid #A5A5A5;
		width: 3rem; height:3rem; line-height: 3rem; padding-left:2rem;
	}
	
	.kit-float-eight-item{ margin-top: 6rem; }
	.kit-float-eight-item p{color:#5D5D5D; font-size: 2rem; line-height: 3.5rem;}
	
	.li-tab{ flex: 0 0 auto; margin-left:5rem;}
    
}