@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%; }
body { min-width: 1200px; overflow-x: hidden; }
@media (max-width: 750px) { 
	body{
		min-width: 75rem;
	}
} 
html, body, ul, li, div, view, text,a,h1,h2,h3,h4 {
  margin: 0px;
  padding: 0px; 
  font-family: Avenir Next World;
}
.enpty-line{height: 1px; clear:both;}
.enpty-line-bg{height: 1px; clear:both; background-color: #eaedf0;}
.enpty-line-bg2{height: 1px; clear:both; background-color: #3D3D3D;}
.con-title-big{font-family: Avenir Next World; margin: 0px; font-size: 72px; font-weight: bold; line-height: 120%;}
.title-60{
	font-family: Avenir Next World; margin: 0px; font-size: 60px; font-weight: bold; line-height: 120%;
}
.con-title-max,.title-56{
	font-family: Avenir Next World; margin: 0px; font-size: 56px; font-weight: bold; line-height: 120%;
}
.con-title-max2,.title-52{
	font-family: Avenir Next World; margin: 0px; font-size: 52px; font-weight: bold; line-height: 120%;
}
.con-title-max1,.title-48{
	font-family: Avenir Next World; margin: 0px; font-size: 48px; font-weight: bold; line-height: 120%;
}
.con-title,.title-46{
	font-family: Avenir Next World; margin: 0px; font-size: 46px; font-weight: bold; line-height: 120%;
}
.con-title-m,.title-40{
	font-family: Avenir Next World; margin: 0px; font-size: 40px; font-weight: bold; line-height: 120%;
}
.con-title-m2,.title-36{
	font-family: Avenir Next World; margin: 0px; font-size: 36px; font-weight: bold; line-height: 120%;
}
.con-title-30,.title-30{
	font-family: Avenir Next World; margin: 0px; font-size: 30px; font-weight: bold; line-height: 120%;
}
.title-33{
	font-family: Avenir Next World; margin: 0px; font-size: 33px; font-weight: bold; line-height: 120%;
}
.con-title-min,.title-30{
	font-family: Avenir Next World; margin: 0px; font-size: 30px; font-weight: bold; line-height: 120%;
}
.con-title-min3,.title-28{
	font-family: Avenir Next World; margin: 0px; font-size: 28px; font-weight: bold; line-height: 120%;
}
.con-title-min2,.title-24{
	font-family: Avenir Next World; margin: 0px; font-size: 24px; font-weight: bold; line-height: 120%;
}
.con-title-min4,.title-22{
	font-family: Avenir Next World; margin: 0px; font-size: 22px; font-weight: bold; line-height: 120%;
}
.con-title-min5,.title-20{
	font-family: Avenir Next World; margin: 0px; font-size: 20px; font-weight: bold; line-height: 120%;
}
.title-18{
	font-family: Avenir Next World; margin: 0px; font-size: 18px; font-weight: bold; line-height: 120%;
}
.title-16{
	font-family: Avenir Next World; margin: 0px; font-size: 16px; font-weight: bold; line-height: 120%;
}
.title-14{
	font-family: Avenir Next World; margin: 0px; font-size: 14px; font-weight: bold; line-height: 120%;
}
.con-text-max,.text-38{
	font-family: Avenir Next World;
	font-size: 38px; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
}
.con-text-max-min,.text-36{
	font-family: Avenir Next World;
	font-size: 36px; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
}
.con-text-max-min2,.text-32{
	font-family: Avenir Next World;
	font-size: 32px; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
}
.con-text-max-min3,.text-30{
	font-family: Avenir Next World;
	font-size: 30px; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
}
.con-text,.text-28{
	font-family: Avenir Next World;
	font-size: 28px; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
}
.text-24{
	font-family: Avenir Next World;
	font-size: 24px; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
}
.con-text-m,.text-20{
	font-family: Avenir Next World;
	font-size: 20px; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
}
.con-text-m2,.text-18{
	font-family: Avenir Next World;
	font-size: 18px; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
}
.con-text-min,.text-16{
	font-family: Avenir Next World;
	font-size: 16px; line-height: 150%; font-variation-settings: "opsz" auto; color: #3D3D3D;
}
.con-text-min2,.text-14{
	font-family: Avenir Next World; font-weight: normal;
	font-size: 14px; line-height: 150%; font-variation-settings: "opsz" auto; color: #3D3D3D;
}
.con-text-min3,.text-13{
	font-family: Avenir Next World;
	font-size: 13px; 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;
	box-sizing: border-box; padding-left: 20px; padding-right:20px;
	font-family: Avenir Next World;
	font-size: 18px; font-weight: normal; line-height: 52px; text-align: center;
	font-variation-settings: "opsz" auto; color: #FFFFFF;  display: inline-block;
}
.btn-txt{
	min-width: 225px; height: 50px; border-radius: 106.01px; background: #1298F1; border:0px;
	box-sizing: border-box; padding-left: 20px; padding-right:20px;
	font-family: Avenir Next World;
	font-size: 18px; font-weight: normal; line-height: 52px; text-align: center;
	font-variation-settings: "opsz" auto; color: #FFFFFF;  display: inline-block;
}
.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-btn:hover,.con-btn2:hover,.con-bd-btn:hover{
	background-color:#002f75; color:#fff;
}
.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; overflow: hidden;}
.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-bg4{background-color: #141414;}
.con-bg5{background-color: #000000;}
.con-bg6{background-color: #1C1C1C;}
.con-bg7{background-color: #0F0F0F;}
.con-bg8{background-color: #131313;}
.con-bg9{background-color: #F5F5F5;}
.con-bg10{background-color: #060908;}
.con-bg11{background-color: #191919;}
.con-bg12{background-color: #F5F7FA;}
.con-bg13{background-color: #E5E7EB;}

.con-mr-lr,.con-mr-lr50{margin-left: 50px; margin-right: 50px;}
.con-mr-b{ margin-bottom: 50px;}
.li-align-center { text-align: center !important; }
.li-text-strong, .li-text-bold {
  font-weight: bold; }
.li-align-left { text-align: left; }
.li-align-right { text-align: right; }
.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-l{margin-left:8px;}
.li-mr-l-min2 { margin-left: 5px !important; }
.li-mr-l32 { margin-left: 32px !important; }
.li-mr-l30 { margin-left: 30px !important; }
.li-mr-tb-min2 { margin-top: 5px !important; margin-bottom: 5px !important; }
.li-mr-tb-min { margin-top: 10px !important; margin-bottom: 10px !important; }
.li-mr-tb { margin-top: 15px !important; margin-bottom: 15px !important; }
.li-mr-tb-max { margin-top: 20px !important; margin-bottom: 20px !important; }
.li-mr-tb-max2 { margin-top: 25px !important; margin-bottom: 25px !important; }
.li-pd-max { padding: 20px !important; }
.li-pd-lr-min{padding-left:10px; padding-right: 10px;}
.li-bg-white { background-color: #ffffff !important; color: #333333; }
.cor-h{color:#000 !important;}
.cor-w{color:#fff !important;}
.cor-w2{color:#F6F8FB !important;}
.cor-b{color:#0099FF !important;}
.cor-g{color:#34A653 !important;}
.cor-g2{color:#00bd75 !important;}
.cor-o{color:#EE6300 !important;}
.cor-b-f{color:#949AA1 !important;}
.cor-b-low{color:#CBE4FF !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; }
.li-float-lb-60{ position: absolute; bottom:60px; left:60px;}
.li-float-con { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; }

.li-green-tag{
	height: 30px; padding: 0px 12px; line-height: 30px; box-sizing: border-box;border-radius: 0px 0px 10px 10px;
	background: #00BD75; font-family: Avenir Next World; font-size: 14px; color: #FFFFFF;
	position: absolute; left: 36px; top:0px; z-index:999;
}
.li-blue-tag{
	height: 30px; padding: 0px 12px; line-height: 30px; box-sizing: border-box;border-radius: 0px 0px 10px 10px;
	background: #007EF3; font-family: Avenir Next World; font-size: 14px; color: #FFFFFF;
	position: absolute; left: 36px; top:0px; z-index:999;
}
.li-orange-tag{
	height: 30px; padding: 0px 12px; line-height: 30px; box-sizing: border-box;border-radius: 0px 0px 10px 10px;
	background: #EE6300; font-family: Avenir Next World; font-size: 14px; color: #FFFFFF;
	position: absolute; left: 36px; top:0px; z-index:999;
}

.product-float-item .li-green-tag,.product-float-item .li-blue-tag,.product-float-item  .li-orange-tag
{left: 20px;}

[class^=tr] { display: flex; flex-wrap: wrap; box-sizing: border-box;  }
.tr-between { display: flex; justify-content: space-between; box-sizing: border-box !important; }
.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-right-start { justify-content: flex-end; }
.tr-right-start-center { justify-content: flex-end; align-items: center; }

.tr-center-start { justify-content: center; }
.tr-left-fixed { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.tr-left-fixed > div:first-child, .tr-left-fixed > 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 > div:last-child, .tr-left-fixed > view:last-child {
    -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; word-wrap: break-word; 
}
.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-right-fixed { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.tr-right-fixed > div:first-child, .tr-right-fixed > view:first-child {
    -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; word-wrap: break-word; 
}
.tr-right-fixed > div:last-child, .tr-right-fixed > view:last-child {
    -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; 
}
.tr-right-fixed-center { flex-wrap: nowrap; align-items: center; }
.tr-right-fixed-center > div:first-child, .tr-right-fixed-center > view:first-child { flex-grow: 1; }
.tr-right-fixed-center > div:last-child, .tr-right-fixed-center > view:last-child { flex-grow: 0; flex-shrink: 0; }


.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; }

.mr-t0{ margin-top: 0px !important;}
.mr-t70{ margin-top: 70px !important;}
.mr-t60{ margin-top: 60px;}
.mr-t57{ margin-top: 57px;}
.mr-t50{ margin-top: 50px;}
.mr-t48{ margin-top: 48px !important;}
.mr-t42{ margin-top: 42px !important;}
.mr-t36{ margin-top: 36px;}
.mr-t35{ margin-top: 35px;}
.mr-t30{ margin-top: 30px;}
.mr-t28{ margin-top: 28px;}
.mr-t25{ margin-top: 25px;}
.mr-t24{ margin-top: 24px;}
.mr-t20{ margin-top: 20px;}
.mr-t22{ margin-top: 22px;}
.mr-t16{ margin-top: 16px;}
.mr-t14{ margin-top: 14px;}
.mr-t12{ margin-top: 12px;}
.mr-t10{ margin-top: 10px;}
.mr-t8{ margin-top: 8px;}
.mr-t5{ margin-top: 5px;}

.mr-l0{ margin-left: 0px !important;}
.mr-l10{ margin-left: 10px !important;}
.mr-l16{ margin-left: 16px;}
.mr-l20{ margin-left: 20px;}
.mr-l30{ margin-left: 30px;}
.mr-l50{ margin-left: 50px;}
.mr-l76{ margin-left: 76px;}

/* 菜单开始 */
.pc-black-menu,.pc-white-menu{ position: absolute; top:0px; left:0px; right:0px; z-index: 1000; /* 确保层级 */}
.pc-white-menu .pc-menu-item .pc-menu-item-con{color:#fff;}

.pc-menu-main{ position: absolute; top:0px; left:0px; right:0px; z-index: 1100; /* 确保层级 */ display: none;}
.pc-menu-main .li-mark{ z-index: 3; position: fixed; top:0px; bottom:0px; right:0px; left:0px; z-index:2; background: rgba(0, 0, 0, 0.5);}
.pc-menu-box{width: 100%; height: 60px; position: relative; box-sizing: border-box; z-index: 9999;}
.pc-menu-main .pc-menu-box{background-color: #fff;}

.pc-menu-main:hover .pc-menu-box:hover{background-color: #FFFFFF !important;  box-sizing: border-box;}
.pc-logo{ height:60px; margin-right: 14px;}
.pc-logo img{width:100px; height:40px;}
.pc-menu{width: 1200px; margin: 0px auto;  height: 60px;}
.pc-menu a{ text-decoration: none;}
.pc-menu-item{ margin-left: 10px;font-size: 14px; font-weight: normal; line-height: 60px; color:#1D1D1D;
    text-decoration: none; box-sizing: border-box; border-bottom: 4px solid rgba(0, 0, 0, 0);
}
.pc-menu-item:hover,.pc-menu-item.active{ color:#0099FF !important;font-size: 14px; /* font-weight: bold; */ line-height: 60px; text-decoration: none; box-sizing: border-box;
}
.pc-menu-item-con{ line-height: 60px; position:relative; padding: 0px 10px;font-size: 14px; font-weight: normal; line-height: 60px; color:#1D1D1D; text-decoration: none; box-sizing: border-box;}
.pc-menu-item:hover .pc-menu-item-con:before,
.pc-menu-item.active .pc-menu-item-con:before{
    content: ''; height: 4px; background: #0099FF; position: absolute; left:0px; right:0px; bottom:0px;
}

/* .pc-menu-item:before{content:''; position: absolute; bottom: -4px; left:0px; right:0px; height: 4px; background-color: #0099FF; z-index: 99;} */

/* 文字二级菜单 */
.pc-menu-item .text-second-menu{display: none;}
.pc-menu-item:hover .text-second-menu{ display:block; position:absolute; left:0px; right:0px; top:60px; background-color: #fff;
	box-sizing: border-box; border-top:1px solid #cecece;
}
.text-second-menu-main{ width: 1200px; margin: 0px auto;}
.text-ment-item{height: 80px; margin-left:50px; line-height: 80px; font-family: Avenir Next World; font-size: 14px; font-weight: normal;  color: #8A8A8A;}
.text-ment-item a{color:#8A8A8A; line-height: 80px; display: block;}
.text-ment-item:nth-child(1){margin-left: 0px;}
.text-ment-item:hover a{ color:#1298F1; font-weight: bold; }

/* 产品二级菜单 */
.pc-menu-item .pr-second-menu{display: none;}
.pc-menu-item:hover .pr-second-menu{ display:block; position:absolute; left:0px; right:0px; top:60px; background-color: #fff;
    padding-top:20px; padding-bottom:20px; box-sizing: border-box; border-top:1px solid #cecece;
}
.pr-second-menu-main{ width: 1200px; margin: 0px auto;}

.pr-second-menu-left{ width: 181px; margin-top: 10px;}
.pr-second-menu-right{ margin-left: 10px; display: none; animation: fadeIn 0.5s ease; width: calc(100% - 190px)}
.pr-second-menu-right.active { display: block; }
.pr-thire-menu-item{width: 181px; height: 35px;text-align: center; position: relative; z-index: 99; 
display: block; line-height: 35px; font-family: Avenir Next World; font-size: 14px; color: #1D1D1D; font-weight: 100;}
.pr-thire-menu-item:hover,.pr-thire-menu-item.active{ background: #F7F8FA; font-family: Avenir Next World; font-size: 14px; font-weight: bold; color: #0099FF; }

.pr-thire-menu-more{
    width: 181px; height: 35px; text-align: center; line-height: 35px; background: #0099FF;
    font-family: Avenir Next World; font-size: 14px; font-weight: bold; color: #FFFFFF; margin-top: 100px;
}
.pr-thire-menu-more:hover,.pr-thire-menu-more.active{
	background: #0066FF;
}
.pr-thire-menu-more a{ color: #FFFFFF;}
.pr-thire-content-more{color: #1D1D1D;}
.pr-thire-content-more-img{ width: 10px; height: 10px; background-image: url(../images/icon-next1.png); background-size: 100% 100%;}
.pr-thire-content-more:hover .pr-thire-content-more-img{
	background-image: url(../images/icon-next1-hover.png);
}
.pr-thire-content-more:hover{color: #0066FF;}
.pr-thire-content{}
.pr-thire-content-item{
    width: 326px; height: 132px; border-radius: 10px; background: #F7F8FA; margin-top: 10px !important; margin-left: 9px;
    font-weight: 100; color:#1D1D1D;
}
.pr-thire-menu-img{position: relative; width: 130px;height: 130px; overflow: hidden; transition: all 0.3s;}
.pr-thire-menu-img img{position:absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s;}
.pr-thire-menu-img .nor{z-index: 111; opacity: 1; }
.pr-thire-menu-img .hov{z-index: 11; opacity: 0;}
.pr-thire-content-item:hover .pr-thire-menu-img .nor{z-index: 11;opacity: 0;}
.pr-thire-content-item:hover .pr-thire-menu-img .hov{z-index: 111;opacity: 1;transform: scale(1.05);}  

/* 图标菜单 */
.pc-menu-item .icon-second-menu{display: none;}
.pc-menu-item:hover .icon-second-menu{ display:block; position:absolute; left:0px; right:0px; top:60px; background-color: #fff;
    padding-top:38px; padding-bottom:38px; box-sizing: border-box; border-top:1px solid #cecece;
}
.icon-second-menu-main{ width: 1200px; margin: 0px auto;}
.icon-second-menu-item{ padding:24px; margin-left: 24px; line-height: 25px; color:#6B6B6B; font-weight: 100;
	background: #F4F4F4; border-radius: 10px;
}
.icon-second-menu-item-text{
	color:#4A4A4A; line-height: 150%;
}
.icon-second-menu-main .icon-second-menu-item:nth-child(1){ margin-left: 0px;}
.icon-menu-img-item{ margin-left: 60px;}
.icon-second-menu-item .icon-menu-img-item:nth-child(1){margin-left: 0px;}
.icon-menu-img{width: 68px; height: 68px; border-radius: 10px;	background-color: #FFFFFF; margin: 0px auto;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); overflow: hidden;
}
.icon-menu-img img{ max-width: 68px; max-height: 68px;  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.icon-menu-img-item:hover .icon-menu-img{ transform: scale(1.1);}

.pc-menu-btn{ width: 107px; height: 30px; border-radius: 104px;
    display: flex; flex-direction: column; padding: 4.5px 12px; background: #0099FF;
    font-family: Avenir Next World; font-size: 14px; font-weight: bold; line-height: 30px;
    text-align: center; letter-spacing: 0px; font-variation-settings: "opsz" auto; color: #FFFFFF;
    margin-left: 20px;
}

.main-banner{ height: 1000px; background-position: center; background-repeat: no-repeat; position: relative;}
.main-banner .swiper-pagination-bullet{ width: 66px; height:4px; border-radius: 5px;}
.main-banner .swiper-slide{background-position: center; background-repeat: no-repeat; background-size: 2560px 1000px;}
.main-banner .swiper-pagination-bullet{ background: #fff;}
.main-banner .swiper-pagination-bullet-active{ background: #0099FF;}
.banner-right{ position: absolute; right:0px; top: 180px;}
.banner-right div{ text-align: right;}

.main-float-two{background-repeat: no-repeat; background-position: center; background-color: #E5E7EB;}
.main-float-two-item{
	width: 426px; height: 480px !important; border-radius: 18px;
	box-sizing: border-box; padding:30px 0px 0px 0px;
	background: rgba(255, 255, 255, 0.5); border: 1px solid #FFFFFF;
}
.main-float-two-item:hover{ background: #FFFFFF;  }
.main-float-two-img{ width: 250px; height: 250px; margin: 0px auto;}
.main-float-two-text{ margin-left: 36px; margin-right: 36px; margin-top: 42px;}
.main-float-two-tag{ font-family: Avenir Next World; font-size: 16px; color: #949AA1;}
.main-float-two-swiper{ width: 1200px; height: 454px;  margin: 0px auto;}
.main-float-two-swiper .swiper-button-prev,
.main-float-two-swiper .swiper-button-next{position: absolute; top:930px; color:#fff; width: 36px !important; height:36px !important; font-size: 30px;
	background-color: #3D3D3D; border-radius: 50px;
}
.main-float-two-swiper .swiper-button-prev::after,.main-float-two-swiper .swiper-button-next::after{ font-size: 18px !important; font-weight: bold;}
.main-float-two-swiper .swiper-button-prev{left:1100px;}
.main-float-two-swiper .swiper-slide{ width:384px !important;}

.main-float-three-bg{background-color: #F5F5F7;}
.main-float-three-con{ margin-top: 60px;}
.main-float-three-item{ width: 588px; height: 690px; border-radius: 18px; background: #FFFFFF; overflow: hidden;}
.main-float-three-item-img{width: 582px;height: 350px; overflow: hidden;}
.main-float-three-item-img img{ width: 582px;height: 350px; transition: all 0.3s;}
.main-float-three-item:hover .main-float-three-item-img img{transform: scale(1.05);}
.main-float-three-item-text{ margin-top: 50px;}
.main-float-three-bottom{margin-top: 180px;}
.main-float-three-bottom-img{width: 843px; height: 585px;}
.main-float-three-bottom-text{ width: 435px;}

.main-float-four{ height:800px; position: relative;}
.main-four-gallery-top{ height:100%; position: relative;}
.main-four-gallery-top .swiper-slide{ background-repeat: no-repeat; background-position: center; position: relative; overflow: hidden;}
.main-four-gallery-thumbs{ height: 150px; position: absolute; bottom:53px; width:1200px; left:50%; margin-left: -600px; overflow: hidden;}
.main-four-gallery-thumbs .swiper-slide{position:relative; border-radius: 4px; box-sizing: border-box; border: 4px solid #303030;}
.main-four-gallery-thumbs .swiper-slide:hover{cursor:pointer;}
.main-four-gallery-thumbs .swiper-slide.swiper-slide-thumb-active:before{display: none !important;}
.main-four-gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border: 4px solid #fff;}
.main-four-gallery-thumbs .swiper-slide:before{ content:""; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index: 999; background-color: rgba(0,0,0,0.7);}
.tvc-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.tvc-screen:after{content: ""; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.6); z-index: 1;}
.tvc-video { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); }
.video-cover { 
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background-size: cover; background-position: center; z-index: 1; transition: opacity 0.3s ease; 
}
.video-cover.hidden { opacity: 0; pointer-events: none; }


.main-float-five-con{ margin-top: 20px; width:100%; }
.marquee-wrapper { width: 100%; overflow: hidden; position: relative; padding: 20px 0; }
.marquee-track { display: flex; width: fit-content; animation: scroll 100s linear infinite; }
.marquee-item { width: 240px; height: 120px; flex-shrink: 0; margin: 0; overflow: hidden; transition: transform 0.1s ease; }
.marquee-item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.1s ease; }
.marquee-item:hover img { transform: scale(1.1); }
@keyframes scroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

.main-float-six-bg{background: #F6F8FB;}
.main-float-six-con{ margin-top: 36px;}
.main-float-six-text{padding:24px 0px; box-sizing: border-box; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #EAEDF0;}
.main-float-six-text-left{ width:100px;font-family: Avenir Next World; font-size: 14px; color: #5D5D5D;}
.main-float-six-text-right{ font-family: Avenir Next World;font-size: 20px; color: #3D3D3D;}
.main-float-six-text:hover .main-float-six-text-left,
.main-float-six-text:hover .main-float-six-text-right{color:#0066FF;}
.main-float-six-con .main-float-six-text:last-child{border-color:rgba(0,0,0,0);}
.main-float-six-bottom{ margin-top: 60px;}
.main-float-six-item{ width: 384px;height: 322px; border-radius: 18px; overflow: hidden; position: relative;background: #FFFFFF;}
/* .main-float-six-item-img{width: 384px;height: 220px; overflow: hidden;}
.main-float-six-item-img img {width: 384px;height: 220px; display: block; transition: all 0.3s; } */
.main-float-six-item-img{width: 384px;height: 220px; overflow: hidden;}
.main-float-six-item-img img {width: 384px;height: 220px; display: block; transition: all 0.3s; }
.main-float-six-item:hover img{transform: scale(1.05);}
.main-float-six-bottom a{ text-decoration: none;}
.main-float-six-item-text{
	width: 384px; height: 54px; padding:0px 24px; margin-top: 24px; box-sizing: border-box; text-decoration: none;
	font-family: Avenir Next World; font-size: 18px; color: #3D3D3D; text-overflow: -o-ellipsis-lastline;
	overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	line-height: 25px;
}
.main-float-six-item:hover .main-float-six-item-text{color:#1298F1;}

.main-float-seven{height:800px; background-repeat: no-repeat; background-position: center; background-color: #1d1d1d;}
.main-float-seven-line{width: 118.3px; height: 1px; background-color: #D8D8D8; margin-top: 34px;}
.main-float-seven-right{width:260px;}
.main-float-seven-tag{font-family: Avenir Next World;font-size: 35.95px;font-weight: bold;color: #27E097;
	position: absolute; left:100%; top:0px;
}

.left-in-animate{opacity: 0; transform: translateX(-150px); transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.1);}
.left-in-animate.show{opacity: 1; transform: translateX(0);}

.main-footer{
	background-color: #000; background-position: center; background-repeat: no-repeat;
	height: 599px; background-image: url(../images/footer-bg.png);
}
.main-footer img{ display: block;}
.main-footer a{text-decoration: none;}
.main-footer-left{width: 780px;}
.main-footer-right{ width:310px; }
.main-footer-btn{
	text-decoration: none;
	width: 187px; height: 40px; display: flex; flex-direction: column; justify-content: center; align-items: center;
	line-height: 40px; font-family: Avenir Next World;font-size: 20px; font-weight: bold; color: #F6F8FB;
	border-radius: 60px; background: #1298F1;
}	
.main-footer-text{
	text-decoration: none; font-family: Avenir Next World; font-size: 14px; font-weight: normal; color: rgba(255, 255, 255, 0.6); margin-top: 8px;
}
.main-footer-bottom{
	margin-top: 160px; border-top: 1px solid rgba(216, 216, 216, 0.6); padding-top:14px;
	font-family: Avenir Next World; font-size: 12px; color: rgba(255, 255, 255, 0.6);
}
.main-footer-bottom a{font-size: 12px; color: rgba(255, 255, 255, 0.6); text-decoration: none;}


.li-banner{
	background-position: center; background-repeat: no-repeat; background-size: 2560px 900px;
	width: 100%; height: 900px; min-width: 1200px;
}
.floor-main-box{ width: 1200px; position:relative; height: 100%; margin: 0px auto;}
.floor-box{}
.floor-con{
	min-width: 1200px; width: 100%; margin: 0px auto; background-size: 100% 100%; background-repeat: no-repeat; position: relative;
}
.floor-con-min{
	width: 1200px; 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-min3{
	width: 1050px; margin: 0px auto; background-size: 100% 100%; background-repeat: no-repeat; position: relative;
}
.floor-con-min4{
	width: 1000px; 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:0px; top:270px; }

.content-center{
	position: absolute; width: 1000px; left:50%; top:35%; margin-left: -500px;
	text-align: center; 
}
/* 其他尺寸 */
/* @media (max-width: 1620px) { .li-floor .li-floor-con{ position: absolute; right:120px; top:270px; } }
@media (max-width: 1420px) { .li-floor .li-floor-con{ position: absolute; right:80px; top:270px; } } */

.li-floor2{ width: 100%; height:860px; margin-top: 70px; background-position: center; background-repeat: no-repeat;}
.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:1200px; height: 550px; }
.li-floor3-con{ position: absolute; left:50px; top:300px; }
.li-floor3-1{ width: 590px; 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: 650px; float: left;}
.li-floor4-right{ width: 500px; 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; */
}
.con-bg4 .li-floor8-con-item:hover{
	/* background-color: #363535; */
	background-color: #1A1A1A;
}


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

.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-box{ background: linear-gradient(124deg, #000000 15%, #05244A 48%, #2566D6 91%);}
.p20-float-three{ height: 900px; max-width: 1920px; min-width: 1400px; background-size: inherit; background-position: center; background-repeat: no-repeat;}
.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:30px; top: 200px; width:470px;}
.p20-float-three-con{ height: 295px;}

/* 其他尺寸 */
/* @media (max-width: 1720px) { .p20-float-three-con{ left:285px; } }
@media (max-width: 1620px) { .p20-float-three-con{ left:185px; } }
@media (max-width: 1420px) { .p20-float-three-con{ left:55px; } } */


.p20-float-four{ height: 1147px; }
.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: 470px;}
.p20-float-five-left-top{ width: 100%; height:465px;}
.p20-float-five-left-bottom{ width: 100%; height:250px;}
.p20-float-five-right{ width: 710px; height:720px;}
.p20-float-five-right img{ width:100%; height: 100%;}

.p20-item-bg{ background-color: #1A1A1A; color:#fff;}
.p20-item-bg div{color:#fff;}
.tr-col3-max>div .p20-item-bg,.tr-col2-max>div .p20-item-bg{
	border-radius: 18px; background-color: #0F0F0F !important;
}
.tr-col3-max>div:hover .p20-item-bg{/* ,.tr-col4-max>div:hover .p20-item-bg */
	border-radius: 18px; background-color: #2B2B2B !important;
}

.p10-float-one{ height:860px; position: relative;}
.p10-float-one img{width: 100%; height:860px;}
.p10-float-one-con{ position: absolute; right:30px; top: 180px; width:750px;}
/* 其他尺寸 */
/* @media (max-width: 1880px) { .p10-float-one-con{ right:200px; } }
@media (max-width: 1720px) { .p10-float-one-con{ right:300px; } }
@media (max-width: 1620px) { .p10-float-one-con{ left:700px; } }
@media (max-width: 1420px) { .p10-float-one-con{ left:500px; } } */


.p10-float-two{ height:1110px; }
.p10-float-two-con{ height: 430px;}
.p10-float-two-img{ width: 1200px; height: 600px; border-radius: 20px; margin: 0px auto;}
.p10-float-two-img img{ width: 1200px; height: 600px; }
.p10-float-two-img .swiper-pagination-bullet { width:25px; height:25px; color:#fff; line-height: 25px;}
.p10-float-two-img .swiper-button-prev,.p10-float-two-img .swiper-button-next{position: absolute; top:650px; color:#5D5D5D; width: 36px !important; height:36px !important; font-size: 30px;
	background-color: #EAEDF0; border-radius: 50px;
}
.p10-float-two-img .swiper-button-prev::after,.p10-float-two-img .swiper-button-next::after{ font-size: 18px !important; font-weight: bold;}
.p10-float-two-img .swiper-button-prev{left:1100px;}

.p10-float-three{ height:1020px; }
.p10-float-three-con{}
.p10-float-three-left{ width:827px; height: 550px; border-radius: 20px; overflow: hidden; background-color: #F9FAFC;}
.p10-float-three-left img{ width: 925px; height:550px;}
.p10-float-three-right{ width:351px; height: 550px; background-color: #F9FAFC; border-radius: 20px; overflow: hidden;}


.p10-float-four{ height:1488px;}
.p10-float-four-left{ width:825px; height: 500px; border-radius: 20px; overflow: hidden; background-color: #fff;}
.p10-float-four-left img{ width: 825px; height:500px;}
.p10-float-four-right{ width:350px; height: 500px; background-color: #fff; border-radius: 20px; overflow: hidden;}
.p10-float-four-right img{ height: 350px; height:500px;}
.p10-float-four-bottom-left,.p10-float-four-bottom-right{width: 588px; height: 386px; border-radius: 20px; border-bottom: 0px; background-color: #fff;}
.p10-float-four-bottom-left img,.p10-float-four-bottom-right img{
    width: 588px; height: 386px;
}

.p30-float-one-bg{ background: linear-gradient(328deg, #000000 33%, rgba(0, 0, 0, 0) 55%); }

.p30-float-two-bg{ background: #1C1C1C; }
.p30-float-two-top{ margin-top: 50px; width: 1200px; height:567px;}
.p30-float-two-top img{ width: 100%; height:100%;}
.p30-float-two-bottom{ margin-top: 15px; }
.p30-float-two-left-img{ width: 823px; height:350px;}
.p30-float-two-right-img{ width: 363px; height:350px;}
.p30-float-two-left-img img,.p20-float-two-right-img img{width:100%; height:100%;}

.p30-float-three-bg{ background: linear-gradient(36deg, #000000 17%, #212439 110%);}
.p30-float-three-bg-img{ background-position:center; height: 900px; background-repeat: no-repeat;}
.p30-float-three-con-list{ list-style-type: none; }
.p30-float-three-con-list-item { margin-left: 20px; font-family: Avenir Next World; font-size: 16px; font-weight: normal; line-height:200%; letter-spacing: normal; color: #949AA1; }
.p30-float-three-con-list-item::before { content: "•"; color: #666; font-weight: bold; display: inline-block; width: 1em; color:#1298F1; margin-left: -20px;}

.p30-float-four{}
.p30-float-four-con{ position: absolute; left:360px; top: 304px;}
.p30-float-four-left{ width:521px;}
.p30-float-four-left-top{ width: 100%; height:322px;}
.p30-float-four-left-bottom{ width: 100%; height:380px; background-color: #323232;}
.p30-float-four-right{ width: 655px; height: 702px;}
.p30-float-four-right img{ width:100%; height: 100%;}

.p30-float-five-bg{ background: linear-gradient(37deg, #000000 3%, #212439 113%);}
.p30-float-five{ }
.p30-float-five-top-left{ width: 752px; height:368px;}
.p30-float-five-top-right{ width: 429px; height:368px;}
.p30-float-five-top-right-con{ position: absolute; top:131px; left:37px;}
.p30-float-five-top-left img,.p30-float-five-top-right img{ width: 100%; height:100%;}
.p30-float-five-bottom-left{ width: 590px; height:368px;}
.p30-float-five-bottom-left-con{ position: absolute; top:62px; left:50px;}
.p30-float-five-bottom-right{ width: 590px; height:368px;}
.p30-float-five-bottom-left img,.p30-float-five-bottom-right img{ width: 100%; height:100%;}
.p30-float-five-bottom-right-con{ position: absolute; top:152px; left:50px;}

.p30-float-six-img-min{min-height: 380px; display: flex; justify-content: center; align-content: center; align-items: center;}

.cx30-float-one-bg{ background: #000002;}

.public-img-bottom{ width: 100%; height:860px; background-position: center; background-repeat: no-repeat;}
.public-img-100 img{width: 100%; height: 100%; display: block;}

.cx30-float-three-top{ margin: 0px auto; height: 550px; position: relative;}
.cx30-float-three-top img{ width: 100%; height:100%;}
.cx30-float-three-top-con{ position: absolute; width: 500px; left: 60px; top:200px;}
.cx30-float-three-bottom{ width: 588px; height: 550px;}
.cx30-float-three-bottom-con{ position: absolute; left:60px; right:60px; top:60px;}
.cx30-float-three-bottom-big-text{
	margin-top: 80px; font-family: Avenir Next World; font-size: 72px; font-weight: bold;
	line-height: normal; letter-spacing: normal; background: linear-gradient(180deg, #FFFFFF 22%, #C4D8FF 80%);
	-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;
}

.cx30-float-four-bg{ background: linear-gradient(180deg, #005EFF -147%, #000000 35%); height: 1700px;}
.cx30-float-four-top-img{width:882px; height: 610px;}
.cx30-float-four-bottom{ background: #10111A;  height:460px}
.cx30-float-four-bottom-left{width:600px;}
.cx30-float-four-bottom-left img{width:465px; height: 470px;}
.cx30-float-four-bottom-left-con{ width: 538px; line-height: 150%; color: #F6F8FB; }
.cx30-float-four-bottom-right{ width: 546px; }
.cx30-float-four-icon{ margin-top: 80px;}

.cx30-float-five-item{ width: 588px; height:744px; background-color: #10111A;}
.cx30-float-five-item-con{width: 488px; margin: 0px auto; margin-top: 48px;}

.p30-dual-float-four-top-left{width: 734px; height: 350px;background: linear-gradient(316deg, #0C0B09 48%, #001948 133%);}
.p30-dual-float-four-top-right{width: 450px; height: 350px; background: linear-gradient(205deg, #0C0B09 35%, #001948 175%);}
.p30-dual-float-four-bottom-left{width: 654px; height: 370px;background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.3) 16%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.3) 80%, #000000 94%), #000000;}
.p30-dual-float-four-bottom-right{width: 530px; height: 370px;}

.p30-dual-float-five{}
.p30-dual-float-five-con{ position: absolute; left:360px; top: 304px;}
.p30-dual-float-five-left{ width:490px;}
.p30-dual-float-five-left-top{ width: 100%; height:396px;}
.p30-dual-float-five-left-bottom{ width: 100%; height:373px; background-color: #323232;}
.p30-dual-float-five-right{ width: 688px; height: 767px;}
.p30-dual-float-five-right img{ width:100%; height: 100%;}

.p20r-float-two{width: 1200px; height: 768px; border-radius: 10px; margin-top: 50px; background: linear-gradient(8deg, #000000 0%, rgba(0, 0, 0, 0) 38%);
	position: relative; 
}
.p20r-float-two-bottom{border-radius: 0px 0px 10px 10px;width: 1200px; height: 118px; background: rgba(30, 30, 25, 0.5); backdrop-filter: blur(520px);}
.p20r-float-two>img{width: 1200px; height: 650px; display: block; border-radius: 10px;}
.p20r-float-two-float-img{ position: absolute; left:64px; bottom:30px;}
.p20r-float-two-float-img>img{width: 148px; height: 190px;}

.p20r-float-three-left{width: 743px; height: 460px; box-sizing: border-box; border: 1px solid; background: #17181A; position: relative;}
.p20r-float-three-left-con{ position: absolute; left:35px; top:180px;}
.p20r-float-three-right{width: 433px; height: 460px; border-radius: 10px; background: #17181A;}

.p20r-float-four{}
.p20r-float-four .p20r-float-four-item{width: 588px; height: 432px; border-radius: 10px; background: #17181A; overflow: hidden; margin-left: 24px; margin-top: 24px;}
.p20r-float-four .p20r-float-four-item:nth-child(2n-1){margin-left: 0px;}
.p20r-float-four-item img{width: 588px; height: 324px; display: block;}
.p20r-float-four-item-con{ margin: 24px; color: #F6F8FB;}

.m50se-float-two{ background-repeat: no-repeat; background-size: 100% 100%;}
.m50se-float-two-top-img,.m50se-float-two-top-img img{width: 1200px; height: 567px;}
.m50se-float-two-bottom-item,.m50se-float-two-bottom-item img{width: 588px; height: 350px;}

.m50se-float-three-left{width: 531px;}
.m50se-float-three-left img{width: 531px; height: 600px;}
.m50se-float-three-right{width: 649px;}
.m50se-float-three-right img{width: 649px; height: 600px;}

.m50se-float-four{height: 900px; background-position: center; background-repeat: no-repeat;}
.li-btn2{border-radius: 63px; box-sizing: border-box; border: 1px solid #CFCFCF; height: 48px; padding: 0px 26px; font-family: Avenir Next World;
	font-size: 20px; font-weight: normal; line-height: 150%; letter-spacing: normal; color: #FFFFFF;}
.li-btn2:hover,.li-btn2.active{background: linear-gradient(183deg, #D8D8D8 -348%, rgba(216, 216, 216, 0) 203%); box-sizing: border-box; border: 1px solid;}
.li-btn2:nth-child(1) img{ width:28px; height:28px;}
.li-btn2:nth-child(2) img{ width:37px; height:37px;}

.m50se-float-five-left1{
	width: 654px; height: 400px; border-radius: 10px; overflow: hidden; position: relative;
background: linear-gradient(91deg, #000000 14%, rgba(0, 0, 0, 0) 34%), linear-gradient(180deg, #000000 10%, rgba(0, 0, 0, 0.3) 28%, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 0.3) 78%, #000000 92%), url(image.png), #000000;
}
.m50se-float-five-right1{ width: 530px; height: 400px; position: relative; border-radius: 10px; overflow: hidden; background: linear-gradient(133deg, #0C0B09 18%, #001948 76%);}
.m50se-float-five-right1 img,.m50se-float-five-left1 img,.m50se-float-five-left2 img,.m50se-float-five-right2 img,.m50se-float-five-bottom img{ width: 100%; height: 100%;}
.m50se-float-five-left2{width: 794px; height: 400px;}
.m50se-float-five-right2{width: 390px; height: 400px; position: relative; border-radius: 10px; overflow: hidden;
background: linear-gradient(199deg, #0C0B09 94%, #001948 137%);}
.m50se-float-five-bottom{width: 1200px; height: 450px; position: relative;}

.m50se-float-six{ height: 973px;  background-position: center; background-repeat: no-repeat;
	background-size:2560px 973px;
}


.connect-float-two{ border-radius: 18px; overflow: hidden; background: #F6F8FB;}
.connect-float-two-left{width: 600px;height: 600px;}
.connect-float-two-left img{ height: 100%; width: 100%;}
.connect-float-two-right{width: 600px; height: 600px; box-sizing: border-box; }
.connect-float-two-right-con{ margin: 85px 49px 85px 60px;}
.connect-float-two-line{margin-top: 36px; margin-bottom: 36px;}

.connect-float-three-bg{background-color: #F6F8FB;}
.connect-float-three-item{width: 582px;height: 600px;border-radius: 18px; background: linear-gradient(180deg, #0066FF -560%, #FFFFFF 56%);
	margin-top: 36px; margin-left: 36px;
}
.connect-float-three-bg .connect-float-three-item:nth-child(2n-1){ margin-left: 0px;}
.connect-float-three-item-img{ height: 450px;}
.connect-float-three-item-img img{ max-width: 100%; max-height: 100%;}
.connect-float-three-item-con{ margin-left: 50px; margin-right: 50px; margin-top: 10px;}

.connect-float-four-item{width: 1200px; margin:0px auto; background-color: #F6F8FB;border-radius: 18px; margin-top: 36px;
	padding: 54px 0px;
}
.connect-float-four-item-top-left{ margin-left: 50px;}
.connect-float-four-item-top-right{ margin-right: 36px; width: 624px; height: 392px;}
.connect-float-four-item-bottom-left{ margin-left: 36px; width: 624px; height: 392px;}
.connect-float-four-item-bottom-right{ margin-left: 57px; }

.connect-float-five-bg{background: linear-gradient(185deg, #EAF1FF 8%, #8499C0 206%);}
.connect-float-five-item{ width: 183px; height: 408px; border-radius: 16px; background: linear-gradient(200deg, rgba(255, 255, 255, 0.36) -3%, rgba(255, 255, 255, 0.6) 100%);
	margin-left: 20px; text-align: center;
}
.connect-float-five-item:hover{ background: rgba(255, 255, 255, 0.95); box-shadow: 0px 15px 30px 0px rgba(63, 91, 109, 0.05); }
.connect-float-five-bg .connect-float-five-item:first-child{margin-left: 0px;}
.connect-float-five-item-img{ margin: 0px auto; margin-top: 34px; width: 99px;height: 100px;}
.connect-float-five-item-title{
	font-family: Avenir Next World;	font-size: 20px;font-weight: bold; line-height: 150%; text-align: center;  color: #000000;
	text-align: center; margin-top: 41px;
}
.connect-float-five-item:hover .connect-float-five-item-title{ font-weight: bold; color: #000000;}
.connect-float-five-item-text{
	font-family: Avenir Next World; font-size: 14px; font-weight: normal; line-height: 150%; text-align: center; color: #5D5D5D;
	margin-top: 24px;
}

.connect-float-six-con{	margin-top: 75px;}
.connect-float-six-left{ padding-top: 265px; width: 510px;height: 530px;}
.connect-float-six-right{ width: 690px; }
.connect-float-six-right-item{ height: 68px; line-height: 68px; padding: 0px 24px; border-radius: 10px; background: #F6F8FB; margin-top: 12px;
	color: #5D5D5D; font-size: 16px; font-family: Avenir Next World;
}
.connect-float-six-right .connect-float-six-right-item:first-child{margin-top: 0px;}
.connect-float-six-right-item:hover,.connect-float-six-right-item.active{
	background: linear-gradient(90deg, #1398F1 0%, #0169FF 100%); color: #fff; font-weight: bold;
}
.connect-float-six-right-icon{ width: 24px; height: 24px; background-image:url(../images/connect-6-icon-next.png); background-image: 100% 100%;}
.connect-float-six-right-item:hover .connect-float-six-right-icon,.connect-float-six-right-item.active .connect-float-six-right-icon{
	background-image:url(../images/connect-6-icon-up.png);
}
.connect-float-six-right-remark{
	margin: 24px 24px 0px 24px; font-size: 16px;line-height: 150%;color: #5D5D5D; clear: both; padding-bottom: 12px;
	display: none; font-family: Avenir Next World;
}
.connect-float-six-right-remark.active{
	display: block;
}


.center-float-two{ border-radius: 18px; height: 600px; overflow: hidden; background: #F6F8FB;}
.center-float-two-left{width: 600px;height: 600px;}
.center-float-two-left img{ height: 100%; width: 100%;}
.center-float-two-right{ margin-left: 60px; width: 500px;}
.center-float-two-item{width: 384px; height: 161px; margin-left: 24px; border-radius: 18px;
	background: #F6F8FB; padding-left:30px; padding-top: 36px; box-sizing: border-box;
}
.center-float-two-item:hover{ box-shadow: 0px 10px 6px 0px rgba(0, 0, 0, 0.1);
	background: #fff; 
}

.center-float-three-item{ margin-top: 36px;border-radius: 18px; background: #FFFFFF; box-sizing: border-box;
	padding: 48px;
}
.center-float-three-item img{width: 545px;height: 404px; border-radius: 18px; overflow: hidden;}
.center-float-three-text{ width: 505px;}

.center-float-four-con{ margin-top: 66px;}
.center-float-four-item{ width: 384px; height: 450px; border-radius: 18px; background: #F6F8FB; box-sizing: border-box;}
.center-float-four-item-img{ height: 230px;}
.center-float-four-item-img img{ width: 120px; height: 120px;}

.center-float-five-bg{ background: linear-gradient(183deg, #EAF1FF 4%, #8499C0 220%); }
.center-float-five-con{ margin-top: 91px; height: 750px; border-radius:18px; overflow: hidden; background: #FFFFFF;}
.center-float-five-img{width: 400px; height: 750px;}
.center-float-five-img img{display: block;}
.center-float-five-right{ margin-left: 54px; width: 710px;}
.center-float-five-right-text{ margin-left: 15px; width: 560px;}
.center-float-five-right-next{ width: 80px; margin-top: 5px;}

.assistance-float-two-bg{ background: linear-gradient(180deg, rgba(234, 240, 255, 0) 0%, #EAF0FF 111%); }
.assistance-float-two-con{ margin-top: 97px; position: relative;}
.assistance-float-two-con img{display: block;}
.assistance-float-two-menu{ width: 700px;}
.assistance-float-two-menu-item{ width: 200px; border-bottom: 5px solid rgba(0,0,0,0); padding: 12px 0px; text-align: center;
	font-family: Avenir Next World; font-size: 24px; line-height: 120%; color: #000000;
}
.assistance-float-two-menu-item:hover,.assistance-float-two-menu-item.active{ 
	border-bottom: 5px solid #1298F1;  font-family: Avenir Next World; font-weight: bold; color: #1298F1;
}
.assistance-float-two-menu-con{
	position: absolute; top:90px; width: 900px; left:50%; margin-left: -450px; display: none; z-index: 99;
	font-family: Avenir Next World; font-size: 18px; line-height: 150%; text-align: center; color: #000000;
}
.assistance-float-two-menu-con.active{ display: block;}

.assistance-float-three-bg{ background-position: center; background-repeat: no-repeat; background-size: 2560px 1073px; height: 1073px; position: relative;}
.assistance-float-three-con{ position: absolute; top:120px; left: 0px; right: 0px;}
.assistance-float-three-bottom{ position: absolute; top:820px; left: 0px;}
.assistance-float-three-item{ padding: 25px 12px; border-radius: 11.16px; margin-left: 15px; background: rgba(246, 248, 251, 0.8);
	box-sizing: border-box; border: 2px solid #FFFFFF; backdrop-filter: blur(10px); box-shadow: 0px 10px 6px 0px rgba(0, 0, 0, 0.1);
}

.assistance-float-four-item{ height: 500px; border-radius: 18px; background: #F2F6FF;}
.assistance-float-four-text{ width: 545px;}

.assistance-float-five-item{ width: 228px; height: 416px; border-radius: 16px; background: linear-gradient(200deg, rgba(255, 255, 255, 0.36) -3%, rgba(255, 255, 255, 0.6) 100%);
	margin-left: 14px; text-align: center;
}
.assistance-float-five-item:hover{ background: rgba(255, 255, 255, 0.95); box-shadow: 0px 15px 30px 0px rgba(63, 91, 109, 0.05); }
.assistance-float-five-bg .assistance-float-five-item:first-child{margin-left: 0px;}
.assistance-float-five-item-img{ margin: 0px auto; margin-top: 34px; width: 99px;height: 100px;}
.assistance-float-five-item-title{
	font-family: Avenir Next World;	font-size: 20px;font-weight: normal; line-height: 150%; text-align: center;  color: #000000;
	text-align: center; margin-top: 41px;
}
.assistance-float-five-item:hover .assistance-float-five-item-title{ font-weight: bold; color: #000000;}
.assistance-float-five-item-text{
	font-family: Avenir Next World; font-size: 16px; font-weight: normal; line-height: 150%; text-align: center; color: #5D5D5D;
	margin-top: 24px;
}

.tms-float-two-bg{background-color: #FBFBFB;}
.tms-float-two-con{ margin-top: 67px;}
.tms-float-two-left{ width: 760px; height: 515px; overflow: hidden;}
.tms-float-two-left-img{display: none;}
.tms-float-two-right{ width: 430px; margin-left: 10px;}
.tms-float-two-nor{display: block;}
.tms-float-two-hov{display: none;}
.tms-float-two-item{ padding: 20px 22px; border-radius: 12px; background: #F5F5F5; margin-top: 20px; 
	font-family: Avenir Next World; font-size: 18px; line-height: 150%; color: #3D3D3D;
}
.tms-float-two-item:hover,.tms-float-two-item.active{ background: #0099FF; box-shadow: 0px 10px 6px 0px rgba(0, 0, 0, 0.1);
	font-weight: bold; color:#fff;
}
.tms-float-two-item:hover>div,.tms-float-two-item.active>div{color: #fff;}
.tms-float-two-item:hover .tms-float-two-nor,.tms-float-two-item.active .tms-float-two-nor{ display: none;}
.tms-float-two-item:hover .tms-float-two-hov,.tms-float-two-item.active .tms-float-two-hov{ display: block;}

.tms-float-three-bg{background-color: #EAF4FF;}
.tms-float-three-img{width: 1200px; height: 605; margin-top: 60px;}
.tms-float-three-img img{width: 1140; height: 550;}
.tms-float-three-con{}
.tms-float-three-con .tms-float-three-item{ width: 550px; margin-left: 100px; margin-top: 60px;}
.tms-float-three-con .tms-float-three-item:nth-child(2n-1){margin-left: 0px;}
.tms-float-three-con-icon{width: 60px; height: 60px;}
.tms-float-three-con-icon img{ width: 100%; height: 100%;}
.tms-float-three-con-text{ margin-left: 16px;}

.tms-float-four-left{ width: 685px; height: 532px; }
.tms-float-four-left img{ width: 100%; height: 100%;}
.tms-float-four-right{ width: 467px; margin-left: 48px; }
.tms-float-four-line{background-color: #D8D8D8; height: 1px; margin-top: 24px; margin-bottom: 24px;}

.tms-float-five-bg{ background-color: #EAF4FF; background-repeat: no-repeat; background-position: center; height: 1147px;
	background-size:1920px 1147px;
}
.tms-float-five-con{}
.tms-float-five-item-one{ width: 400px; position: relative; }
.tms-float-five-item-two{ width: 400px; position: relative; margin-left: 40px;}
.tms-float-five-item-three{ width: 320px; margin-left: 40px;}
.tms-float-five-item-line:before{
	content: ""; position: absolute; width: 1px; background-color: #4D4D4D; height: 140px; right:0px; top:80px;
}
.tms-float-five-item-con{width: 366px;}
.tms-float-five-item-con-img{width:60px; height: 60px;}

.tms-float-six-bg{ background-repeat: no-repeat; background-position: center; height: 695px;
	background-size:2560px 695px;
}
.tms-float-six-con{ margin-top: 28px;}
.tms-float-six-item{ width: 225px;height: 111px; border-radius: 38px; box-sizing: border-box;
	margin-left: 18px; font-family: Avenir Next World; font-size: 20px; font-weight: bold; line-height: 120%; text-align: center; color: #FFFFFF;
	background-image: url(../images/tms-6-item-bg.png); background-size: 100%;
}

.rki-float-two-bg{ background-color: #fff; background-repeat: no-repeat; background-position: center; height: 1109px;
	background-size:2560px 1109px;
}

.rki-float-three-bg{ height:1046px; background: linear-gradient(180deg, #FFFFFF -28%, #ACBED3 100%); }
.rki-float-three-item{
	width: 582px; height: 620px !important; border-radius: 18px; background: #FFFFFF; box-shadow: 0px 15px 11px 0px rgba(63, 91, 109, 0.05);
}
.rki-float-three-img{ height: 400px;}
.rki-float-three-img img{ max-width: 100%; max-height: 100%;}
.rki-float-three-text{ margin: 0px 45px; margin-top: 10px;}
.rki-float-three-swiper{ width: 1200px; height: 620px;  margin: 0px auto;}
.rki-float-three-swiper .swiper-button-prev,
.rki-float-three-swiper .swiper-button-next{position: absolute; top:800px; color:#5D5D5D; width: 36px !important; height:36px !important; font-size: 30px;
	background-color: #EAEDF0; border-radius: 50px;
}
.rki-float-three-swiper .swiper-button-prev::after,.rki-float-three-swiper .swiper-button-next::after{ font-size: 18px !important; font-weight: bold;}
.rki-float-three-swiper .swiper-button-prev{left:1100px;}

.rki-float-four-con{ margin-top: 56px;}
.rki-float-four-item{ width: 530px; }
.rki-float-four-title{
	width: 530px; height: 73px; border-radius: 10px; background: #0099FF; line-height: 73px;
	font-family: Avenir Next World; font-weight: bold; font-size: 30px; text-align: center; color: #FFFFFF;
}
.rki-float-four-title.black-title{ background: #828282; }
.rki-float-four-list{ margin-top: 37px;}
.rki-float-four-img{width: 60px; height: 60px; margin-left: 16px;}
.rki-float-four-text{ margin-left: 24px; }
.rki-float-four-text div{color: #5D5D5D;}
.rki-float-four-right h1{color:#3D3D3D;}

.rki-float-five-bg{ background: linear-gradient(180deg, #8499C0 26%, #EAF1FF 135%);}
.rki-float-five-con{}
.rki-float-five-item{
	width: 585px; height: 300px; border-radius: 18px; background: #FFFFFF; margin-left: 30px; margin-top: 30px;
}
.rki-float-five-con .rki-float-five-item:nth-child(2n-1){ margin-left: 0px;}
.rki-float-five-text{ width: 460px; margin: 0px auto; margin-top: 22px; font-family: Avenir Next World;
	font-size: 16px; font-weight: normal; line-height: 150%; letter-spacing: normal; color: #5D5D5D;
}

.p30t-float-two-top-img{ height: 480px; margin-top: 50px; border-radius: 10px;background: linear-gradient(180deg, rgba(37, 37, 37, 0) 0%, #252525 99%);}
.p30t-float-two-bottom{ margin-top: 24px;}
.p30t-float-two-bottom-item{width: 588px; height: 324px; border-radius: 10px; overflow: hidden; position: relative;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 74%, #000000 151%);}
.p30t-float-two-bottom-left{position: absolute; bottom:36px; left:36px;}
.p30t-float-two-bottom-right{position: absolute; bottom:36px; right:36px;}
.p30t-float-two-bottom-right-top{position: absolute; top:36px; right:36px;}

.p30t-float-three-bg{
	background-position: center; background-repeat: no-repeat; background: linear-gradient(180deg, #17181A 0%, #000000 100%)
}
.p30t-float-three-img{margin-top: 105px;}

.p30t-float-four-bg{
	height:900px; background-position: center; background-repeat: no-repeat; background-color: #101215;
}

.p30t-float-five-bg{
	height: 973px; background-position: center; background-repeat: no-repeat; background-color: #101215;
	background-size: 2560px 973px;
}

.softpos-float-two-bg{	background: #EAEDF0;}
.softpos-float-two-img{width: 1200px;height: 636px; border-radius: 18px; overflow: hidden; margin-top: 50px;}
.softpos-float-two-item{ width: 385px; height: 85px;border-radius: 18px; background: #F6F8FB; text-align: center;
	font-family: Avenir Next World;font-size: 18px;line-height: 150%;text-align: center;color: #5D5D5D; margin-top: 23px;
}

.softpos-float-three-bg{background: #F6F8FB;}
.softpos-float-three-con{
	width: 1200px;height: 550px; border-radius: 18px; background: #FFFFFF; overflow: hidden; margin-top: 60px;
}
.softpos-float-three-left{width: 549px; height: 549px;}
.softpos-float-three-right{width: 546px; margin-left: 50px;}
.softpos-float-three-line{background-color: #E3E3E3; height: 1px; margin-top: 50px; margin-bottom: 26px;}

.softpos-float-four-bg{background: #EAEDF0;}
.softpos-float-four-item{
	width: 1200px; padding: 52px 36px; border-radius: 18px; background: #FFFFFF; margin-top:24px;
}
.softpos-float-four-img{width: 520px; height: 357px; border-radius: 18px; overflow: hidden;}
.softpos-float-four-text{ width: 557px; }
.softpos-float-four-list{padding-left: 0px; color:#5D5D5D; font-family: Avenir Next World; font-size: 14px; margin-left: 20px;}
.softpos-float-four-list:before { content: "•"; font-weight: bold; display: inline-block; width: 1em; color:#1298F1; margin-left: -20px;}

.softpos-float-five-bg{ background: #F6F8FB;}
.softpos-float-five-con{}
.softpos-float-five-item{ width: 585px; height: 180px; border-radius: 18px; background: #EAEDF0; 
	padding:30px 30px 30px 21px; margin-left: 30px; margin-top:30px;
}
.softpos-float-five-con .softpos-float-five-item:nth-child(2n-1){ margin-left: 0px;}
.softpos-float-five-img{ width: 62px; height:62px; margin-right: 18px;}
.softpos-float-five-list{padding-left: 0px; color:#5D5D5D; font-family: Avenir Next World; font-size: 16px; margin-left: 20px;}
.softpos-float-five-list:before { content: "•"; font-weight: bold; display: inline-block; width: 1em; color:#1298F1; margin-left: -20px;}

.softpos-float-six-bg{background: #EAEDF0;}
.softpos-float-six-con{ width: 675px; margin: 0px auto; margin-top: 60px;}

.softpost-new-float-two-bg{background:#F6F8FB;}
.softpost-new-float-two-item{width: 360px;height: 98px;border-radius: 18px;background: #FFFFFF;
	box-sizing: border-box; padding: 9px 30px;
}
.softpost-new-float-two-item-left{ width:80px; height:80px; margin-right: 10px;}
.softpost-new-float-two-item-left img{width:100%; height:100%;}

.softpost-new-float-three-item{width: 1200px; height: 502px;border-radius: 18px;background: #FFFFFF;
	box-sizing: border-box; padding:40px; margin-top:16px;
}
.softpost-new-float-three-item-img{
	width: 520px; height: 422px; overflow: hidden; border-radius: 18px;
}
.softpost-new-float-three-item-txt1{
	margin-left: 43px; width: 535px; font-family: Avenir Next World; font-size: 20px; color: #5D5D5D;
}
.softpost-new-float-three-item-txt2{
	padding-left: 25px; width: 535px; font-family: Avenir Next World; font-size: 20px; color: #5D5D5D;
}

.case-box{ padding: 130px 0px 160px 0px;}
.case-box .case-item{width: 582px;height: 680px; margin-left: 36px; border-radius: 18px; background: #FFFFFF; margin-top: 36px;}
.case-box .case-item:nth-child(2n-1){margin-left: 0px;}
.case-box .case-item:hover{
	border-radius: 18px; background: #FFFFFF; box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.05);
}
.case-item .top-img{width: 582px;height: 350px;}
.case-item .top-img img{width:100%; height: 100%;}
.case-box .case-item-btn{
	width: 162px; height: 34px; display: flex; padding: 10px 24px; gap: 10px; border-radius: 50px; border:0px;
	text-align: center; box-sizing: border-box;
	background: rgba(0, 153, 255, 0.05);
	backdrop-filter: blur(10px);
	font-family: Avenir Next World; font-size: 14px; font-weight: normal; line-height: 100%;
	letter-spacing: normal; color: #0099FF;
	display: flex; justify-content: center; align-content: center; align-items: center;
}
.case-item .case-item-con{ margin: 24px 36px 36px 36px;}
.case-item-con img{width: 190px; height:67px;}

.case-form-mark{position: fixed; top:0px; left:0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.5); z-index: 99999; display: none;}
.case-form{ width: 982px; height: 90%; border-radius: 18px; overflow: hidden; position: absolute; top:5%; left:50%; margin-left: -491px;}
.case-form-close{ position: absolute; right:24px; top:24px;}
.case-form iframe{border:0px; width: 100%; height: 100%; overflow: scroll;}
.case-form-header{ height: 176px; width: 100%; border-radius: 18px 18px 0px 0px; background: #1298F1; padding-top: 56px;}
.case-form-header img{display:block;}
.case-form-con{
	background-color: #fff; padding-bottom: 36px;
}
.case-form-con-item{ margin-top: 24px; margin-left: 36px; margin-right: 26px;}
.case-form-con-item-icon{width:48px; height: 48px;}
.case-form-con-item-font{ font-family: Avenir Next World; font-size: 16px; line-height: 24px; letter-spacing: normal; color: #4B5563;}
.case-form-bottom{ height: 298px; border-radius: 0px 0px 18px 18px;
	background: #F9FAFB; box-sizing: border-box; border-width: 0.67px 0px 0px 0px;
	border-style: solid; border-color: #E5E7EB;
}
.case-form-bottom-con{ margin: 36px 36px 0px 36px;}
.case-form-bottom-con-item{ width: 430px;}
.case-form-bottom-con-item .bottom-con-img{ width: 169px; height: 169px; border-radius: 12px;
background: #FFFFFF; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),0px 4px 6px -4px rgba(0, 0, 0, 0.1);}
.bottom-con-img img{ width: 100%; height: 100%;border-radius: 12px; overflow: hidden;}
.case-form-bottom-con-text{ width: 240px; margin-left: 15px;}
.case-form-bottom-con-text>div{word-wrap: break-word; overflow-wrap: break-word; }
.case-form-bottom-con-text img{width:102px; height:23px;}
.case-form-pro-list{padding-left: 20px; width: 216px; margin-top: 10px;}
.case-form-pro-list:before { content: "•"; font-weight: bold; display: inline-block; width: 1em; color:#4B5563; margin-left: -20px;}

.kit-float-one-bg{ background-size: 2560px 320px !important; height:320px !important}
.kit-float-one{ height:320px; 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: 90px; 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: 90px; 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; max-width: 1920px;}
.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;
}

.product-float-one-bg{ border-bottom: 1px solid rgba(29, 29, 29, 0.1); }
/* .product-float-one-con{ width: 420px;} */
.product-float-one-item{ padding-top: 20px; /* padding-bottom: 16px; */padding-bottom: 8px; width: 110px; margin-left: 60px;border-bottom: 2px solid rgba(0,0,0,0); box-sizing: border-box;}
.product-float-one-item:hover,.product-float-one-item.active{border-bottom: 2px solid #0099FF;}
.product-float-one-item:first-child{ margin-left: 0px;}
.product-float-one-con a{text-decoration: none;color: #1D1D1D;}
.product-float-one-item img{width: 60px; height: 60px;}
.product-float-one-item-text{/* padding-top: 10px; */ font-family: Avenir Next World; font-size: 14px; text-align: center; color: #1D1D1D; text-decoration: none;}


.product-float-two-con{ margin-top: 24px;}
.product-float-two-item{ width: 285px; height: 370px; margin-left: 20px; margin-top: 44px; position: relative; background-position: bottom; background-repeat: no-repeat;
	background-size: 285px 370px; transition: all 0.2s 
}
.product-float-two-item:hover{ transform: scale(1.05);}
.product-float-two-con .product-float-two-item:first-child{ margin-left: 0px;}
.product-float-two-img{ width: 285px; height: 219px; position: absolute; top:-44px; left:0px}
.product-float-two-img img{ width: 100%; height:100%; }
.product-float-two-item-text{ position: absolute; left:24px; right:24px;  bottom:24px;}
.product-float-two-btn{width: 132px; height: 40px; padding: 0px 24px; border-radius: 106.01px; background: #1298F1; color:#fff; box-sizing: border-box;
	font-family: Avenir Next World; font-size: 16px; text-align: center; display: block; text-decoration: none; line-height: 40px;
}
.product-float-two-item.one{ background-image: url(../images/products-2-1.png);}
.product-float-two-item.two{ background-image: url(../images/products-2-2.png);}
.product-float-two-item.three{ background-image: url(../images/products-2-3.png);}
.product-float-two-item.four{ background-image: url(../images/products-2-4.png);}

.product-float-img{ background-position: center; background-repeat: no-repeat; background-color: #000; height: 460px;
	background-size: 2560px 460px;
}
.product-float-con{}
.product-float-item{width: 285px; border-radius: 18px;background: #FFFFFF; box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.05);
	box-sizing: border-box; padding:12px 24px 30px 24px; margin-left: 20px; margin-top: 20px; transition: all 0.2s;
	position: relative;
}
.product-float-item a{ text-decoration: none;}
.product-float-item h1{ color: #1D1D1D;}
.product-float-con .product-float-item:nth-child(4n+1),.product-float-con .product-float-item:first-child{ margin-left: 0px;}
.product-float-item:hover{ transform: scale(1.02);}

.product-float-item .nor{z-index: 111; opacity: 1;}
.product-float-item .hov{z-index: 11; opacity: 0; display: none;}
.product-float-item:hover .product-float-item-img .nor{z-index: 11; opacity: 0; display: none;}
.product-float-item:hover .product-float-item-img .hov{z-index: 111;opacity: 1; display: block; /* transform: scale(1.05); */}

.product-float-item-img{ width: 220px; height: 220px; margin: 0px auto;}
.product-float-item-img img{max-width: 100%; max-height: 100%;}
.product-float-item-title{position: relative;}
.product-float-item-cor{font-family: Avenir Next World;font-size: 14px;font-weight: normal;line-height: 100%;text-align: center;letter-spacing: normal;color: #0099FF;
	position: absolute;left:110%; top:4px;
}
.product-float-item-tag{ font-family: Avenir Next World; font-size: 14px; font-weight: normal; height: 14px;
	line-height: 100%; text-align: center; letter-spacing: normal; color: #747474; margin-top: 10px; margin-bottom: 10px;
}

@media (max-width: 1720px) { 
	.kit-float-secven-left-con{left:160px;}
	.kit-float-secven-right-con{right:160px;}
}
@media (max-width: 1620px) { 
	.kit-float-secven-left-con{left:100px;}
	.kit-float-secven-right-con{right:100px;}
}
@media (max-width: 1420px) { 
	.kit-float-secven-left-con{left:30px;}
	.kit-float-secven-right-con{right:30px;}
}

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



.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; font-size: 16px;
	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; }

#spf-tabs .li-tab{font-size:28px; font-weight:bold; line-height: 32px; border-bottom: 5px solid transparent;}
#spf-tabs .li-tab.active { border-bottom: 5px solid #1298F1; }
.spf-tabs-con{display:none;}
.spf-tabs-con.active{display:flex;}
.li-show{ display:block; }
.li-hide{ display: none; }

.pr-list{ display: flex; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center;}
.pr-list-item{ margin-left: 24px; margin-top: 70px;}
.pr-list .pr-list-item:first-child{ margin-left: 0px; }
.pr-list-item-img{
	width: 282px; height: 380px; border-radius: 18px; opacity: 1; background-color: #0F0F0F;
	display: flex; justify-content: center; align-content: center; align-items: center;
}
.pr-list-item-img img{ width: 282px; max-height: 380px;}
.pr-list .pr-list-item:hover .pr-list-item-img{ background-color: #1A1A1A; }
.pr-list.pr-list-w .pr-list-item-img,.pr-list-item-img-w{background-color: #F9FAFC;}
.pr-list.pr-list-w .pr-list-item:hover .pr-list-item-img,.pr-list-item-img-w:hover{background-color: #F3F4F5;}
.pr-list .pr-list-item>div{width: 282px;}
@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,.title-70{
		font-family: Avenir Next World; margin: 0px; font-size: 7rem; font-weight: bold; line-height: 120%;
	}
	.con-title-max1,.title-64{
		font-family: Avenir Next World; margin: 0px; font-size: 6.4rem; font-weight: bold; line-height: 120%;
	}
	.con-title,.title-60{
		font-family: Avenir Next World;
		font-size: 6rem; font-weight: bold; line-height: 120%; color: #3D3D3D;
		word-wrap:break-word;
	}
	.con-title-m2,.title-56{
		font-family: Avenir Next World;
		font-size: 5.6rem; font-weight: bold; line-height: 120%; color: #3D3D3D;
		word-wrap:break-word;
	}
	.con-title-min,.title-48{
		font-family: Avenir Next World;
		font-size: 4.8rem; font-weight: bold; line-height: 120%; color: #3D3D3D;
		word-wrap:break-word;
	}
	.con-title-min2,.title-46{
		font-family: Avenir Next World;
		font-size: 4.6rem; font-weight: bold; line-height: 120%; color: #3D3D3D;
		word-wrap:break-word;
	}
    .con-title-m,.title-36{
    	font-family: Avenir Next World; margin: 0px; font-size: 3.6rem; font-weight: bold; line-height: 120%;
    }
	.con-title-min2,.title-28{
		font-family: Avenir Next World; margin: 0px; font-size: 2.8rem; font-weight: bold; line-height: 120%;
	}
	.title-20{
		font-family: Avenir Next World; margin: 0px; font-size: 2rem; font-weight: bold; line-height: 120%;
	}
	.con-title-min3,.title-18{
		font-family: Avenir Next World; margin: 0px; font-size: 1.8rem; font-weight: bold; line-height: 120%;
	}
	.title-16{
		font-family: Avenir Next World; margin: 0px; font-size:1.6rem; font-weight: bold; line-height: 120%;
	}
	.con-text-max2,.text-42{
		font-family: Avenir Next World;
		font-size: 4.2rem; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
	}
	.con-text-max3,.text-38{
		font-family: Avenir Next World;
		font-size: 3.8rem; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
	}
	.text-36{
		font-family: Avenir Next World;
		font-size: 3.6rem; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
	}
	.con-text-max,.text-32{
		font-family: Avenir Next World;
		font-size: 3.2rem; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
	}
	.con-text-max2,.text-30{
		font-family: Avenir Next World;
		font-size: 3rem; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
	}
	.con-text,.text-28{
		font-family: Avenir Next World;
		font-size: 2.8rem; font-weight: normal; line-height: 150%; color: #3D3D3D;
		word-wrap:break-word;
	}
	.text-26{
		font-family: Avenir Next World;
		font-size: 2.6rem; font-weight: normal; line-height: 150%; color: #3D3D3D;
		word-wrap:break-word;
	}
	.con-text-m,.text-24{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: 2.4rem; font-weight: normal; line-height: 150%; color: #3D3D3D;
	}
	.con-text-min2,.text-22{
		font-family: Avenir Next World;
		font-size: 2.2rem; font-weight: normal; line-height: 150%; color: #3D3D3D;
	}
	.text-20{
		font-family: Avenir Next World;
		font-size: 2rem; font-weight: normal; line-height: 150%; color: #3D3D3D;
	}
	.text-18{
		font-family: Avenir Next World;
		font-size: 1.8rem; font-weight: normal; line-height: 150%; color: #3D3D3D;
	}
	.text-16{
		font-family: Avenir Next World;
		font-size: 1.6rem; 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: 6.6rem; text-align: center;
		font-variation-settings: "opsz" auto; color: #FFFFFF; margin-top: 0px !important;
	}
	.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,.con-mr-lr50{margin-left: 5rem; margin-right: 5rem;}
	.con-mr-b{ margin-bottom: 5rem;}
	.mr-t70{ margin-top: 7rem;}
	.mr-t60{ margin-top: 6rem;}
	.mr-t57{ margin-top: 5.7rem;}
	.mr-t50{ margin-top: 5rem;}
	.mr-t48{ margin-top: 4.8rem;}
	.mr-t42{ margin-top: 4.2rem;}
	.mr-t36{ margin-top: 3.6rem !important;}
	.mr-t35{ margin-top: 3.5rem !important;}
	.mr-t30{ margin-top: 3rem !important;}
	.mr-t28{ margin-top: 2.8rem;}
	.mr-t25{ margin-top: 2.5rem;}
	.mr-t24{ margin-top: 2.4rem;}
	.mr-t20{ margin-top: 2rem;}
	.mr-t22{ margin-top: 2.2rem;}
	.mr-t16{ margin-top: 1.6rem;}
	.mr-t14{ margin-top: 1.4rem;}
	.mr-t12{ margin-top: 1.2rem;}
	.mr-t10{ margin-top: 1rem;}
	.mr-t8{ margin-top: 0.8rem;}
	.mr-t5{ margin-top: 0.5rem;}
	
	.mr-l10{ margin-left: 1rem !important;}
	.mr-l16{ margin-left: 1.6rem;}
	.mr-l20{ margin-left: 2rem;}
	.mr-l30{ margin-left: 3rem;}
	.mr-l76{ margin-left: 7.6rem;}
	
	
	.li-green-tag{
		height: auto; padding: 0px 0px; box-sizing: border-box;border-radius: 0px 0px 10px 10px; line-height: 2rem;
		font-family: Avenir Next World; font-size: 2rem; position: absolute; left: 2.6rem; top:2.6rem; z-index:999; color: #00BD75;
		background: none;
	}
	.li-blue-tag{
		height: auto; padding: 0px 0px; box-sizing: border-box;border-radius: 0px 0px 10px 10px; line-height: 2rem;
		font-family: Avenir Next World; font-size: 2rem; position: absolute; left: 2.6rem; top:2.6rem; z-index:999; color: #007EF3;
		background: none;
	}
	.li-orange-tag{
		height: auto; padding: 0px 0px; box-sizing: border-box;border-radius: 0px 0px 10px 10px; line-height: 2rem;
		font-family: Avenir Next World; font-size: 2rem; position: absolute; left: 2.6rem; top:2.6rem; z-index:999; color: #EE6300;
		background: none;
	}
	
	.main-banner-app{ width:75rem; height: 108rem; background-position: center; background-repeat: no-repeat; position: relative;
		background-size: 100% 100%; overflow: hidden;
	}
	.main-banner-app .swiper-wrapper{ width: 100%; height: 100%;}
	.main-banner-app .swiper-pagination-bullet{ width: 6rem; height:4px; border-radius: 5px;}
	.main-banner-app .swiper-pagination-bullets{bottom: 5rem !important;}
	.main-banner-app .swiper-slide{ width:75rem; height: 108rem; background-position: center; background-repeat: no-repeat;background-size: 100% 100%;}
	.main-banner-app .swiper-pagination-bullet{ background: #fff;}
	.main-banner-app .swiper-pagination-bullet-active{ background: #0099FF;}
	
	
	.main-float-two{background-repeat: no-repeat; background-position: center; background-color: #E5E7EB;}
	.main-float-two-new{position:absolute; top:2.4rem; left:2.4rem; 
		font-family: Avenir Next World;font-size: 2rem;color: #0099FF;
	}
	.main-float-two-con{ width: 100%; height: 80.6rem; position:relative;}
	.main-float-two-con-text{ position: absolute; left:0px; right:0px; top:10rem;}
	.main-float-two-bottom{ margin:0px 3.6rem;}
	.main-float-two-item{
		width: 32.7rem; height: auto !important; border-radius: 1.8rem; position: relative;
		box-sizing: border-box; padding:4rem 2.4rem 2.4rem 2.4rem;
		background: #fff; border: 1px solid #FFFFFF; margin-left: 2.4rem; margin-top: 2.4rem;
	}
	.main-float-two-bottom .main-float-two-item:nth-child(2n-1){ margin-left: 0px;}
	.main-float-two-item:hover{ background: #FFFFFF; }
	.main-float-two-img{ width: 25rem; height: 25rem; margin: 0px auto;}
	.main-float-two-img img{ width: 25rem; height: 25rem; margin: 0px auto;}
	.main-float-two-text{ margin-top: 3rem; margin-left: 0px; margin-right: 0px;}
	.main-float-two-tag{ font-family: Avenir Next World; font-size: 2.2rem; color: #949AA1; 
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		max-height: 10rem;
		line-height: 3.5rem; 
	}
	
	
	.main-float-three-bg{background-color: #F5F5F7;}
	.main-float-three-con{ margin-top: 0px; margin: 0px 2.4rem;}
	.main-float-three-item{ width: 70.2rem;height: 73.2rem; border-radius: 1.8rem; background: #FFFFFF; overflow: hidden; margin-top: 3.6rem;}
	.main-float-three-item-img{width: 70.2rem; height: 35rem;}
	.main-float-three-item-text{ margin-top: 3.6rem;}
	.main-float-three-bottom{margin-top: 12rem}
	.main-float-three-bottom-img{width: 75rem;height: 45rem; margin: 0px auto; margin-top: 5rem;}
	.main-float-three-bottom-text{ width: 75rem;}
	.btn-con-item{ padding:1rem 8rem; border-radius: 100px;background: #0099FF;	 font-family: Avenir Next World;font-size: 2.8rem;font-weight: bold; color: #FFFFFF;}
	.btn-con-item2{ padding:1rem 8rem; border-radius: 100px;background: #0099FF; font-family: Avenir Next World;font-size: 2.4rem; color: #FFFFFF;}
	
	.main-float-four{ height:100rem; position: relative;}
	.main-four-gallery-top-app{ height:100%; position: relative;}
	.main-four-gallery-top-app .swiper-slide{ background-repeat: no-repeat; background-position: center; position: relative; overflow: hidden;}
	.main-four-gallery-thumbs-app{ height: 11.8rem; position: absolute; bottom:16rem; width:68.5rem; left:50%; margin-left: -34.2rem; overflow: hidden;}
	.main-four-gallery-thumbs-app .swiper-slide{position:relative; border-radius: 4px; box-sizing: border-box; border: 4px solid #303030; background-size: 100% 100%;}
	.main-four-gallery-thumbs-app .swiper-slide.swiper-slide-thumb-active:before{display: none !important;}
	.main-four-gallery-thumbs-app .swiper-slide.swiper-slide-thumb-active{ border: 4px solid #fff;}
	.main-four-gallery-thumbs-app .swiper-slide:before{ content:""; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index: 999; background-color: rgba(0,0,0,0.7);}
	.main-four-more{
		position: absolute; bottom:4rem; left:0px; right:0px; z-index: 9999;
		font-family: Avenir Next World; font-size: 2.8rem; color: #FFFFFF;
	}
	.main-four-more img{width:1rem; height: 2rem; margin-left:1rem;}
	.main-float-play{width: 12rem;height: 12rem;}
	
	
	.main-float-five-con{ margin-top: 8rem; width:100%; }
	.marquee-wrapper-app { width: 100%; overflow: hidden; position: relative; padding: 20px 0; }
	.marquee-track-app { display: flex; width: fit-content; animation: scroll 100s linear infinite; }
	.marquee-item-app { width: 24rem; height: 12rem; flex-shrink: 0; margin: 0; overflow: hidden; transition: transform 0.3s ease; }
	.marquee-item-app img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease; }
	.marquee-item-app:hover img { transform: scale(1.1); }
	@keyframes scroll {
		0% { transform: translateX(0); }
		100% { transform: translateX(-50%); }
	}
	
	.main-float-six-con{ margin: 3.6rem 3.6rem; margin-top: 3.6rem;}
	.main-float-six-text{padding:3.6rem 0px 2.4rem 0px; box-sizing: border-box; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #EAEDF0 !important;}
	.main-float-six-text-left{ width:100%; font-family: Avenir Next World; font-size: 2.4rem; color: #5D5D5D;}
	.main-float-six-text-right{ font-family: Avenir Next World; font-size: 2.8rem; color: #3D3D3D; margin-top: 2.4rem;}
	.main-float-six-con a{text-decoration: none;}
	.main-float-six-text:hover .main-float-six-text-left,
	.main-float-six-text:hover .main-float-six-text-right{color:#0066FF;}
	.main-float-six-con .main-float-six-text:last-child{border-color:rgba(0,0,0,0);}
	.main-float-six-bottom{ margin-top: 3.6rem;}	
	.main-float-six-item{ width: 67.8rem; height: 38.8rem; border-radius: 1.8rem; overflow: hidden; position: relative; margin: 0px auto; margin-top: 2.4rem;}
	.main-float-six-item img{width:100%; height:100%;}
	.main-float-six-item-text{
		width: 67.8rem; min-height: 8.4rem; padding: 2.4rem; margin-top: 0px; box-sizing: border-box; border-radius: 0px 0px 1.8rem 1.8rem; background: rgba(0, 0, 0, 0.5);
		position: absolute; font-family: Avenir Next World; font-size: 2.4rem; line-height: 150%; color: #FFFFFF; z-index:999;
		bottom:0px; left:0px;
	}
	.main-float-six-bottom .main-banner-app .swiper-slide,.main-float-six-bottom .main-banner-app{ height: 45rem;}
	.main-float-six-bottom .main-banner-app .swiper-pagination-bullets{ bottom: 0rem !important;}
	.main-float-six-bottom .main-banner-app .swiper-pagination-bullet{ background: #D8D8D8;}
	.main-float-six-bottom .main-banner-app .swiper-pagination-bullet-active{ background: #3D3D3D;}
	
	.main-float-seven{height:110rem; background-repeat: no-repeat; background-position: center; background-color: #1d1d1d; position: relative;}
	.main-float-seven-line{width: 13rem; height: 1px; background-color: #D8D8D8; margin-top: 3.6rem;}
	.main-float-seven-right{width:26rem;}
	.main-float-seven-tag{font-family: Avenir Next World;font-size: 4rem;font-weight: bold;color: #27E097;
		position: absolute; left:100%; top:0px;
	}
	
	.main-footer{
		background-color: #000; background-position: center; background-repeat: no-repeat;
		height: 40rem; background-image: url(../images/footer-bg-app.png);
	}
	.main-footer-btn{
		text-decoration: none;
		width: 18.7rem; height: 4rem; display: flex; flex-direction: column; justify-content: center; align-items: center;
		line-height: 4rem; font-family: Avenir Next World;font-size: 2.4rem;font-weight: bold; color: #F6F8FB;
		border-radius: 6rem; background: #1298F1; position: absolute; right:2rem; top:7rem;
	}	
	.main-footer-con{ margin-left: 6.5rem; margin-right: 2rem; }
	.main-footer-phone{ position: relative;}
	.main-footer-line{ height:1px; width:20rem; background:#D8D8D8; margin-top: 0.5rem;}
	.main-footer-bottom{
		border:0px; width:53rem;
		margin-top: 5rem; font-family: Avenir Next World; font-size: 1.6rem; color: #F6F8FB;text-decoration: none;
	}
	.main-footer-bottom a{font-family: Avenir Next World; font-size: 1.6rem; color: #F6F8FB; text-decoration: none;}
	
	
	.floor-con{
		width:75rem; margin: 0px auto; background-size: 100% 100%; background-repeat: no-repeat; position: relative;
		min-width:75rem;
	}
	.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; width:65rem; }
	
	.li-floor2{ height: 70rem; }
	.li-floor2>img{ width:75rem; height: 70rem; }
	.li-floor2-con{ margin-left: 5rem; margin-right:5rem; padding-top: 12rem; width: 65rem; 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-1 img{ width:46.3rem; height: 38.6rem;}
	.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:108rem;}
    .p20-float-one-con{ position: absolute; top:65rem; right:0px; 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: 6.5rem;}
    .p20-float-three-img img{width: 50.2rem; height:18.5rem; margin: 0px auto;}
    .p20-float-three-con{ position: absolute; left:7.5rem; right:7.5rem; top: 10rem; width:60rem;}
    
    .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{
         width:67rem; height: 60rem;
    }
	.p10-float-four-bottom-right{height: 37.8rem; border-radius: 2rem;}
	.p10-float-four-bottom-right img{ width:67rem; height: 37.8rem; }
	
	.p30-float-one-bg{ width: 75rem; height: 108rem; mix-blend-mode: screen; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 50%); }
	.p30-float-one img{width: 100%; height:108rem;}
	.p30-float-one-con{ position: absolute; top:65rem; margin: 0px auto;}
	
	.p30-float-two-con{ height: 63rem; width: 65rem; margin: 0px auto;}
	.p30-float-two-top{ width: 70rem; height: 62rem; margin: 0px auto; border-radius: 2rem; overflow: hidden;}
	.p30-float-two-top img{ width: 100%; height:100%;}
	.p30-float-two-left-img{ width: 70rem; height:35rem; margin: 0px auto; border-radius: 2rem; overflow: hidden;
		margin-top: 3rem;
	}
	.p30-float-two-right-img{ width: 70rem; height: 18rem; background: linear-gradient(180deg, #505050 7%, rgba(80, 80, 80, 0) 134%); border-radius: 2rem; overflow: hidden;
		margin-top: 3rem;
	}
	.p30-float-two-left-img img,.p20-float-two-right-img img{width:100%; height:100%;}
	
	.p30-float-three-bg{ background: linear-gradient(36deg, #000000 17%, #212439 110%); height: 157rem;}
	.p30-float-three-bg img{width: 100%; height:78.7rem;}
	.p30-float-three-con{ width: 60rem; margin:0px auto;}
	.p30-float-three-con-list{ list-style-type: none; margin-top: 3.6rem;}
	.p30-float-three-con-list-item { margin-left: 2rem; font-family: Avenir Next World; font-size: 2.4rem; font-weight: normal; line-height:180%; letter-spacing: normal; color: #949AA1; }
	.p30-float-three-con-list-item::before { content: "•"; font-weight: bold; display: inline-block; width: 1em; color:#1298F1; margin-left: -2rem;}
	
	.p30-float-four{}
	.p30-float-four-con{ position:static; width:60rem; margin: 0px auto; left: 0px; top:0px;}
	.p30-float-four-left{ width:70rem; height: 37.4rem; margin:0px auto; border-radius: 2rem; overflow: hidden;}
	.p30-float-four-right{ width:70rem; height:75.8rem; margin:0px auto; border-radius: 2rem; overflow: hidden;}
	.p30-float-four-left img,.p30-float-four-right img{ width:100%; height: 100%;}
	
	.p30-float-five-bg{ background: linear-gradient(37deg, #000000 3%, #212439 113%);}
	.p30-float-five-con{ width: 60rem; margin:0px auto;}
	.p30-float-five{ }
	.p30-float-five-img-text{width: 70rem; height:36.8rem; margin: 0px auto;border-radius: 2rem; overflow: hidden; margin-top: 3rem;}
	.p30-float-five-img-text img{ width: 100%; height:100%;}
	.p30-float-five-top-right-con{ position: absolute; top:13rem; left:3.7rem;}
	.p30-float-five-bottom-left-con{ position: absolute; top:13rem; left:5rem;}
	.p30-float-five-bottom-right-con{ position: absolute; top:13rem; left:5rem;}
	
	.p30-float-six-img-min{min-height: 36rem; display: flex; justify-content: center; align-content: center; align-items: center;}
	
	.p20r-float-two{width: 65rem; border-radius: 1rem; margin: 0px auto; margin-top: 6rem; background: linear-gradient(8deg, #000000 0%, rgba(0, 0, 0, 0) 38%);
		position: relative; height: auto !important;
	}
	.p20r-float-two-bottom{border-radius: 0px 0px 1rem 1rem; width: 65rem; height: 11.8rem; background: #161611; backdrop-filter: blur(520px);}
	.p20r-float-two>img{width: 65rem; height: 65rem; display: block; border-radius: 1rem;}
	.p20r-float-two-float-img{ position: absolute; left:5rem; bottom:3.5rem;}
	.p20r-float-two-float-img>img{width: 14.8rem; height: 19rem;}
	
	.p20r-float-three-left{ width: 65rem; height: 40.2rem; margin: 0px auto; margin-top: 2.4rem; box-sizing: border-box; border: 1px solid; background: #17181A; position: relative;}
	.p20r-float-three-left img{width:100%; height:100%;}
	.p20r-float-three-left-con{ position: absolute; left:3.5rem; top:15rem;}
	.p20r-float-three-right{width: 65rem; height: 40.2rem; margin: 0px auto; margin-top: 2.4rem; border-radius: 1rem; background: #17181A;}
	
	.p20r-float-four{}
	.p20r-float-four .p20r-float-four-item{width: 65rem; height: 47.8rem; border-radius: 1rem; background: #17181A; overflow: hidden; margin-left: 0px; margin: 0px auto; margin-top: 3.6rem;}
	.p20r-float-four .p20r-float-four-item:nth-child(2n-1){margin-left: auto;}
	.p20r-float-four-item img{width: 65rem; height: 35.8rem; display: block;}
	.p20r-float-four-item-con{ margin: 2.4rem; color: #F6F8FB;}
	
	.cx30-float-one-bg{ background: #000002; height: 107.5rem; overflow: hidden;}
	
	.public-img-bottom{ width: 100%; height:86rem; background-position: center; background-repeat: no-repeat;}
	
	.cx30-float-three-top{ width:67rem; height: 85rem; margin: 0px auto; position: relative;}
	.cx30-float-three-top-con{ position: absolute; width: 59.8rem; left: 4.6rem; top:5rem;}
	.cx30-float-three-bottom-left{ width: 67rem; height: 67rem;margin: 0px auto; position: relative; margin-top: 3.6rem;}
	.cx30-float-three-bottom-con{ position: absolute; left:3.6rem; right:3.6rem; top:4.8rem;}
	.cx30-float-three-bottom-left img,.cx30-float-three-bottom-con img{width: 100%; height: 100%;}
	.cx30-float-three-bottom-big-text{
		margin-top: 5rem; font-family: Avenir Next World; font-size: 7.2rem; font-weight: bold;
		line-height: normal; letter-spacing: normal; background: linear-gradient(180deg, #FFFFFF 22%, #C4D8FF 80%);
		-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;
	}
	.cx30-float-three-bottom-right{ width: 67rem; height: 75rem; margin: 0px auto; position: relative; margin-top: 3.6rem;}
	
	.cx30-float-four-bg{ background: linear-gradient(180deg, #005EFF -44%, rgba(0, 94, 255, 0) 18%), #000000; height: 218.7rem;}
	.cx30-float-four-top-img{width:67rem; height: 48rem; margin: 0px auto;}
	.cx30-float-four-bottom{ background: #10111A;  width: 67rem; height: 101.4rem; margin: 0px auto; margin-top: 3rem;}
	.cx30-float-four-bottom-left{ width:40rem; height:33rem; margin: 0px auto;}
	.cx30-float-four-bottom-left img{width:40rem; height:33rem;}
	.cx30-float-four-bottom-left-con{ width: 538px; line-height: 150%; color: #F6F8FB; }
	.cx30-float-four-bottom-right{ width: 60rem; margin: 0px auto; margin-top: 5rem;}
	.cx30-float-four-icon1{ margin: 0px 6.4rem; margin-top: 4rem; }
	.cx30-float-four-icon1>div:nth-child(1) img{ width:15.6rem; height:6.3rem}
	.cx30-float-four-icon1>div:nth-child(2) img{ width:19.2rem; height:5rem}
	.cx30-float-four-icon1>div:nth-child(3) img{ width:18.6rem; height:7.3rem}
	.cx30-float-four-icon2{ margin: 0px 7rem; margin-top: 1rem; }
	.cx30-float-four-icon2>div:nth-child(1) img{ width:9.3rem; height:2.3rem}
	.cx30-float-four-icon2>div:nth-child(2) img{ width:8.4rem; height:8.4rem}
	.cx30-float-four-icon2>div:nth-child(3) img{ width:4.8rem; height:6.1rem}
	.cx30-float-four-icon2>div:nth-child(4) img{ width:6.2rem; height:6.15rem}
	.cx30-float-four-icon2>div:nth-child(5) img{ width:7.65rem; height:6.15rem}
	.li-mr-tb-max2{ margin-top: 2.5rem; margin-bottom: 2.5rem;}
	
	.cx30-float-five-item{ width: 67rem; height:79.6rem; margin: 0px auto; background-color: #10111A; margin-top: 2rem;}
	.cx30-float-five-item-img{ height: 53.6rem;}
	.cx30-float-five-item-img img{ max-width: 100%; max-height: 100%;}
	.cx30-float-five-item-con{width: 60rem; margin: 0px auto; margin-top: 4.8rem;}
	
	.p30-dual-float-two-item1{width: 65rem; height: 48rem; margin: 0px auto;margin-top: 3.2rem;border-radius: 18px;
		background: linear-gradient(140deg, #0C0B09 26%, #001948 109%);}
	.p30-dual-float-two-item2{width: 65rem; height: 48rem; margin: 0px auto;margin-top: 3.2rem; border-radius: 18px; background:linear-gradient(221deg, #0C0B09 30%, #001948 107%);}
	
	.p30-dual-float-four-top-left{width: 68rem; height: 45rem;border-radius: 1.8rem; margin: 0px auto; margin-top: 8.8rem; background: linear-gradient(326deg, #0C0B09 31%, #001948 111%); overflow: hidden;}
	.p30-dual-float-four-top-right{width: 68rem; height: 45rem; border-radius: 1.8rem; margin: 0px auto; margin-top: 3.2rem; background: linear-gradient(153deg, #0C0B09 43%, #001948 146%); overflow: hidden;}
	.p30-dual-float-four-bottom-left{width: 68rem; height: 45rem; border-radius: 1.8rem;overflow: hidden; margin: 0px auto; margin-top: 3.2rem; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.3) 16%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.3) 80%, #000000 94%), #000000;}
	.p30-dual-float-four-bottom-right{width: 68rem; height: 69.5rem;border-radius: 18px;overflow: hidden; margin: 0px auto; margin-top: 3.2rem;background: linear-gradient(212deg, #005EFF -112%, rgba(0, 94, 255, 0) 23%), linear-gradient(173deg, #03010C 11%, rgba(3, 1, 12, 0) 43%);}
	.p30-dual-float-four-bottom-right-con{ padding-top: 3.6rem; padding-left: 4.8rem;}
	.p30-dual-float-four-bottom-right img{height: 44.3rem; width: 68rem;}
	
	.p30-dual-float-five{ width: 68rem; height: 75.8rem; margin: 0px auto;}
	.p30-dual-float-five img{width: 100%; height: 100%;}
		
	.m50se-float-two{ background-repeat: no-repeat; background-size: 100% 100%; background-color: #131313;}
	.m50se-float-two-bottom-item,.m50se-float-two-bottom-item img{width: 65rem; height: 50rem;}
	.m50se-float-two-bottom-con{ position: absolute; left:2.4rem; bottom: 2.4rem;}
	
	.m50se-float-three-left{width: 65rem;}
	.m50se-float-three-left img{width: 65rem; height: 60rem;}
	.m50se-float-three-right{width: 65rem;}
	.m50se-float-three-right img{width: 65rem; height: 60rem;}
	
	.m50se-float-four{height: 108.9rem; width:75rem; position:relative;background-size: 100%; background-position: center; background-repeat: no-repeat; }
	.m50se-float-four img{ display: block; width:100%; height:100%;}
	.li-btn2{border-radius: 6rem; box-sizing: border-box; border: 1px solid #CFCFCF; height: 4.8rem; padding: 0px 2.6rem; font-family: Avenir Next World;
		font-size: 2.4rem; font-weight: normal; line-height: 150%; letter-spacing: normal; color: #FFFFFF;}
	.li-btn2 div{ color:#fff;}
	.li-btn2:hover,.li-btn2.active{background: linear-gradient(183deg, #D8D8D8 -348%, rgba(216, 216, 216, 0) 203%); box-sizing: border-box; border: 1px solid;}
	.li-btn2:nth-child(1) img{ width:2.8rem; height:2.8rem;}
	.li-btn2:nth-child(2) img{ width:3.7rem; height:3.7rem;}
	
	
	.connect-float-two{ border-radius: 1.8rem; overflow: hidden; background: #F6F8FB; width: 65rem; margin:0px auto;}
	.connect-float-two-left{width: 65rem; height: 50rem;}
	.connect-float-two-left img{ height: 100%; width: 100%;}
	.connect-float-two-right{width: 65rem; height: 75rem; box-sizing: border-box; }
	.connect-float-two-right-con{ margin: 5rem 2.5rem;}
	.connect-float-two-line{margin-top: 3.6rem; margin-bottom: 3.6rem;}
	
	.connect-float-three-bg{background-color: #F6F8FB;}
	.connect-float-three-item{width: 65rem;height: 66rem;border-radius: 1.8rem; background: linear-gradient(180deg, #0066FF -560%, #FFFFFF 56%);
		margin: 0px auto; margin-top: 3rem; margin-left: auto;
	}
	.connect-float-three-bg .connect-float-three-item:nth-child(2n-1){ margin-left: auto;}
	.connect-float-three-item-img{ height: 43rem;}
	.connect-float-three-item-img img{ max-width: 100%; max-height: 100%;}
	.connect-float-three-item-con{ margin-left: 3.6rem; margin-right: 3.6rem; margin-top: 1rem;}
	
	.connect-float-four-item{width: 65rem; height: auto; margin:0px auto; background-color: #F6F8FB;border-radius: 1.8rem; margin-top: 3rem;
		padding: 3.6rem 0px;
	}
	.connect-float-four-item-top-left{  margin-left: auto; margin: 0px auto; width:58rem; margin-top: 6rem;}
	.connect-float-four-item-top-right{ margin:0px auto; margin-top: 0rem; width: 60.2rem; height: 37.8rem;}
	
	.connect-float-five-bg{background: linear-gradient(185deg, #EAF1FF 8%, #8499C0 206%);}
	.connect-float-five-item{ width: 65rem;height: auto; padding: 3.6rem 0px; border-radius: 16px; background: #FFFFFF;
		margin-left: auto; margin:0px auto; margin-top: 3rem; text-align: center;
	}
	.connect-float-five-item:hover{ background: rgba(255, 255, 255, 0.95); box-shadow: 0px 15px 30px 0px rgba(63, 91, 109, 0.05); }
	.connect-float-five-bg .connect-float-five-item:first-child{margin-left: auto;}
	.connect-float-five-item-img{ margin: 0px auto; margin-top: 3.6rem; width: 9.9rem;height: 10rem;}
	.connect-float-five-item-title{
		font-family: Avenir Next World;	font-size: 2.8rem; font-weight: bold; line-height: 150%; text-align: center;  color: #000000;
		text-align: center; margin-top: 2.4rem; 
	}
	.connect-float-five-item:hover .connect-float-five-item-title{ font-weight: bold; color: #000000;}
	.connect-float-five-item-text{
		font-family: Avenir Next World; font-size: 2.4rem; font-weight: normal; line-height: 150%; text-align: center; color: #5D5D5D;
		margin-top: 1.6rem;
	}
	
	.connect-float-six-right{ width: 65rem; margin-top: 4.8rem;}
	.connect-float-six-right-item{ height: auto; line-height: 3.6rem; padding: 2.4rem; border-radius: 1rem; background: #F6F8FB; margin-top: 2.4rem;
		color: #5D5D5D; font-size: 2.8rem; font-weight: bold;
	}
	.connect-float-six-right .connect-float-six-right-item:first-child{margin-top: 0px;}
	.connect-float-six-right-item:hover,.connect-float-six-right-item.active{
		background: linear-gradient(90deg, #1398F1 0%, #0169FF 100%); color: #fff;
	}
	.connect-float-six-right-icon{ width: 2.4rem; height: 2.4rem; background-image:url(../images/connect-6-icon-next.png); background-size: 100% 100%;}
	.connect-float-six-right-item:hover .connect-float-six-right-icon,.connect-float-six-right-item.active .connect-float-six-right-icon{
		background-image:url(../images/connect-6-icon-up.png);
	}
	.connect-float-six-right-remark{
		margin: 2.4rem 2.4rem 0px 2.4rem; font-size: 2.4rem;line-height: 150%;color: #5D5D5D; clear: both; padding-bottom: 1.2rem;
		display: none;
	}
	.connect-float-six-right-remark.active{
		display: block;
	}
	
	.center-float-two{ border-radius: 18px; height: auto; width: 65rem; margin: 0px auto; overflow: hidden; background: #F6F8FB;}
	.center-float-two-left{width: 65rem; height: 50rem;}
	.center-float-two-left img{ height: 100%; width: 100%;}
	.center-float-two-right{ margin-left: auto; width: 60rem; margin: 0px auto; padding-top: 5rem;}
	.center-float-two-item{width: 65rem; height: auto; margin-left: auto; margin: 0px auto; border-radius: 18px;
		background: #F6F8FB; padding: 3.6rem !important; box-sizing: border-box; margin-top: 2.4rem;
	}
	
	.center-float-three-item{ width: 65rem; margin: 0px auto; margin-top: 3.6rem; border-radius: 1.8rem; background: #FFFFFF; box-sizing: border-box;
		padding: 3.6rem;
	}
	.center-float-three-item img{width: 57.8rem;height: 40.4rem; border-radius: 1.8rem; overflow: hidden;}
	.center-float-three-text{ width: 57.8rem; margin: 0px auto;}
	
	
	.center-float-four-con{ margin-top: 18px; width: 65rem; margin: 0px auto;}
	.center-float-four-item{ width: 100%; height: auto; padding: 3.6rem; margin-top: 3.6rem; border-radius: 18px; background: #F6F8FB; box-sizing: border-box;}
	.center-float-four-item-img{ height: 16rem;}
	.center-float-four-item-img img{ width: 10rem; height: 10rem;}
	
	.center-float-five-bg{ background: linear-gradient(183deg, #EAF1FF 4%, #8499C0 220%); }
	.center-float-five-con{ width: 65rem; margin: 0px auto; margin-top: 4.8rem; height: auto; border-radius:1.8rem; overflow: hidden; background: #FFFFFF;}
	.center-float-five-img{width: 65rem; height: 65rem; margin-top: 2.4rem;}
	.center-float-five-img img{display: block;}
	
	.center-float-five-right{ margin-left: 3.6rem; margin-right: 3.6rem; padding-top:6rem; width: auto;}
	.center-float-five-right img{ width: 11.8rem; height: 11.1rem;}
	.center-float-five-right-text{ margin-left: 1rem; width: 44.8rem;}
	.center-float-five-right-line{ background:rgba(148, 154, 161, 0.5); height: 1px; margin: 3.6rem 0px;}
	
	.tms-float-two-bg{background: linear-gradient(339deg, #ABBDD2 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;}
	.tms-float-two-con{ margin-top: 0px; margin: 0px 7.2rem;}
	.tms-float-two-left{ width: 75rem; height: 46rem; margin-top: 7rem; overflow: hidden;}
	.tms-float-two-left-img{ width: 3.5rem; height:3.5rem; display: none;}
	.tms-float-two-right{ width: 50rem; margin-left: 12.5rem;}
	.tms-float-two-nor{display: block;}
	.tms-float-two-hov{display: none;}
	.tms-float-two-item{ padding: 2.5rem 0px 2.5rem 5rem; border-radius: 1.2rem; background: #F5F5F5; margin-top:3rem; 
		font-family: Avenir Next World; font-size: 2rem; line-height: 150%; color: #3D3D3D;
	}
	.tms-float-two-item:hover,.tms-float-two-item.active{ background: #0099FF; box-shadow: 0px 10px 6px 0px rgba(0, 0, 0, 0.1);
		font-weight: bold; color:#fff;
	}
	.tms-float-two-item:hover>div,.tms-float-two-item.active>div{color: #fff;}
	.tms-float-two-item:hover .tms-float-two-nor,.tms-float-two-item.active .tms-float-two-nor{ display: none;}
	.tms-float-two-item:hover .tms-float-two-hov,.tms-float-two-item.active .tms-float-two-hov{ display: block;}
	
	.tms-float-three-bg{background-color: #EAF4FF;}
	.tms-float-three-img{width: 66rem; height: 33.3rem; margin: 0px auto; margin-top: 7.2rem;}
	.tms-float-three-con{ margin: 0px 8.5rem; margin-top: 8rem;}
	.tms-float-three-con .tms-float-three-item{ width: 100%; margin-left: 0px; margin-top: 4rem;}
	.tms-float-three-con .tms-float-three-item:nth-child(2n-1){margin-left: 0px;}
	.tms-float-three-con-icon{width: 6rem; height: auto; margin-top: 0.5rem;}
	.tms-float-three-con-icon img{ width: 6rem; height:auto; max-width: none !important;}
	.tms-float-three-con-text{ margin-left: 2rem;}
	
	.tms-float-four-left{ width: 62.5rem; height: 42.2rem; margin: 0px auto; margin-top: 1.2rem;}
	.tms-float-four-left img{ width: 100%; height: 100%;}
	.tms-float-four-right{ width: 62.5rem; margin-left: 6.2rem; ; border-radius: 1.8rem; background: linear-gradient(19deg, #005EFF -498%, #005EFF -408%, rgba(0, 0, 0, 0) 27%), #FFFFFF;}
	.tms-float-four-right>div{ margin: 0px 4rem; padding: 5rem 0px;}
	.tms-float-four-line{background-color: #D8D8D8; height: 1px; margin-top: 3rem; margin-bottom: 3rem; padding: 0px !important;}
	
	.tms-float-five-bg{ background-color: #EAF4FF; background-repeat: no-repeat; background-position: center; height: auto;}
	.tms-float-five-img{ width: 75rem; height: 28.8rem; margin-top: 7rem;}
	.tms-float-five-con{ margin:0px 9.5rem; margin-top: 1rem;}
	.tms-float-five-item-one{ width: 100%; position: relative; }
	.tms-float-five-item-two{ width: 100%; position: relative; margin-left: 0px;}
	.tms-float-five-item-three{ width: 100%; margin-left: 0px;}
	.tms-float-five-item-line:before{
		content: ""; position: absolute; width: 1px; background-color: #4D4D4D; height: 140px; right:0px; top:80px;
	}
	.tms-float-five-item-con{width: 100%;}
	.tms-float-five-line{background-color: #4D4D4D; height: 1px; margin-top: 3rem; margin-bottom: 3rem; padding: 0px !important;}
	
	.tms-float-six-bg{ background-repeat: no-repeat; background-position: center; height: 695px; position: relative;}
	.tms-float-six-bg img{width: 75rem; height: 95.9rem;}
	.tms-float-six-con{ position:absolute; margin-top: 9.4rem; left: 0px; right: 0px; top:0px; bottom:0px;}
	.tms-float-six-text{ margin: 0px 1.6rem; margin-top: 50rem;}
	.tms-float-six-item{ width: 22.6rem; height: 11.1rem; border-radius: 3.8rem; box-sizing: border-box;
		margin-left: 1.7rem; font-family: Avenir Next World; font-size: 2rem; font-weight: bold; line-height: 120%; text-align: center; color: #FFFFFF;
		background-image: url(../images/tms-6-item-bg.png); background-size: 100%; margin-top: 1.7rem;
	}
	
	.rki-float-two-bg{ background-color: #fff; background-repeat: no-repeat; background-position: center; height: auto;}
	.rki-float-two-con{ margin:0px 7.5rem;}
	
	.rki-float-three-bg{ height:auto; background: linear-gradient(180deg, #FFFFFF -28%, #ACBED3 100%); }
	.rki-float-three-item{
		width: 63.8rem; height: auto !important; margin: 0px auto; margin-top: 3rem; border-radius: 1.8rem; background: #FFFFFF; box-shadow: 0px 15px 11px 0px rgba(63, 91, 109, 0.05);
	}
	.rki-float-three-img{ height: auto; padding: 5.6rem;}
	.rki-float-three-img img{ max-width: 100%; max-height: 100%;}
	.rki-float-three-text{ margin: 0px 5rem; margin-top: 1.6rem; padding-bottom: 6rem;}
	
	
	.rki-float-four-con{ margin: 0px 10rem; margin-top: 4rem;}
	.rki-float-four-item{ width: 100%; }
	.rki-float-four-title{
		width: 100%; height: 7.3rem; border-radius: 10px; background: #0099FF; line-height: 7.3rem;
		font-family: Avenir Next World; font-weight: bold; font-size: 3.6rem; text-align: center; color: #FFFFFF;
	}
	.rki-float-four-title.black-title{ background: #828282; }
	.rki-float-four-list{ margin-top: 3.6rem;}
	.rki-float-four-img{width: 6rem; height: 6rem; margin-left: 1.6rem;}
	.rki-float-four-text{ margin-left: 2.4rem; }
	.rki-float-four-text div{color: #5D5D5D;}
	.rki-float-four-right{ margin-top: 6rem;}
	.rki-float-four-right h1{color:#3D3D3D;}
	
	.rki-float-five-bg{ background: linear-gradient(180deg, #8499C0 26%, #EAF1FF 135%);}
	.rki-float-five-con{width: 60rem; margin: 0px auto;}
	.rki-float-five-img{ padding-top: 4rem;}
	.rki-float-five-img img{ width: 8rem; height:8rem;}
	.rki-float-five-item{
		width: 60rem; height: 37rem; border-radius: 18px; background: #FFFFFF; margin-left: 0px; margin-top: 3rem;
	}
	.rki-float-five-text{ width: 46.8rem; margin: 0px auto; margin-top: 2.2rem; font-family: Avenir Next World;
		font-size: 2.2rem; font-weight: normal; line-height: 150%; letter-spacing: normal; color: #5D5D5D; text-align: center;
	}
	
	.p30t-float-two-top-img{ height: 50rem; width:70rem; margin: 0px auto; margin-top: 3.6rem; border-radius: 1rem; background: linear-gradient(180deg, rgba(37, 37, 37, 0) 0%, #252525 99%);}
	.p30t-float-two-bottom{ width:70rem; margin: 0px auto; margin-top: auto;}
	.p30t-float-two-bottom-item{width: 70rem; height: 40rem; border-radius: 10px; overflow: hidden; position: relative; margin-top: 2.4rem;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 74%, #000000 151%);}
	.p30t-float-two-bottom-left{position: absolute; bottom:3.6rem; left:3.6rem;}
	.p30t-float-two-bottom-right{position: absolute; bottom:3.6rem; right:3.6rem;}
	.p30t-float-two-bottom-right-top{position: absolute; top:3.6rem; right:3.6rem;}
	
	.p30t-float-three-bg{
		background-position: center; background-repeat: no-repeat; background: linear-gradient(180deg, #17181A 0%, #000000 100%)
	}
	.p30t-float-three-img{margin-top: 10.5rem;}
	
	.p30t-float-four-bg{
		height:90rem; background-position: center; background-repeat: no-repeat; background-color: #101215;
		background-size: 100% 100%;
	}
	
	.p30t-float-five-bg{
		height:100rem; background-position: center; background-repeat: no-repeat; background-color: #101215;background-size: 100% 100%;
	}
	
	.softpos-float-two-bg{	background: #EAEDF0;}
	.softpos-float-two-img{width: 67rem; height: 43.4rem; margin: 0px auto; border-radius: 1.8rem; overflow: hidden; margin-top: 5rem;}
	.softpos-float-two-item{ width: 67rem; height: 8rem;  margin: 0px auto; border-radius: 1.8rem; background: #F6F8FB; text-align: center;
		font-family: Avenir Next World;font-size: 2.2rem; line-height: 8rem;text-align: center; color: #5D5D5D; margin-top: 2.1rem;
	}
	
	.softpos-float-three-bg{background: #F6F8FB;}
	.softpos-float-three-con{
		width: 67rem; height: auto; margin: 0px auto; border-radius: 1.8rem; background: #FFFFFF; overflow: hidden; margin-top: 6rem;
	}
	.softpos-float-three-left{width: 67rem; height: 40rem;}
	.softpos-float-three-right{width: auto; margin-left: auto; margin: 0px 6.2rem; padding: 6rem 0px;}
	.softpos-float-three-line{background-color: #E3E3E3; height: 1px; margin-top: 4rem; margin-bottom: 4rem;}
	.softpos-float-three-bottom{
		width: 62rem; height: 17rem; margin: 0px auto; margin-top: 4rem;
	}
	
	.softpos-float-four-bg{background: #EAEDF0;}
	.softpos-float-four-item{
		width: 67rem; height: auto; box-sizing: border-box; padding: 2.8rem 3.5rem 8rem 3.5rem; border-radius: 1.8rem; background: #FFFFFF; margin: 0px auto; margin-top:3rem;
	}
	.softpos-float-four-img{width: 60rem; height: 41.2rem; border-radius: 1.8rem; overflow: hidden;}
	.softpos-float-four-text{ width: 55.7rem; margin: 0px auto; margin-top: 2.7rem;}
	.softpos-float-four-list{padding-left: 0px; color:#5D5D5D; font-family: Avenir Next World; font-size: 14px; margin-left: 20px;}
	.softpos-float-four-list:before { content: "•"; font-weight: bold; display: inline-block; width: 1em; color:#1298F1; margin-left: -20px;}
	
	.softpos-float-five-bg{ background: #F6F8FB;}
	.softpos-float-five-con{ width:65rem; margin: 0px auto;}
	.softpos-float-five-item{ width: 100%; height: auto; border-radius: 1.8rem; background: #EAEDF0; 
		padding:3.6rem !important; margin-left: 0px; margin-top:3rem; box-sizing: border-box;
	}
	.softpos-float-five-con .softpos-float-five-item:nth-child(2n-1){ margin-left: 0px;}
	.softpos-float-five-img{ width: 10rem; height:10rem; margin-right: 0px; margin: 0px auto;}
	.softpos-float-five-list{padding-left: 0px; color:#5D5D5D; font-family: Avenir Next World; font-size: 2.2rem; margin-left: 2rem;}
	.softpos-float-five-list:before { content: "•"; display: inline-block; width: 1em; color:#5D5D5D; margin-left: -2rem;}
	
	.softpos-float-six-bg{background: #EAEDF0;}
	.softpos-float-six-con{ width: 62.5rem; margin: 0px auto; margin-top: 10.5rem;}
	
	.softpost-new-float-two-item{width: 65rem; height:15.2rem; border-radius: 1.8rem;background: #F6F8FB;
		box-sizing: border-box; padding: 3.6rem 3.6rem; margin: 0px auto; margin-top: 2.4rem;
	}
	
	.softpost-new-float-two-item-left{ width:8rem; height:8rem; margin-right: 1.2rem;}
	.softpost-new-float-two-item-left img{width:100%; height:100%;}
	
	.softpost-new-float-three-item{width: 65rem; height: auto; border-radius: 1.8rem; background: #FFFFFF;
		box-sizing: border-box; padding:3.6rem; margin: 0px auto; margin-top:3.6rem;
	}
	.softpost-new-float-three-item-img{
		width: 57.8rem; height: 42rem; overflow: hidden; border-radius: 1.8rem;
	}
	.softpost-new-float-three-item-txt{
		margin-top: 5rem; margin-left: 0px; width: auto; font-family: Avenir Next World; font-size: 2.4rem; color: #5D5D5D;
	}
	
	.assistance-float-two-bg{ background: linear-gradient(180deg, rgba(234, 240, 255, 0) 0%, #EAF0FF 111%); }
	.assistance-float-two-con{ margin-top: 2rem; position: relative;}
	.assistance-float-two-con img{display: block; width: 75rem;height: 54.8rem;}
	.assistance-float-two-menu{ width: 61rem;}
	.assistance-float-two-menu-item{ width: 19.8rem; border-bottom: 0.5rem solid rgba(0,0,0,0); padding: 12px 0px; text-align: center;
		font-family: Avenir Next World; font-size: 24px; line-height: 120%; color: #000000;
	}
	.assistance-float-two-menu-item:hover,.assistance-float-two-menu-item.active{ 
		border-bottom: 0.5rem solid #1298F1;  font-family: Avenir Next World; font-weight: bold; color: #1298F1;
	}
	.assistance-float-two-menu-con{
		position: static; width:61rem; display: none; z-index: 99; margin: 0px auto; overflow: hidden;word-break: break-all;
		font-family: Avenir Next World; font-size: 2rem; line-height: 150%; text-align: center; color: #000000; padding-bottom: 2.9rem;
	}
	.assistance-float-two-menu-con.active{ display: block;}
	
	.assistance-float-three-bg{ background-position: center; background-repeat: no-repeat; height: 110rem; position: relative;  background-size: 100% 100%;}
	.assistance-float-three-con{ position: absolute; top:7.3rem; left: 5rem; right: 5rem;}
	.assistance-float-three-bottom{ position: absolute; top:64.3rem; left: 5rem; right: 5rem;}
	.assistance-float-three-item{ padding: 2rem 1.2rem; border-radius: 1.2rem; margin-left: 2rem; background: rgba(246, 248, 251, 0.8);
		box-sizing: border-box; border: 2px solid #FFFFFF; backdrop-filter: blur(10px); box-shadow: 0px 10px 6px 0px rgba(0, 0, 0, 0.1);
	}
	
	.assistance-float-four-item{ width:68rem; margin: 0px auto; height: 65rem; border-radius: 1.8rem; background: #F2F6FF;}
	.assistance-float-four-img{ height: 38rem;}
	.assistance-float-four-text{ width: 60rem; margin: 0px auto;}
	
	.assistance-float-five-bg{background: linear-gradient(180deg, #8499C0 26%, #EAF1FF 135%);}
	.assistance-float-five-item{ width: 22.8rem; height: auto; border-radius: 1.6rem; background: #FFFFFF;
		margin-left: 1.4rem; text-align: center; padding-bottom: 2.4rem;
	}
	.assistance-float-five-item:hover{ background: rgba(255, 255, 255, 0.95); box-shadow: 0px 15px 30px 0px rgba(63, 91, 109, 0.05); }
	.assistance-float-five-bg .assistance-float-five-item:first-child{margin-left: 0px;}
	.assistance-float-five-item-img{ margin: 0px auto; margin-top: 3.4rem; width: 9.9rem;height: 10rem;}
	.assistance-float-five-item-title{
		font-family: Avenir Next World;	font-size: 2.8rem;font-weight: bold; line-height: 150%; text-align: center;  color: #000000;
		text-align: center; margin-top: 4.1rem;
	}
	.assistance-float-five-item:hover .assistance-float-five-item-title{ font-weight: bold; color: #000000;}
	.assistance-float-five-item-text{
		font-family: Avenir Next World; font-size: 2.2rem; font-weight: normal; line-height: 150%; text-align: center; color: #5D5D5D;
		margin-top: 2.4rem;
	}
	
	
	
	.m50se-float-five-bottom{ width: 65rem; height: 45rem;border-radius: 10px; background: #0C0B09; margin-top: 2.5rem; overflow: hidden; position: relative;}
	.m50se-float-five-bottom img{width: 100%; height: 100%;}
	
	.m50se-float-six{ height: 97.3rem; width:75rem; position: relative;}
	.m50se-float-six img{width: 100%; height:100%;}
	
	.case-float-one{ height:75rem; position: relative;}
	.case-float-one img{width: 100%; height:100%;}
	.case-float-one-con{ position: absolute; left:2rem; right:2rem; top: 23rem; width:71rem;}
	
	.case-pro-one{ height:50rem; position: relative;}
	.case-pro-one img{width: 100%; height:100%;}
	
	.case-box{ padding: 8rem 0px 8rem 0px; margin: 0px 2.4rem;}
	.case-box .case-item{width: 70.2rem; min-height: 70.8rem; height: auto; padding-bottom: 3.6rem; box-sizing: border-box; margin-left: 0px; border-radius: 1.8rem; background: #FFFFFF; margin-top: 2.4rem;}
	.case-box .case-item:nth-child(2n-1){margin-left: 0px;}
	.case-box .case-item:hover{ background: #FFFFFF; box-shadow: 0px 3rem 3rem 0px rgba(0, 0, 0, 0.05);
	}
	.case-item a{ text-decoration: none;}
	.case-item h1{ color:#1D1D1D;}
	.case-item .top-img{width: 100%; height: 35rem;}
	.case-item .top-img img{width:100%; height: 100%;}
	.case-box .case-item-btn{
		width: 25rem; height: 5.6rem; border-radius: 5rem; border:0px; padding: 0px;
		text-align: center; background: rgba(0, 153, 255, 0.05); align-content: center;
		font-family: Avenir Next World; font-size: 2.4rem; line-height:5.6rem;
		color: #0099FF;
	}
	.case-item .case-item-con{ margin: 2.4rem 3.6rem 3.6rem 3.6rem;}
	.case-item-con img{width: 22rem; height: 7.7rem;}
	.case-item-con .con-text-min2{color: #747474;}
	
	.case-form-header{ height: 21.6rem; width: 100%; border-radius: 0px; background: #1298F1; padding-top: 3.6rem;}
	
	.case-form-con{ background-color: #fff; padding-bottom: 6rem; }
	.case-form-con-item{ margin-top: 3.6rem; margin-left: 3.6rem; margin-right: 3.6rem;}
	.case-form-con-item-icon{width:4.8rem; height: 4.8rem;}
	.case-form-con-item-icon img{width:100%; height: 100%;}
	.case-form-con-item-font{ font-family: Avenir Next World; font-size: 2.4rem; font-weight: normal; line-height: 150%; color: #4B5563;}
	
	.case-form-bottom{ height: auto; border-radius: 0px 0px 18px 18px;
		background: #F9FAFB; box-sizing: border-box; border-width: 0.67px 0px 0px 0px;
		border-style: solid; border-color: #E5E7EB; padding-bottom: 8rem;
	}
	.case-form-bottom-con{ margin: 0px 5rem; margin-top: 2rem; padding-top: 8rem;}
	.case-form-bottom-con-item{ width: 100%; margin-top: 3.6rem;}
	.case-form-bottom-con-item .bottom-con-img{ width: 25rem; height: 25rem; border-radius: 1.2rem;
	background: #FFFFFF; box-shadow: 0px 1rem 1.5rem -3px rgba(0, 0, 0, 0.1),0px 4px 6px -4px rgba(0, 0, 0, 0.1);}
	.bottom-con-img img{ width: 100%; height: 100%;border-radius: 1.2rem; overflow: hidden;}
	.case-form-bottom-con-text{ width: 37rem; margin-left: 2.4rem;}
	.case-form-bottom-con-text>div{word-wrap: break-word; overflow-wrap: break-word; line-height:3rem;}
	.case-form-bottom-con-text img{width: 15.6rem; height: 1.8rem;}
	
	.case-form-pro-list{padding-left: 2rem; width: 100%; margin-top: 1rem; font-size: 2.4rem;}
	.case-form-pro-list:before { content: "•"; font-weight: bold; display: inline-block; width: 1em; color:#4B5563; margin-left: -2rem;}
	
	
	.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: auto; background: #FFFFFF; box-shadow: 0px 10px 30px 0px rgba(61, 61, 61, 0.1);
	}
	.kit-float-six-item-content{ margin: 5rem 6rem; }
	.kit-float-six-item-content img{height: 11rem; width:11rem;}
	
	.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: auto;
		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;}
	
	.product-float-two-con{ margin: 0px 3.6rem; margin-top: 3.2rem;}
	.product-float-two-item{ width: 32.7rem; height: 42.4rem; margin-left: 2.4rem; margin-top: 7rem; position: relative; background-position: bottom; background-repeat: no-repeat;
		background-size: 32.7rem 42.4rem; transition: all 0.2s 
	}
	.product-float-two-item:hover{ transform: scale(1.05);}
	.product-float-two-con .product-float-two-item:nth-child(2n-1){ margin-left: 0px;}
	.product-float-two-img{ width: 32.7rem; height:25rem; position: absolute; top:-5rem; left:0px}
	.product-float-two-img img{ width: 100%; height:100%; }
	.product-float-two-item-text{ position: absolute; left:2.4rem; right:1.5rem;  bottom:2.4rem;}
	.product-float-two-btn{width: 17rem; height: 6rem; padding: 0px 2.4rem; border-radius: 10.6rem; background: #1298F1; color:#fff; box-sizing: border-box;
		font-family: Avenir Next World; font-size: 2.4rem; text-align: center; display: block; text-decoration: none; line-height: 6rem;
	}
	
	.product-float-img{ background-position: center; background-repeat: no-repeat; background-color: #000;
		width: 75rem; height: 60rem; position: relative;
	}
	.product-float-img img{width:100%; height:100%;}
	.product-float-con-app{ margin:0px 3.1rem;}
	.product-float-item{width: 33rem; border-radius: 1.8rem; background: #FFFFFF; box-shadow: 0px 3rem 3rem 0px rgba(0, 0, 0, 0.05);
		box-sizing: border-box; padding:3.6rem 3.6rem; margin-left: 2.4rem; margin-top: 2.4rem; transition: all 0.2s 
	}
	.product-float-con-app .product-float-item:nth-child(2n-1),.product-float-con .product-float-item:first-child{ margin-left: 0px;}
	.product-float-item:hover{ transform: scale(1.02);}
	.product-float-item-img{ width: 26rem; height: 26rem; margin: 0px auto;}
	.product-float-item-img img{max-width: 100%; max-height: 100%;}
	.product-float-item-title{position: relative;}
	.product-float-item-cor{font-family: Avenir Next World;font-size: 1.4rem;font-weight: normal;line-height: 120%;text-align: center;letter-spacing: normal;color: #0099FF;
		position: absolute;left:100%; top:1.3rem;
	}
	.product-float-item-tag{ font-family: Avenir Next World; font-size: 1.8rem; font-weight: normal; height: 1.8rem;
		line-height: 100%; text-align: center; letter-spacing: normal; color: #747474; margin-top: 1.4rem; margin-bottom: 1.4rem;
	}
	
	
	.li-tab{ flex: 0 0 auto; margin-left:5rem;}
    
}@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%; }
body { min-width: 1200px; overflow-x: hidden; }
@media (max-width: 750px) { 
	body{
		min-width: 75rem;
	}
} 
html, body, ul, li, div, view, text,a,h1,h2,h3,h4 {
  margin: 0px;
  padding: 0px; 
  font-family: Avenir Next World;
}
.enpty-line{height: 1px; clear:both;}
.enpty-line-bg{height: 1px; clear:both; background-color: #eaedf0;}
.enpty-line-bg2{height: 1px; clear:both; background-color: #3D3D3D;}
.con-title-big{font-family: Avenir Next World; margin: 0px; font-size: 72px; font-weight: bold; line-height: 120%;}
.title-60{
	font-family: Avenir Next World; margin: 0px; font-size: 60px; font-weight: bold; line-height: 120%;
}
.con-title-max,.title-56{
	font-family: Avenir Next World; margin: 0px; font-size: 56px; font-weight: bold; line-height: 120%;
}
.con-title-max2,.title-52{
	font-family: Avenir Next World; margin: 0px; font-size: 52px; font-weight: bold; line-height: 120%;
}
.con-title-max1,.title-48{
	font-family: Avenir Next World; margin: 0px; font-size: 48px; font-weight: bold; line-height: 120%;
}
.con-title,.title-46{
	font-family: Avenir Next World; margin: 0px; font-size: 46px; font-weight: bold; line-height: 120%;
}
.con-title-m,.title-40{
	font-family: Avenir Next World; margin: 0px; font-size: 40px; font-weight: bold; line-height: 120%;
}
.con-title-m2,.title-36{
	font-family: Avenir Next World; margin: 0px; font-size: 36px; font-weight: bold; line-height: 120%;
}
.con-title-30,.title-30{
	font-family: Avenir Next World; margin: 0px; font-size: 30px; font-weight: bold; line-height: 120%;
}
.title-33{
	font-family: Avenir Next World; margin: 0px; font-size: 33px; font-weight: bold; line-height: 120%;
}
.con-title-min,.title-30{
	font-family: Avenir Next World; margin: 0px; font-size: 30px; font-weight: bold; line-height: 120%;
}
.con-title-min3,.title-28{
	font-family: Avenir Next World; margin: 0px; font-size: 28px; font-weight: bold; line-height: 120%;
}
.con-title-min2,.title-24{
	font-family: Avenir Next World; margin: 0px; font-size: 24px; font-weight: bold; line-height: 120%;
}
.con-title-min4,.title-22{
	font-family: Avenir Next World; margin: 0px; font-size: 22px; font-weight: bold; line-height: 120%;
}
.con-title-min5,.title-20{
	font-family: Avenir Next World; margin: 0px; font-size: 20px; font-weight: bold; line-height: 120%;
}
.title-18{
	font-family: Avenir Next World; margin: 0px; font-size: 18px; font-weight: bold; line-height: 120%;
}
.title-16{
	font-family: Avenir Next World; margin: 0px; font-size: 16px; font-weight: bold; line-height: 120%;
}
.title-14{
	font-family: Avenir Next World; margin: 0px; font-size: 14px; font-weight: bold; line-height: 120%;
}
.con-text-max,.text-38{
	font-family: Avenir Next World;
	font-size: 38px; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
}
.con-text-max-min,.text-36{
	font-family: Avenir Next World;
	font-size: 36px; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
}
.con-text-max-min2,.text-32{
	font-family: Avenir Next World;
	font-size: 32px; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
}
.con-text-max-min3,.text-30{
	font-family: Avenir Next World;
	font-size: 30px; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
}
.con-text,.text-28{
	font-family: Avenir Next World;
	font-size: 28px; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
}
.text-24{
	font-family: Avenir Next World;
	font-size: 24px; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
}
.con-text-m,.text-20{
	font-family: Avenir Next World;
	font-size: 20px; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
}
.con-text-m2,.text-18{
	font-family: Avenir Next World;
	font-size: 18px; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
}
.con-text-min,.text-16{
	font-family: Avenir Next World;
	font-size: 16px; line-height: 150%; font-variation-settings: "opsz" auto; color: #3D3D3D;
	word-wrap: break-word;      /* 允许长单词或URL换行 */
	word-break: break-all;      /* 对于非CJK（中文/日文/韩文）文本，在任意字符处断行 */
	overflow-wrap: break-word;  /* 现代标准写法，兼容性良好，推荐 */
}
.con-text-min2,.text-14{
	font-family: Avenir Next World; font-weight: normal;
	font-size: 14px; line-height: 150%; font-variation-settings: "opsz" auto; color: #3D3D3D;
}
.con-text-min3,.text-13{
	font-family: Avenir Next World;
	font-size: 13px; 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;
	box-sizing: border-box; padding-left: 20px; padding-right:20px;
	font-family: Avenir Next World;
	font-size: 18px; font-weight: normal; line-height: 52px; text-align: center;
	font-variation-settings: "opsz" auto; color: #FFFFFF;  display: inline-block;
}
.btn-txt{
	min-width: 225px; height: 50px; border-radius: 106.01px; background: #1298F1; border:0px;
	box-sizing: border-box; padding-left: 20px; padding-right:20px;
	font-family: Avenir Next World;
	font-size: 18px; font-weight: normal; line-height: 52px; text-align: center;
	font-variation-settings: "opsz" auto; color: #FFFFFF;  display: inline-block;
}
.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-btn:hover,.con-btn2:hover,.con-bd-btn:hover{
	background-color:#002f75; color:#fff;
}
.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; overflow: hidden;}
.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-bg4{background-color: #141414;}
.con-bg5{background-color: #000000;}
.con-bg6{background-color: #1C1C1C;}
.con-bg7{background-color: #0F0F0F;}
.con-bg8{background-color: #131313;}
.con-bg9{background-color: #F5F5F5;}
.con-bg10{background-color: #060908;}
.con-bg11{background-color: #191919;}
.con-bg12{background-color: #F5F7FA;}
.con-bg13{background-color: #E5E7EB;}

.con-mr-lr,.con-mr-lr50{margin-left: 50px; margin-right: 50px;}
.con-mr-b{ margin-bottom: 50px;}
.li-align-center { text-align: center !important; }
.li-text-strong, .li-text-bold {
  font-weight: bold; }
.li-align-left { text-align: left; }
.li-align-right { text-align: right; }
.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-l{margin-left:8px;}
.li-mr-l-min2 { margin-left: 5px !important; }
.li-mr-l32 { margin-left: 32px !important; }
.li-mr-l30 { margin-left: 30px !important; }
.li-mr-tb-min2 { margin-top: 5px !important; margin-bottom: 5px !important; }
.li-mr-tb-min { margin-top: 10px !important; margin-bottom: 10px !important; }
.li-mr-tb { margin-top: 15px !important; margin-bottom: 15px !important; }
.li-mr-tb-max { margin-top: 20px !important; margin-bottom: 20px !important; }
.li-mr-tb-max2 { margin-top: 25px !important; margin-bottom: 25px !important; }
.li-pd-max { padding: 20px !important; }
.li-pd-lr-min{padding-left:10px; padding-right: 10px;}
.li-bg-white { background-color: #ffffff !important; color: #333333; }
.cor-h{color:#000 !important;}
.cor-w{color:#fff !important;}
.cor-w2{color:#F6F8FB !important;}
.cor-b{color:#0099FF !important;}
.cor-g{color:#34A653 !important;}
.cor-g2{color:#00bd75 !important;}
.cor-o{color:#EE6300 !important;}
.cor-b-f{color:#949AA1 !important;}
.cor-b-low{color:#CBE4FF !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; }
.li-float-lb-60{ position: absolute; bottom:60px; left:60px;}
.li-float-con { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; }

.li-green-tag{
	height: 30px; padding: 0px 12px; line-height: 30px; box-sizing: border-box;border-radius: 0px 0px 10px 10px;
	background: #00BD75; font-family: Avenir Next World; font-size: 14px; color: #FFFFFF;
	position: absolute; left: 36px; top:0px; z-index:999;
}
.li-blue-tag{
	height: 30px; padding: 0px 12px; line-height: 30px; box-sizing: border-box;border-radius: 0px 0px 10px 10px;
	background: #007EF3; font-family: Avenir Next World; font-size: 14px; color: #FFFFFF;
	position: absolute; left: 36px; top:0px; z-index:999;
}
.li-orange-tag{
	height: 30px; padding: 0px 12px; line-height: 30px; box-sizing: border-box;border-radius: 0px 0px 10px 10px;
	background: #EE6300; font-family: Avenir Next World; font-size: 14px; color: #FFFFFF;
	position: absolute; left: 36px; top:0px; z-index:999;
}

.product-float-item .li-green-tag,.product-float-item .li-blue-tag,.product-float-item  .li-orange-tag
{left: 20px;}

[class^=tr] { display: flex; flex-wrap: wrap; box-sizing: border-box;  }
.tr-between { display: flex; justify-content: space-between; box-sizing: border-box !important; }
.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-right-start { justify-content: flex-end; }
.tr-right-start-center { justify-content: flex-end; align-items: center; }

.tr-center-start { justify-content: center; }
.tr-left-fixed { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.tr-left-fixed > div:first-child, .tr-left-fixed > 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 > div:last-child, .tr-left-fixed > view:last-child {
    -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; word-wrap: break-word; 
}
.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-right-fixed { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.tr-right-fixed > div:first-child, .tr-right-fixed > view:first-child {
    -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; word-wrap: break-word; 
}
.tr-right-fixed > div:last-child, .tr-right-fixed > view:last-child {
    -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; 
}
.tr-right-fixed-center { flex-wrap: nowrap; align-items: center; }
.tr-right-fixed-center > div:first-child, .tr-right-fixed-center > view:first-child { flex-grow: 1; }
.tr-right-fixed-center > div:last-child, .tr-right-fixed-center > view:last-child { flex-grow: 0; flex-shrink: 0; }


.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; }

.mr-t0{ margin-top: 0px !important;}
.mr-t70{ margin-top: 70px !important;}
.mr-t60{ margin-top: 60px;}
.mr-t57{ margin-top: 57px;}
.mr-t50{ margin-top: 50px;}
.mr-t48{ margin-top: 48px !important;}
.mr-t42{ margin-top: 42px !important;}
.mr-t36{ margin-top: 36px;}
.mr-t35{ margin-top: 35px;}
.mr-t30{ margin-top: 30px;}
.mr-t28{ margin-top: 28px;}
.mr-t25{ margin-top: 25px;}
.mr-t24{ margin-top: 24px;}
.mr-t20{ margin-top: 20px;}
.mr-t22{ margin-top: 22px;}
.mr-t16{ margin-top: 16px;}
.mr-t14{ margin-top: 14px;}
.mr-t12{ margin-top: 12px;}
.mr-t10{ margin-top: 10px;}
.mr-t8{ margin-top: 8px;}
.mr-t5{ margin-top: 5px;}

.mr-l0{ margin-left: 0px !important;}
.mr-l10{ margin-left: 10px !important;}
.mr-l16{ margin-left: 16px;}
.mr-l20{ margin-left: 20px;}
.mr-l30{ margin-left: 30px;}
.mr-l50{ margin-left: 50px;}
.mr-l76{ margin-left: 76px;}

/* 菜单开始 */
.pc-black-menu,.pc-white-menu{ position: absolute; top:0px; left:0px; right:0px; z-index: 1000; /* 确保层级 */}
.pc-white-menu .pc-menu-item .pc-menu-item-con{color:#fff;}

.pc-menu-main{ position: absolute; top:0px; left:0px; right:0px; z-index: 1100; /* 确保层级 */ display: none;}
.pc-menu-main .li-mark{ z-index: 3; position: fixed; top:0px; bottom:0px; right:0px; left:0px; z-index:2; background: rgba(0, 0, 0, 0.5);}
.pc-menu-box{width: 100%; height: 60px; position: relative; box-sizing: border-box; z-index: 9999;}
.pc-menu-main .pc-menu-box{background-color: #fff;}

.pc-menu-main:hover .pc-menu-box:hover{background-color: #FFFFFF !important;  box-sizing: border-box;}
.pc-logo{ height:60px; margin-right: 14px;}
.pc-logo img{width:100px; height:40px;}
.pc-menu{width: 1200px; margin: 0px auto;  height: 60px;}
.pc-menu a{ text-decoration: none;}
.pc-menu-item{ margin-left: 10px;font-size: 14px; font-weight: normal; line-height: 60px; color:#1D1D1D;
    text-decoration: none; box-sizing: border-box; border-bottom: 4px solid rgba(0, 0, 0, 0);
}
.pc-menu-item:hover,.pc-menu-item.active{ color:#0099FF !important;font-size: 14px; /* font-weight: bold; */ line-height: 60px; text-decoration: none; box-sizing: border-box;
}
.pc-menu-item-con{ line-height: 60px; position:relative; padding: 0px 10px;font-size: 14px; font-weight: normal; line-height: 60px; color:#1D1D1D; text-decoration: none; box-sizing: border-box;}
.pc-menu-item:hover .pc-menu-item-con:before,
.pc-menu-item.active .pc-menu-item-con:before{
    content: ''; height: 4px; background: #0099FF; position: absolute; left:0px; right:0px; bottom:0px;
}

/* .pc-menu-item:before{content:''; position: absolute; bottom: -4px; left:0px; right:0px; height: 4px; background-color: #0099FF; z-index: 99;} */

/* 文字二级菜单 */
.pc-menu-item .text-second-menu{display: none;}
.pc-menu-item:hover .text-second-menu{ display:block; position:absolute; left:0px; right:0px; top:60px; background-color: #fff;
	box-sizing: border-box; border-top:1px solid #cecece;
}
.text-second-menu-main{ width: 1200px; margin: 0px auto;}
.text-ment-item{height: 80px; margin-left:50px; line-height: 80px; font-family: Avenir Next World; font-size: 14px; font-weight: normal;  color: #8A8A8A;}
.text-ment-item a{color:#8A8A8A; line-height: 80px; display: block;}
.text-ment-item:nth-child(1){margin-left: 0px;}
.text-ment-item:hover a{ color:#1298F1; font-weight: bold; }

/* 产品二级菜单 */
.pc-menu-item .pr-second-menu{display: none;}
.pc-menu-item:hover .pr-second-menu{ display:block; position:absolute; left:0px; right:0px; top:60px; background-color: #fff;
    padding-top:20px; padding-bottom:20px; box-sizing: border-box; border-top:1px solid #cecece;
}
.pr-second-menu-main{ width: 1200px; margin: 0px auto;}

.pr-second-menu-left{ width: 181px; margin-top: 10px;}
.pr-second-menu-right{ margin-left: 10px; display: none; animation: fadeIn 0.5s ease; width: calc(100% - 190px)}
.pr-second-menu-right.active { display: block; }
.pr-thire-menu-item{width: 181px; height: 35px;text-align: center; position: relative; z-index: 99; 
display: block; line-height: 35px; font-family: Avenir Next World; font-size: 14px; color: #1D1D1D; font-weight: 100;}
.pr-thire-menu-item:hover,.pr-thire-menu-item.active{ background: #F7F8FA; font-family: Avenir Next World; font-size: 14px; font-weight: bold; color: #0099FF; }

.pr-thire-menu-more{
    width: 181px; height: 35px; text-align: center; line-height: 35px; background: #0099FF;
    font-family: Avenir Next World; font-size: 14px; font-weight: bold; color: #FFFFFF; margin-top: 100px;
}
.pr-thire-menu-more:hover,.pr-thire-menu-more.active{
	background: #0066FF;
}
.pr-thire-menu-more a{ color: #FFFFFF;}
.pr-thire-content-more{color: #1D1D1D;}
.pr-thire-content-more-img{ width: 10px; height: 10px; background-image: url(../images/icon-next1.png); background-size: 100% 100%;}
.pr-thire-content-more:hover .pr-thire-content-more-img{
	background-image: url(../images/icon-next1-hover.png);
}
.pr-thire-content-more:hover{color: #0066FF;}
.pr-thire-content{}
.pr-thire-content-item{
    width: 326px; height: 132px; border-radius: 10px; background: #F7F8FA; margin-top: 10px !important; margin-left: 9px;
    font-weight: 100; color:#1D1D1D;
}
.pr-thire-menu-img{position: relative; width: 130px;height: 130px; overflow: hidden; transition: all 0.3s;}
.pr-thire-menu-img img{position:absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.3s;}
.pr-thire-menu-img .nor{z-index: 111; opacity: 1; }
.pr-thire-menu-img .hov{z-index: 11; opacity: 0;}
.pr-thire-content-item:hover .pr-thire-menu-img .nor{z-index: 11;opacity: 0;}
.pr-thire-content-item:hover .pr-thire-menu-img .hov{z-index: 111;opacity: 1;transform: scale(1.05);}  

/* 图标菜单 */
.pc-menu-item .icon-second-menu{display: none;}
.pc-menu-item:hover .icon-second-menu{ display:block; position:absolute; left:0px; right:0px; top:60px; background-color: #fff;
    padding-top:38px; padding-bottom:38px; box-sizing: border-box; border-top:1px solid #cecece;
}
.icon-second-menu-main{ width: 1200px; margin: 0px auto;}
.icon-second-menu-item{ padding:24px; margin-left: 24px; line-height: 25px; color:#6B6B6B; font-weight: 100;
	background: #F4F4F4; border-radius: 10px;
}
.icon-second-menu-item-text{
	color:#4A4A4A; line-height: 150%;
}
.icon-second-menu-main .icon-second-menu-item:nth-child(1){ margin-left: 0px;}
.icon-menu-img-item{ margin-left: 60px;}
.icon-second-menu-item .icon-menu-img-item:nth-child(1){margin-left: 0px;}
.icon-menu-img{width: 68px; height: 68px; border-radius: 10px;	background-color: #FFFFFF; margin: 0px auto;
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); overflow: hidden;
}
.icon-menu-img img{ max-width: 68px; max-height: 68px;  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.icon-menu-img-item:hover .icon-menu-img{ transform: scale(1.1);}

.pc-menu-btn{ width: 107px; height: 30px; border-radius: 104px;
    display: flex; flex-direction: column; padding: 4.5px 12px; background: #0099FF;
    font-family: Avenir Next World; font-size: 14px; font-weight: bold; line-height: 30px;
    text-align: center; letter-spacing: 0px; font-variation-settings: "opsz" auto; color: #FFFFFF;
    margin-left: 20px;
}

.main-banner{ height: 1000px; background-position: center; background-repeat: no-repeat; position: relative;}
.main-banner .swiper-pagination-bullet{ width: 66px; height:4px; border-radius: 5px;}
.main-banner .swiper-slide{background-position: center; background-repeat: no-repeat; background-size: 2560px 1000px;}
.main-banner .swiper-pagination-bullet{ background: #fff;}
.main-banner .swiper-pagination-bullet-active{ background: #0099FF;}
.banner-right{ position: absolute; right:0px; top: 180px;}
.banner-right div{ text-align: right;}

.main-float-two{background-repeat: no-repeat; background-position: center; background-color: #E5E7EB;}
.main-float-two-item{
	width: 426px; height: 480px !important; border-radius: 18px;
	box-sizing: border-box; padding:30px 0px 0px 0px;
	background: rgba(255, 255, 255, 0.5); border: 1px solid #FFFFFF;
}
.main-float-two-item:hover{ background: #FFFFFF;  }
.main-float-two-img{ width: 250px; height: 250px; margin: 0px auto;}
.main-float-two-text{ margin-left: 36px; margin-right: 36px; margin-top: 42px;}
.main-float-two-tag{ font-family: Avenir Next World; font-size: 16px; color: #949AA1;}
.main-float-two-swiper{ width: 1200px; height: 454px;  margin: 0px auto;}
.main-float-two-swiper .swiper-button-prev,
.main-float-two-swiper .swiper-button-next{position: absolute; top:930px; color:#fff; width: 36px !important; height:36px !important; font-size: 30px;
	background-color: #3D3D3D; border-radius: 50px;
}
.main-float-two-swiper .swiper-button-prev::after,.main-float-two-swiper .swiper-button-next::after{ font-size: 18px !important; font-weight: bold;}
.main-float-two-swiper .swiper-button-prev{left:1100px;}
.main-float-two-swiper .swiper-slide{ width:384px !important;}

.main-float-three-bg{background-color: #F5F5F7;}
.main-float-three-con{ margin-top: 60px;}
.main-float-three-item{ width: 588px; height: 690px; border-radius: 18px; background: #FFFFFF; overflow: hidden;}
.main-float-three-item-img{width: 582px;height: 350px; overflow: hidden;}
.main-float-three-item-img img{ width: 582px;height: 350px; transition: all 0.3s;}
.main-float-three-item:hover .main-float-three-item-img img{transform: scale(1.05);}
.main-float-three-item-text{ margin-top: 50px;}
.main-float-three-bottom{margin-top: 180px;}
.main-float-three-bottom-img{width: 843px; height: 585px;}
.main-float-three-bottom-text{ width: 435px;}

.main-float-four{ height:800px; position: relative;}
.main-four-gallery-top{ height:100%; position: relative;}
.main-four-gallery-top .swiper-slide{ background-repeat: no-repeat; background-position: center; position: relative; overflow: hidden;}
.main-four-gallery-thumbs{ height: 150px; position: absolute; bottom:53px; width:1200px; left:50%; margin-left: -600px; overflow: hidden;}
.main-four-gallery-thumbs .swiper-slide{position:relative; border-radius: 4px; box-sizing: border-box; border: 4px solid #303030;}
.main-four-gallery-thumbs .swiper-slide:hover{cursor:pointer;}
.main-four-gallery-thumbs .swiper-slide.swiper-slide-thumb-active:before{display: none !important;}
.main-four-gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border: 4px solid #fff;}
.main-four-gallery-thumbs .swiper-slide:before{ content:""; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index: 999; background-color: rgba(0,0,0,0.7);}
.tvc-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.tvc-screen:after{content: ""; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.6); z-index: 1;}
.tvc-video { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); }
.video-cover { 
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background-size: cover; background-position: center; z-index: 1; transition: opacity 0.3s ease; 
}
.video-cover.hidden { opacity: 0; pointer-events: none; }


.main-float-five-con{ margin-top: 20px; width:100%; }
.marquee-wrapper { width: 100%; overflow: hidden; position: relative; padding: 20px 0; }
.marquee-track { display: flex; width: fit-content; animation: scroll 100s linear infinite; }
.marquee-item { width: 240px; height: 120px; flex-shrink: 0; margin: 0; overflow: hidden; transition: transform 0.1s ease; }
.marquee-item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.1s ease; }
.marquee-item:hover img { transform: scale(1.1); }
@keyframes scroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

.main-float-six-bg{background: #F6F8FB;}
.main-float-six-con{ margin-top: 36px;}
.main-float-six-text{padding:24px 0px; box-sizing: border-box; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #EAEDF0;}
.main-float-six-text-left{ width:100px;font-family: Avenir Next World; font-size: 14px; color: #5D5D5D;}
.main-float-six-text-right{ font-family: Avenir Next World;font-size: 20px; color: #3D3D3D;}
.main-float-six-text:hover .main-float-six-text-left,
.main-float-six-text:hover .main-float-six-text-right{color:#0066FF;}
.main-float-six-con .main-float-six-text:last-child{border-color:rgba(0,0,0,0);}
.main-float-six-bottom{ margin-top: 60px;}
.main-float-six-item{ width: 384px;height: 322px; border-radius: 18px; overflow: hidden; position: relative;background: #FFFFFF;}
/* .main-float-six-item-img{width: 384px;height: 220px; overflow: hidden;}
.main-float-six-item-img img {width: 384px;height: 220px; display: block; transition: all 0.3s; } */
.main-float-six-item-img{width: 384px;height: 220px; overflow: hidden;}
.main-float-six-item-img img {width: 384px;height: 220px; display: block; transition: all 0.3s; }
.main-float-six-item:hover img{transform: scale(1.05);}
.main-float-six-bottom a{ text-decoration: none;}
.main-float-six-item-text{
	width: 384px; height: 54px; padding:0px 24px; margin-top: 24px; box-sizing: border-box; text-decoration: none;
	font-family: Avenir Next World; font-size: 18px; color: #3D3D3D; text-overflow: -o-ellipsis-lastline;
	overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	line-height: 25px;
}
.main-float-six-item:hover .main-float-six-item-text{color:#1298F1;}

.main-float-seven{height:800px; background-repeat: no-repeat; background-position: center; background-color: #1d1d1d;}
.main-float-seven-line{width: 118.3px; height: 1px; background-color: #D8D8D8; margin-top: 34px;}
.main-float-seven-right{width:260px;}
.main-float-seven-tag{font-family: Avenir Next World;font-size: 35.95px;font-weight: bold;color: #27E097;
	position: absolute; left:100%; top:0px;
}

.left-in-animate{opacity: 0; transform: translateX(-150px); transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.1);}
.left-in-animate.show{opacity: 1; transform: translateX(0);}

.main-footer{
	background-color: #000; background-position: center; background-repeat: no-repeat;
	height: 599px; background-image: url(../images/footer-bg.png);
}
.main-footer img{ display: block;}
.main-footer a{text-decoration: none;}
.main-footer-left{width: 780px;}
.main-footer-right{ width:310px; }
.main-footer-btn{
	text-decoration: none;
	width: 187px; height: 40px; display: flex; flex-direction: column; justify-content: center; align-items: center;
	line-height: 40px; font-family: Avenir Next World;font-size: 20px; font-weight: bold; color: #F6F8FB;
	border-radius: 60px; background: #1298F1;
}	
.main-footer-text{
	text-decoration: none; font-family: Avenir Next World; font-size: 14px; font-weight: normal; color: rgba(255, 255, 255, 0.6); margin-top: 8px;
}
.main-footer-bottom{
	margin-top: 160px; border-top: 1px solid rgba(216, 216, 216, 0.6); padding-top:14px;
	font-family: Avenir Next World; font-size: 12px; color: rgba(255, 255, 255, 0.6);
}
.main-footer-bottom a{font-size: 12px; color: rgba(255, 255, 255, 0.6); text-decoration: none;}


.li-banner{
	background-position: center; background-repeat: no-repeat; background-size: 2560px 900px;
	width: 100%; height: 900px; min-width: 1200px;
}
.floor-main-box{ width: 1200px; position:relative; height: 100%; margin: 0px auto;}
.floor-box{}
.floor-con{
	min-width: 1200px; width: 100%; margin: 0px auto; background-size: 100% 100%; background-repeat: no-repeat; position: relative;
}
.floor-con-min{
	width: 1200px; 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-min3{
	width: 1050px; margin: 0px auto; background-size: 100% 100%; background-repeat: no-repeat; position: relative;
}
.floor-con-min4{
	width: 1000px; 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:0px; top:270px; }

.content-center{
	position: absolute; width: 1000px; left:50%; top:35%; margin-left: -500px;
	text-align: center; 
}
/* 其他尺寸 */
/* @media (max-width: 1620px) { .li-floor .li-floor-con{ position: absolute; right:120px; top:270px; } }
@media (max-width: 1420px) { .li-floor .li-floor-con{ position: absolute; right:80px; top:270px; } } */

.li-floor2{ width: 100%; height:860px; margin-top: 70px; background-position: center; background-repeat: no-repeat;}
.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:1200px; height: 550px; }
.li-floor3-con{ position: absolute; left:50px; top:300px; }
.li-floor3-1{ width: 590px; 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: 650px; float: left;}
.li-floor4-right{ width: 500px; 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; */
}
.con-bg4 .li-floor8-con-item:hover{
	/* background-color: #363535; */
	background-color: #1A1A1A;
}


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

.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-box{ background: linear-gradient(124deg, #000000 15%, #05244A 48%, #2566D6 91%);}
.p20-float-three{ height: 900px; max-width: 1920px; min-width: 1400px; background-size: inherit; background-position: center; background-repeat: no-repeat;}
.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:30px; top: 200px; width:470px;}
.p20-float-three-con{ height: 295px;}

/* 其他尺寸 */
/* @media (max-width: 1720px) { .p20-float-three-con{ left:285px; } }
@media (max-width: 1620px) { .p20-float-three-con{ left:185px; } }
@media (max-width: 1420px) { .p20-float-three-con{ left:55px; } } */


.p20-float-four{ height: 1147px; }
.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: 470px;}
.p20-float-five-left-top{ width: 100%; height:465px;}
.p20-float-five-left-bottom{ width: 100%; height:250px;}
.p20-float-five-right{ width: 710px; height:720px;}
.p20-float-five-right img{ width:100%; height: 100%;}

.p20-item-bg{ background-color: #1A1A1A; color:#fff;}
.p20-item-bg div{color:#fff;}
.tr-col3-max>div .p20-item-bg,.tr-col2-max>div .p20-item-bg{
	border-radius: 18px; background-color: #0F0F0F !important;
}
.tr-col3-max>div:hover .p20-item-bg{/* ,.tr-col4-max>div:hover .p20-item-bg */
	border-radius: 18px; background-color: #2B2B2B !important;
}

.p10-float-one{ height:860px; position: relative;}
.p10-float-one img{width: 100%; height:860px;}
.p10-float-one-con{ position: absolute; right:30px; top: 180px; width:750px;}
/* 其他尺寸 */
/* @media (max-width: 1880px) { .p10-float-one-con{ right:200px; } }
@media (max-width: 1720px) { .p10-float-one-con{ right:300px; } }
@media (max-width: 1620px) { .p10-float-one-con{ left:700px; } }
@media (max-width: 1420px) { .p10-float-one-con{ left:500px; } } */


.p10-float-two{ height:1110px; }
.p10-float-two-con{ height: 430px;}
.p10-float-two-img{ width: 1200px; height: 600px; border-radius: 20px; margin: 0px auto;}
.p10-float-two-img img{ width: 1200px; height: 600px; }
.p10-float-two-img .swiper-pagination-bullet { width:25px; height:25px; color:#fff; line-height: 25px;}
.p10-float-two-img .swiper-button-prev,.p10-float-two-img .swiper-button-next{position: absolute; top:650px; color:#5D5D5D; width: 36px !important; height:36px !important; font-size: 30px;
	background-color: #EAEDF0; border-radius: 50px;
}
.p10-float-two-img .swiper-button-prev::after,.p10-float-two-img .swiper-button-next::after{ font-size: 18px !important; font-weight: bold;}
.p10-float-two-img .swiper-button-prev{left:1100px;}

.p10-float-three{ height:1020px; }
.p10-float-three-con{}
.p10-float-three-left{ width:827px; height: 550px; border-radius: 20px; overflow: hidden; background-color: #F9FAFC;}
.p10-float-three-left img{ width: 925px; height:550px;}
.p10-float-three-right{ width:351px; height: 550px; background-color: #F9FAFC; border-radius: 20px; overflow: hidden;}


.p10-float-four{ height:1488px;}
.p10-float-four-left{ width:825px; height: 500px; border-radius: 20px; overflow: hidden; background-color: #fff;}
.p10-float-four-left img{ width: 825px; height:500px;}
.p10-float-four-right{ width:350px; height: 500px; background-color: #fff; border-radius: 20px; overflow: hidden;}
.p10-float-four-right img{ height: 350px; height:500px;}
.p10-float-four-bottom-left,.p10-float-four-bottom-right{width: 588px; height: 386px; border-radius: 20px; border-bottom: 0px; background-color: #fff;}
.p10-float-four-bottom-left img,.p10-float-four-bottom-right img{
    width: 588px; height: 386px;
}

.p30-float-one-bg{ background: linear-gradient(328deg, #000000 33%, rgba(0, 0, 0, 0) 55%); }

.p30-float-two-bg{ background: #1C1C1C; }
.p30-float-two-top{ margin-top: 50px; width: 1200px; height:567px;}
.p30-float-two-top img{ width: 100%; height:100%;}
.p30-float-two-bottom{ margin-top: 15px; }
.p30-float-two-left-img{ width: 823px; height:350px;}
.p30-float-two-right-img{ width: 363px; height:350px;}
.p30-float-two-left-img img,.p20-float-two-right-img img{width:100%; height:100%;}

.p30-float-three-bg{ background: linear-gradient(36deg, #000000 17%, #212439 110%);}
.p30-float-three-bg-img{ background-position:center; height: 900px; background-repeat: no-repeat;}
.p30-float-three-con-list{ list-style-type: none; }
.p30-float-three-con-list-item { margin-left: 20px; font-family: Avenir Next World; font-size: 16px; font-weight: normal; line-height:200%; letter-spacing: normal; color: #949AA1; }
.p30-float-three-con-list-item::before { content: "•"; color: #666; font-weight: bold; display: inline-block; width: 1em; color:#1298F1; margin-left: -20px;}

.p30-float-four{}
.p30-float-four-con{ position: absolute; left:360px; top: 304px;}
.p30-float-four-left{ width:521px;}
.p30-float-four-left-top{ width: 100%; height:322px;}
.p30-float-four-left-bottom{ width: 100%; height:380px; background-color: #323232;}
.p30-float-four-right{ width: 655px; height: 702px;}
.p30-float-four-right img{ width:100%; height: 100%;}

.p30-float-five-bg{ background: linear-gradient(37deg, #000000 3%, #212439 113%);}
.p30-float-five{ }
.p30-float-five-top-left{ width: 752px; height:368px;}
.p30-float-five-top-right{ width: 429px; height:368px;}
.p30-float-five-top-right-con{ position: absolute; top:131px; left:37px;}
.p30-float-five-top-left img,.p30-float-five-top-right img{ width: 100%; height:100%;}
.p30-float-five-bottom-left{ width: 590px; height:368px;}
.p30-float-five-bottom-left-con{ position: absolute; top:62px; left:50px;}
.p30-float-five-bottom-right{ width: 590px; height:368px;}
.p30-float-five-bottom-left img,.p30-float-five-bottom-right img{ width: 100%; height:100%;}
.p30-float-five-bottom-right-con{ position: absolute; top:152px; left:50px;}

.p30-float-six-img-min{min-height: 380px; display: flex; justify-content: center; align-content: center; align-items: center;}

.cx30-float-one-bg{ background: #000002;}

.public-img-bottom{ width: 100%; height:860px; background-position: center; background-repeat: no-repeat;}
.public-img-100 img{width: 100%; height: 100%; display: block;}

.cx30-float-three-top{ margin: 0px auto; height: 550px; position: relative;}
.cx30-float-three-top img{ width: 100%; height:100%;}
.cx30-float-three-top-con{ position: absolute; width: 500px; left: 60px; top:200px;}
.cx30-float-three-bottom{ width: 588px; height: 550px;}
.cx30-float-three-bottom-con{ position: absolute; left:60px; right:60px; top:60px;}
.cx30-float-three-bottom-big-text{
	margin-top: 80px; font-family: Avenir Next World; font-size: 72px; font-weight: bold;
	line-height: normal; letter-spacing: normal; background: linear-gradient(180deg, #FFFFFF 22%, #C4D8FF 80%);
	-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;
}

.cx30-float-four-bg{ background: linear-gradient(180deg, #005EFF -147%, #000000 35%); height: 1700px;}
.cx30-float-four-top-img{width:882px; height: 610px;}
.cx30-float-four-bottom{ background: #10111A;  height:460px}
.cx30-float-four-bottom-left{width:600px;}
.cx30-float-four-bottom-left img{width:465px; height: 470px;}
.cx30-float-four-bottom-left-con{ width: 538px; line-height: 150%; color: #F6F8FB; }
.cx30-float-four-bottom-right{ width: 546px; }
.cx30-float-four-icon{ margin-top: 80px;}

.cx30-float-five-item{ width: 588px; height:744px; background-color: #10111A;}
.cx30-float-five-item-con{width: 488px; margin: 0px auto; margin-top: 48px;}

.p30-dual-float-four-top-left{width: 734px; height: 350px;background: linear-gradient(316deg, #0C0B09 48%, #001948 133%);}
.p30-dual-float-four-top-right{width: 450px; height: 350px; background: linear-gradient(205deg, #0C0B09 35%, #001948 175%);}
.p30-dual-float-four-bottom-left{width: 654px; height: 370px;background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.3) 16%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.3) 80%, #000000 94%), #000000;}
.p30-dual-float-four-bottom-right{width: 530px; height: 370px;}

.p30-dual-float-five{}
.p30-dual-float-five-con{ position: absolute; left:360px; top: 304px;}
.p30-dual-float-five-left{ width:490px;}
.p30-dual-float-five-left-top{ width: 100%; height:396px;}
.p30-dual-float-five-left-bottom{ width: 100%; height:373px; background-color: #323232;}
.p30-dual-float-five-right{ width: 688px; height: 767px;}
.p30-dual-float-five-right img{ width:100%; height: 100%;}

.p20r-float-two{width: 1200px; height: 768px; border-radius: 10px; margin-top: 50px; background: linear-gradient(8deg, #000000 0%, rgba(0, 0, 0, 0) 38%);
	position: relative; 
}
.p20r-float-two-bottom{border-radius: 0px 0px 10px 10px;width: 1200px; height: 118px; background: rgba(30, 30, 25, 0.5); backdrop-filter: blur(520px);}
.p20r-float-two>img{width: 1200px; height: 650px; display: block; border-radius: 10px;}
.p20r-float-two-float-img{ position: absolute; left:64px; bottom:30px;}
.p20r-float-two-float-img>img{width: 148px; height: 190px;}

.p20r-float-three-left{width: 743px; height: 460px; box-sizing: border-box; border: 1px solid; background: #17181A; position: relative;}
.p20r-float-three-left-con{ position: absolute; left:35px; top:180px;}
.p20r-float-three-right{width: 433px; height: 460px; border-radius: 10px; background: #17181A;}

.p20r-float-four{}
.p20r-float-four .p20r-float-four-item{width: 588px; height: 432px; border-radius: 10px; background: #17181A; overflow: hidden; margin-left: 24px; margin-top: 24px;}
.p20r-float-four .p20r-float-four-item:nth-child(2n-1){margin-left: 0px;}
.p20r-float-four-item img{width: 588px; height: 324px; display: block;}
.p20r-float-four-item-con{ margin: 24px; color: #F6F8FB;}

.m50se-float-two{ background-repeat: no-repeat; background-size: 100% 100%;}
.m50se-float-two-top-img,.m50se-float-two-top-img img{width: 1200px; height: 567px;}
.m50se-float-two-bottom-item,.m50se-float-two-bottom-item img{width: 588px; height: 350px;}

.m50se-float-three-left{width: 531px;}
.m50se-float-three-left img{width: 531px; height: 600px;}
.m50se-float-three-right{width: 649px;}
.m50se-float-three-right img{width: 649px; height: 600px;}

.m50se-float-four{height: 900px; background-position: center; background-repeat: no-repeat;}
.li-btn2{border-radius: 63px; box-sizing: border-box; border: 1px solid #CFCFCF; height: 48px; padding: 0px 26px; font-family: Avenir Next World;
	font-size: 20px; font-weight: normal; line-height: 150%; letter-spacing: normal; color: #FFFFFF;}
.li-btn2:hover,.li-btn2.active{background: linear-gradient(183deg, #D8D8D8 -348%, rgba(216, 216, 216, 0) 203%); box-sizing: border-box; border: 1px solid;}
.li-btn2:nth-child(1) img{ width:28px; height:28px;}
.li-btn2:nth-child(2) img{ width:37px; height:37px;}

.m50se-float-five-left1{
	width: 654px; height: 400px; border-radius: 10px; overflow: hidden; position: relative;
background: linear-gradient(91deg, #000000 14%, rgba(0, 0, 0, 0) 34%), linear-gradient(180deg, #000000 10%, rgba(0, 0, 0, 0.3) 28%, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 0.3) 78%, #000000 92%), url(image.png), #000000;
}
.m50se-float-five-right1{ width: 530px; height: 400px; position: relative; border-radius: 10px; overflow: hidden; background: linear-gradient(133deg, #0C0B09 18%, #001948 76%);}
.m50se-float-five-right1 img,.m50se-float-five-left1 img,.m50se-float-five-left2 img,.m50se-float-five-right2 img,.m50se-float-five-bottom img{ width: 100%; height: 100%;}
.m50se-float-five-left2{width: 794px; height: 400px;}
.m50se-float-five-right2{width: 390px; height: 400px; position: relative; border-radius: 10px; overflow: hidden;
background: linear-gradient(199deg, #0C0B09 94%, #001948 137%);}
.m50se-float-five-bottom{width: 1200px; height: 450px; position: relative;}

.m50se-float-six{ height: 973px;  background-position: center; background-repeat: no-repeat;
	background-size:2560px 973px;
}


.connect-float-two{ border-radius: 18px; overflow: hidden; background: #F6F8FB;}
.connect-float-two-left{width: 600px;height: 600px;}
.connect-float-two-left img{ height: 100%; width: 100%;}
.connect-float-two-right{width: 600px; height: 600px; box-sizing: border-box; }
.connect-float-two-right-con{ margin: 85px 49px 85px 60px;}
.connect-float-two-line{margin-top: 36px; margin-bottom: 36px;}

.connect-float-three-bg{background-color: #F6F8FB;}
.connect-float-three-item{width: 582px;height: 600px;border-radius: 18px; background: linear-gradient(180deg, #0066FF -560%, #FFFFFF 56%);
	margin-top: 36px; margin-left: 36px;
}
.connect-float-three-bg .connect-float-three-item:nth-child(2n-1){ margin-left: 0px;}
.connect-float-three-item-img{ height: 450px;}
.connect-float-three-item-img img{ max-width: 100%; max-height: 100%;}
.connect-float-three-item-con{ margin-left: 50px; margin-right: 50px; margin-top: 10px;}

.connect-float-four-item{width: 1200px; margin:0px auto; background-color: #F6F8FB;border-radius: 18px; margin-top: 36px;
	padding: 54px 0px;
}
.connect-float-four-item-top-left{ margin-left: 50px;}
.connect-float-four-item-top-right{ margin-right: 36px; width: 624px; height: 392px;}
.connect-float-four-item-bottom-left{ margin-left: 36px; width: 624px; height: 392px;}
.connect-float-four-item-bottom-right{ margin-left: 57px; }

.connect-float-five-bg{background: linear-gradient(185deg, #EAF1FF 8%, #8499C0 206%);}
.connect-float-five-item{ width: 183px; height: 408px; border-radius: 16px; background: linear-gradient(200deg, rgba(255, 255, 255, 0.36) -3%, rgba(255, 255, 255, 0.6) 100%);
	margin-left: 20px; text-align: center;
}
.connect-float-five-item:hover{ background: rgba(255, 255, 255, 0.95); box-shadow: 0px 15px 30px 0px rgba(63, 91, 109, 0.05); }
.connect-float-five-bg .connect-float-five-item:first-child{margin-left: 0px;}
.connect-float-five-item-img{ margin: 0px auto; margin-top: 34px; width: 99px;height: 100px;}
.connect-float-five-item-title{
	font-family: Avenir Next World;	font-size: 20px;font-weight: bold; line-height: 150%; text-align: center;  color: #000000;
	text-align: center; margin-top: 41px;
}
.connect-float-five-item:hover .connect-float-five-item-title{ font-weight: bold; color: #000000;}
.connect-float-five-item-text{
	font-family: Avenir Next World; font-size: 14px; font-weight: normal; line-height: 150%; text-align: center; color: #5D5D5D;
	margin-top: 24px;
}

.connect-float-six-con{	margin-top: 75px;}
.connect-float-six-left{ padding-top: 265px; width: 510px;height: 530px;}
.connect-float-six-right{ width: 690px; }
.connect-float-six-right-item{ height: 68px; line-height: 68px; padding: 0px 24px; border-radius: 10px; background: #F6F8FB; margin-top: 12px;
	color: #5D5D5D; font-size: 16px; font-family: Avenir Next World;
}
.connect-float-six-right .connect-float-six-right-item:first-child{margin-top: 0px;}
.connect-float-six-right-item:hover,.connect-float-six-right-item.active{
	background: linear-gradient(90deg, #1398F1 0%, #0169FF 100%); color: #fff; font-weight: bold;
}
.connect-float-six-right-icon{ width: 24px; height: 24px; background-image:url(../images/connect-6-icon-next.png); background-image: 100% 100%;}
.connect-float-six-right-item:hover .connect-float-six-right-icon,.connect-float-six-right-item.active .connect-float-six-right-icon{
	background-image:url(../images/connect-6-icon-up.png);
}
.connect-float-six-right-remark{
	margin: 24px 24px 0px 24px; font-size: 16px;line-height: 150%;color: #5D5D5D; clear: both; padding-bottom: 12px;
	display: none; font-family: Avenir Next World;
}
.connect-float-six-right-remark.active{
	display: block;
}


.center-float-two{ border-radius: 18px; height: 600px; overflow: hidden; background: #F6F8FB;}
.center-float-two-left{width: 600px;height: 600px;}
.center-float-two-left img{ height: 100%; width: 100%;}
.center-float-two-right{ margin-left: 60px; width: 500px;}
.center-float-two-item{width: 384px; height: 161px; margin-left: 24px; border-radius: 18px;
	background: #F6F8FB; padding-left:30px; padding-top: 36px; box-sizing: border-box;
}
.center-float-two-item:hover{ box-shadow: 0px 10px 6px 0px rgba(0, 0, 0, 0.1);
	background: #fff; 
}

.center-float-three-item{ margin-top: 36px;border-radius: 18px; background: #FFFFFF; box-sizing: border-box;
	padding: 48px;
}
.center-float-three-item img{width: 545px;height: 404px; border-radius: 18px; overflow: hidden;}
.center-float-three-text{ width: 505px;}

.center-float-four-con{ margin-top: 66px;}
.center-float-four-item{ width: 384px; height: 450px; border-radius: 18px; background: #F6F8FB; box-sizing: border-box;}
.center-float-four-item-img{ height: 230px;}
.center-float-four-item-img img{ width: 120px; height: 120px;}

.center-float-five-bg{ background: linear-gradient(183deg, #EAF1FF 4%, #8499C0 220%); }
.center-float-five-con{ margin-top: 91px; height: 750px; border-radius:18px; overflow: hidden; background: #FFFFFF;}
.center-float-five-img{width: 400px; height: 750px;}
.center-float-five-img img{display: block;}
.center-float-five-right{ margin-left: 54px; width: 710px;}
.center-float-five-right-text{ margin-left: 15px; width: 560px;}
.center-float-five-right-next{ width: 80px; margin-top: 5px;}

.assistance-float-two-bg{ background: linear-gradient(180deg, rgba(234, 240, 255, 0) 0%, #EAF0FF 111%); }
.assistance-float-two-con{ margin-top: 97px; position: relative;}
.assistance-float-two-con img{display: block;}
.assistance-float-two-menu{ width: 700px;}
.assistance-float-two-menu-item{ width: 200px; border-bottom: 5px solid rgba(0,0,0,0); padding: 12px 0px; text-align: center;
	font-family: Avenir Next World; font-size: 24px; line-height: 120%; color: #000000;
}
.assistance-float-two-menu-item:hover,.assistance-float-two-menu-item.active{ 
	border-bottom: 5px solid #1298F1;  font-family: Avenir Next World; font-weight: bold; color: #1298F1;
}
.assistance-float-two-menu-con{
	position: absolute; top:90px; width: 900px; left:50%; margin-left: -450px; display: none; z-index: 99;
	font-family: Avenir Next World; font-size: 18px; line-height: 150%; text-align: center; color: #000000;
}
.assistance-float-two-menu-con.active{ display: block;}

.assistance-float-three-bg{ background-position: center; background-repeat: no-repeat; background-size: 2560px 1073px; height: 1073px; position: relative;}
.assistance-float-three-con{ position: absolute; top:120px; left: 0px; right: 0px;}
.assistance-float-three-bottom{ position: absolute; top:820px; left: 0px;}
.assistance-float-three-item{ padding: 25px 12px; border-radius: 11.16px; margin-left: 15px; background: rgba(246, 248, 251, 0.8);
	box-sizing: border-box; border: 2px solid #FFFFFF; backdrop-filter: blur(10px); box-shadow: 0px 10px 6px 0px rgba(0, 0, 0, 0.1);
}

.assistance-float-four-item{ height: 500px; border-radius: 18px; background: #F2F6FF;}
.assistance-float-four-text{ width: 545px;}

.assistance-float-five-item{ width: 228px; height: 416px; border-radius: 16px; background: linear-gradient(200deg, rgba(255, 255, 255, 0.36) -3%, rgba(255, 255, 255, 0.6) 100%);
	margin-left: 14px; text-align: center;
}
.assistance-float-five-item:hover{ background: rgba(255, 255, 255, 0.95); box-shadow: 0px 15px 30px 0px rgba(63, 91, 109, 0.05); }
.assistance-float-five-bg .assistance-float-five-item:first-child{margin-left: 0px;}
.assistance-float-five-item-img{ margin: 0px auto; margin-top: 34px; width: 99px;height: 100px;}
.assistance-float-five-item-title{
	font-family: Avenir Next World;	font-size: 20px;font-weight: normal; line-height: 150%; text-align: center;  color: #000000;
	text-align: center; margin-top: 41px;
}
.assistance-float-five-item:hover .assistance-float-five-item-title{ font-weight: bold; color: #000000;}
.assistance-float-five-item-text{
	font-family: Avenir Next World; font-size: 16px; font-weight: normal; line-height: 150%; text-align: center; color: #5D5D5D;
	margin-top: 24px;
}

.tms-float-two-bg{background-color: #FBFBFB;}
.tms-float-two-con{ margin-top: 67px;}
.tms-float-two-left{ width: 760px; height: 515px; overflow: hidden;}
.tms-float-two-left-img{display: none;}
.tms-float-two-right{ width: 430px; margin-left: 10px;}
.tms-float-two-nor{display: block;}
.tms-float-two-hov{display: none;}
.tms-float-two-item{ padding: 20px 22px; border-radius: 12px; background: #F5F5F5; margin-top: 20px; 
	font-family: Avenir Next World; font-size: 18px; line-height: 150%; color: #3D3D3D;
}
.tms-float-two-item:hover,.tms-float-two-item.active{ background: #0099FF; box-shadow: 0px 10px 6px 0px rgba(0, 0, 0, 0.1);
	font-weight: bold; color:#fff;
}
.tms-float-two-item:hover>div,.tms-float-two-item.active>div{color: #fff;}
.tms-float-two-item:hover .tms-float-two-nor,.tms-float-two-item.active .tms-float-two-nor{ display: none;}
.tms-float-two-item:hover .tms-float-two-hov,.tms-float-two-item.active .tms-float-two-hov{ display: block;}

.tms-float-three-bg{background-color: #EAF4FF;}
.tms-float-three-img{width: 1200px; height: 605; margin-top: 60px;}
.tms-float-three-img img{width: 1140; height: 550;}
.tms-float-three-con{}
.tms-float-three-con .tms-float-three-item{ width: 550px; margin-left: 100px; margin-top: 60px;}
.tms-float-three-con .tms-float-three-item:nth-child(2n-1){margin-left: 0px;}
.tms-float-three-con-icon{width: 60px; height: 60px;}
.tms-float-three-con-icon img{ width: 100%; height: 100%;}
.tms-float-three-con-text{ margin-left: 16px;}

.tms-float-four-left{ width: 685px; height: 532px; }
.tms-float-four-left img{ width: 100%; height: 100%;}
.tms-float-four-right{ width: 467px; margin-left: 48px; }
.tms-float-four-line{background-color: #D8D8D8; height: 1px; margin-top: 24px; margin-bottom: 24px;}

.tms-float-five-bg{ background-color: #EAF4FF; background-repeat: no-repeat; background-position: center; height: 1147px;
	background-size:1920px 1147px;
}
.tms-float-five-con{}
.tms-float-five-item-one{ width: 400px; position: relative; }
.tms-float-five-item-two{ width: 400px; position: relative; margin-left: 40px;}
.tms-float-five-item-three{ width: 320px; margin-left: 40px;}
.tms-float-five-item-line:before{
	content: ""; position: absolute; width: 1px; background-color: #4D4D4D; height: 140px; right:0px; top:80px;
}
.tms-float-five-item-con{width: 366px;}
.tms-float-five-item-con-img{width:60px; height: 60px;}

.tms-float-six-bg{ background-repeat: no-repeat; background-position: center; height: 695px;
	background-size:2560px 695px;
}
.tms-float-six-con{ margin-top: 28px;}
.tms-float-six-item{ width: 225px;height: 111px; border-radius: 38px; box-sizing: border-box;
	margin-left: 18px; font-family: Avenir Next World; font-size: 20px; font-weight: bold; line-height: 120%; text-align: center; color: #FFFFFF;
	background-image: url(../images/tms-6-item-bg.png); background-size: 100%;
}

.rki-float-two-bg{ background-color: #fff; background-repeat: no-repeat; background-position: center; height: 1109px;
	background-size:2560px 1109px;
}

.rki-float-three-bg{ height:1046px; background: linear-gradient(180deg, #FFFFFF -28%, #ACBED3 100%); }
.rki-float-three-item{
	width: 582px; height: 620px !important; border-radius: 18px; background: #FFFFFF; box-shadow: 0px 15px 11px 0px rgba(63, 91, 109, 0.05);
}
.rki-float-three-img{ height: 400px;}
.rki-float-three-img img{ max-width: 100%; max-height: 100%;}
.rki-float-three-text{ margin: 0px 45px; margin-top: 10px;}
.rki-float-three-swiper{ width: 1200px; height: 620px;  margin: 0px auto;}
.rki-float-three-swiper .swiper-button-prev,
.rki-float-three-swiper .swiper-button-next{position: absolute; top:800px; color:#5D5D5D; width: 36px !important; height:36px !important; font-size: 30px;
	background-color: #EAEDF0; border-radius: 50px;
}
.rki-float-three-swiper .swiper-button-prev::after,.rki-float-three-swiper .swiper-button-next::after{ font-size: 18px !important; font-weight: bold;}
.rki-float-three-swiper .swiper-button-prev{left:1100px;}

.rki-float-four-con{ margin-top: 56px;}
.rki-float-four-item{ width: 530px; }
.rki-float-four-title{
	width: 530px; height: 73px; border-radius: 10px; background: #0099FF; line-height: 73px;
	font-family: Avenir Next World; font-weight: bold; font-size: 30px; text-align: center; color: #FFFFFF;
}
.rki-float-four-title.black-title{ background: #828282; }
.rki-float-four-list{ margin-top: 37px;}
.rki-float-four-img{width: 60px; height: 60px; margin-left: 16px;}
.rki-float-four-text{ margin-left: 24px; }
.rki-float-four-text div{color: #5D5D5D;}
.rki-float-four-right h1{color:#3D3D3D;}

.rki-float-five-bg{ background: linear-gradient(180deg, #8499C0 26%, #EAF1FF 135%);}
.rki-float-five-con{}
.rki-float-five-item{
	width: 585px; height: 300px; border-radius: 18px; background: #FFFFFF; margin-left: 30px; margin-top: 30px;
}
.rki-float-five-con .rki-float-five-item:nth-child(2n-1){ margin-left: 0px;}
.rki-float-five-text{ width: 460px; margin: 0px auto; margin-top: 22px; font-family: Avenir Next World;
	font-size: 16px; font-weight: normal; line-height: 150%; letter-spacing: normal; color: #5D5D5D;
}

.p30t-float-two-top-img{ height: 480px; margin-top: 50px; border-radius: 10px;background: linear-gradient(180deg, rgba(37, 37, 37, 0) 0%, #252525 99%);}
.p30t-float-two-bottom{ margin-top: 24px;}
.p30t-float-two-bottom-item{width: 588px; height: 324px; border-radius: 10px; overflow: hidden; position: relative;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 74%, #000000 151%);}
.p30t-float-two-bottom-left{position: absolute; bottom:36px; left:36px;}
.p30t-float-two-bottom-right{position: absolute; bottom:36px; right:36px;}
.p30t-float-two-bottom-right-top{position: absolute; top:36px; right:36px;}

.p30t-float-three-bg{
	background-position: center; background-repeat: no-repeat; background: linear-gradient(180deg, #17181A 0%, #000000 100%)
}
.p30t-float-three-img{margin-top: 105px;}

.p30t-float-four-bg{
	height:900px; background-position: center; background-repeat: no-repeat; background-color: #101215;
}

.p30t-float-five-bg{
	height: 973px; background-position: center; background-repeat: no-repeat; background-color: #101215;
	background-size: 2560px 973px;
}

.softpos-float-two-bg{	background: #EAEDF0;}
.softpos-float-two-img{width: 1200px;height: 636px; border-radius: 18px; overflow: hidden; margin-top: 50px;}
.softpos-float-two-item{ width: 385px; height: 85px;border-radius: 18px; background: #F6F8FB; text-align: center;
	font-family: Avenir Next World;font-size: 18px;line-height: 150%;text-align: center;color: #5D5D5D; margin-top: 23px;
}

.softpos-float-three-bg{background: #F6F8FB;}
.softpos-float-three-con{
	width: 1200px;height: 550px; border-radius: 18px; background: #FFFFFF; overflow: hidden; margin-top: 60px;
}
.softpos-float-three-left{width: 549px; height: 549px;}
.softpos-float-three-right{width: 546px; margin-left: 50px;}
.softpos-float-three-line{background-color: #E3E3E3; height: 1px; margin-top: 50px; margin-bottom: 26px;}

.softpos-float-four-bg{background: #EAEDF0;}
.softpos-float-four-item{
	width: 1200px; padding: 52px 36px; border-radius: 18px; background: #FFFFFF; margin-top:24px;
}
.softpos-float-four-img{width: 520px; height: 357px; border-radius: 18px; overflow: hidden;}
.softpos-float-four-text{ width: 557px; }
.softpos-float-four-list{padding-left: 0px; color:#5D5D5D; font-family: Avenir Next World; font-size: 14px; margin-left: 20px;}
.softpos-float-four-list:before { content: "•"; font-weight: bold; display: inline-block; width: 1em; color:#1298F1; margin-left: -20px;}

.softpos-float-five-bg{ background: #F6F8FB;}
.softpos-float-five-con{}
.softpos-float-five-item{ width: 585px; height: 180px; border-radius: 18px; background: #EAEDF0; 
	padding:30px 30px 30px 21px; margin-left: 30px; margin-top:30px;
}
.softpos-float-five-con .softpos-float-five-item:nth-child(2n-1){ margin-left: 0px;}
.softpos-float-five-img{ width: 62px; height:62px; margin-right: 18px;}
.softpos-float-five-list{padding-left: 0px; color:#5D5D5D; font-family: Avenir Next World; font-size: 16px; margin-left: 20px;}
.softpos-float-five-list:before { content: "•"; font-weight: bold; display: inline-block; width: 1em; color:#1298F1; margin-left: -20px;}

.softpos-float-six-bg{background: #EAEDF0;}
.softpos-float-six-con{ width: 675px; margin: 0px auto; margin-top: 60px;}

.softpost-new-float-two-bg{background:#F6F8FB;}
.softpost-new-float-two-item{width: 360px;height: 98px;border-radius: 18px;background: #FFFFFF;
	box-sizing: border-box; padding: 9px 30px;
}
.softpost-new-float-two-item-left{ width:80px; height:80px; margin-right: 10px;}
.softpost-new-float-two-item-left img{width:100%; height:100%;}

.softpost-new-float-three-item{width: 1200px; height: 502px;border-radius: 18px;background: #FFFFFF;
	box-sizing: border-box; padding:40px; margin-top:16px;
}
.softpost-new-float-three-item-img{
	width: 520px; height: 422px; overflow: hidden; border-radius: 18px;
}
.softpost-new-float-three-item-txt1{
	margin-left: 43px; width: 535px; font-family: Avenir Next World; font-size: 20px; color: #5D5D5D;
}
.softpost-new-float-three-item-txt2{
	padding-left: 25px; width: 535px; font-family: Avenir Next World; font-size: 20px; color: #5D5D5D;
}

.case-box{ padding: 130px 0px 160px 0px;}
.case-box .case-item{width: 582px;height: 680px; margin-left: 36px; border-radius: 18px; background: #FFFFFF; margin-top: 36px;}
.case-box .case-item:nth-child(2n-1){margin-left: 0px;}
.case-box .case-item:hover{
	border-radius: 18px; background: #FFFFFF; box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.05);
}
.case-item .top-img{width: 582px;height: 350px;}
.case-item .top-img img{width:100%; height: 100%;}
.case-box .case-item-btn{
	width: 162px; height: 34px; display: flex; padding: 10px 24px; gap: 10px; border-radius: 50px; border:0px;
	text-align: center; box-sizing: border-box;
	background: rgba(0, 153, 255, 0.05);
	backdrop-filter: blur(10px);
	font-family: Avenir Next World; font-size: 14px; font-weight: normal; line-height: 100%;
	letter-spacing: normal; color: #0099FF;
	display: flex; justify-content: center; align-content: center; align-items: center;
}
.case-item .case-item-con{ margin: 24px 36px 36px 36px;}
.case-item-con img{width: 190px; height:67px;}

.case-form-mark{position: fixed; top:0px; left:0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.5); z-index: 99999; display: none;}
.case-form{ width: 982px; height: 90%; border-radius: 18px; overflow: hidden; position: absolute; top:5%; left:50%; margin-left: -491px;}
.case-form-close{ position: absolute; right:24px; top:24px;}
.case-form iframe{border:0px; width: 100%; height: 100%; overflow: scroll;}
.case-form-header{ height: 176px; width: 100%; border-radius: 18px 18px 0px 0px; background: #1298F1; padding-top: 56px;}
.case-form-header img{display:block;}
.case-form-con{
	background-color: #fff; padding-bottom: 36px;
}
.case-form-con-item{ margin-top: 24px; margin-left: 36px; margin-right: 26px;}
.case-form-con-item-icon{width:48px; height: 48px;}
.case-form-con-item-font{ font-family: Avenir Next World; font-size: 16px; line-height: 24px; letter-spacing: normal; color: #4B5563;}
.case-form-bottom{ height: 298px; border-radius: 0px 0px 18px 18px;
	background: #F9FAFB; box-sizing: border-box; border-width: 0.67px 0px 0px 0px;
	border-style: solid; border-color: #E5E7EB;
}
.case-form-bottom-con{ margin: 36px 36px 0px 36px;}
.case-form-bottom-con-item{ width: 430px;}
.case-form-bottom-con-item .bottom-con-img{ width: 169px; height: 169px; border-radius: 12px;
background: #FFFFFF; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1),0px 4px 6px -4px rgba(0, 0, 0, 0.1);}
.bottom-con-img img{ width: 100%; height: 100%;border-radius: 12px; overflow: hidden;}
.case-form-bottom-con-text{ width: 240px; margin-left: 15px;}
.case-form-bottom-con-text>div{word-wrap: break-word; overflow-wrap: break-word; }
.case-form-bottom-con-text img{width:102px; height:23px;}
.case-form-pro-list{padding-left: 20px; width: 216px; margin-top: 10px;}
.case-form-pro-list:before { content: "•"; font-weight: bold; display: inline-block; width: 1em; color:#4B5563; margin-left: -20px;}

.kit-float-one-bg{ background-size: 2560px 320px !important; height:320px !important}
.kit-float-one{ height:320px; 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: 90px; 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: 90px; 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; max-width: 1920px;}
.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;
}

@media (max-width: 1470px) {
    .banner1 .textBox .name{ margin-top:-350px !important;}
}
.product-float-two-con{ margin-top: 24px;}
.product-float-two-item{ width: 285px; height: 370px; margin-left: 20px; margin-top: 44px; position: relative; background-position: bottom; background-repeat: no-repeat;
	background-size: 285px 370px; transition: all 0.2s 
}
.product-float-two-item:hover{ transform: scale(1.05);}
.product-float-two-con .product-float-two-item:first-child{ margin-left: 0px;}
.product-float-two-img{ width: 285px; height: 219px; position: absolute; top:-44px; left:0px}
.product-float-two-img img{ width: 100%; height:100%; }
.product-float-two-item-text{ position: absolute; left:24px; right:24px;  bottom:24px;}
.product-float-two-btn{width: 132px; height: 40px; padding: 0px 24px; border-radius: 106.01px; background: #1298F1; color:#fff; box-sizing: border-box;
	font-family: Avenir Next World; font-size: 16px; text-align: center; display: block; text-decoration: none; line-height: 40px;
}
.product-float-two-item.one{ background-image: url(../images/products-2-1.png);}
.product-float-two-item.two{ background-image: url(../images/products-2-2.png);}
.product-float-two-item.three{ background-image: url(../images/products-2-3.png);}
.product-float-two-item.four{ background-image: url(../images/products-2-4.png);}

.product-float-img{ background-position: center; background-repeat: no-repeat; background-color: #000; height: 460px;
	background-size: 2560px 460px;
}
.product-float-con{}
.product-float-item{width: 285px; border-radius: 18px;background: #FFFFFF; box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.05);
	box-sizing: border-box; padding:12px 24px 30px 24px; margin-left: 20px; margin-top: 20px; transition: all 0.2s;
	position: relative;
}
.product-float-item a{ text-decoration: none;}
.product-float-item h1{ color: #1D1D1D;}
.product-float-con .product-float-item:nth-child(4n+1),.product-float-con .product-float-item:first-child{ margin-left: 0px;}
.product-float-item:hover{ transform: scale(1.02);}

.product-float-item .nor{z-index: 111; opacity: 1;}
.product-float-item .hov{z-index: 11; opacity: 0; display: none;}
.product-float-item:hover .product-float-item-img .nor{z-index: 11; opacity: 0; display: none;}
.product-float-item:hover .product-float-item-img .hov{z-index: 111;opacity: 1; display: block; /* transform: scale(1.05); */}

.product-float-item-img{ width: 220px; height: 220px; margin: 0px auto;}
.product-float-item-img img{max-width: 100%; max-height: 100%;}
.product-float-item-title{position: relative;}
.product-float-item-cor{font-family: Avenir Next World;font-size: 14px;font-weight: normal;line-height: 100%;text-align: center;letter-spacing: normal;color: #0099FF;
	position: absolute;left:110%; top:4px;
}
.product-float-item-tag{ font-family: Avenir Next World; font-size: 14px; font-weight: normal; height: 14px;
	line-height: 100%; text-align: center; letter-spacing: normal; color: #747474; margin-top: 10px; margin-bottom: 10px;
}

@media (max-width: 1720px) { 
	.kit-float-secven-left-con{left:160px;}
	.kit-float-secven-right-con{right:160px;}
}
@media (max-width: 1620px) { 
	.kit-float-secven-left-con{left:100px;}
	.kit-float-secven-right-con{right:100px;}
}
@media (max-width: 1420px) { 
	.kit-float-secven-left-con{left:30px;}
	.kit-float-secven-right-con{right:30px;}
}

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



.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; font-size: 16px;
	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; }

#spf-tabs .li-tab{font-size:28px; font-weight:bold; line-height: 32px; border-bottom: 5px solid transparent;}
#spf-tabs .li-tab.active { border-bottom: 5px solid #1298F1; }
.spf-tabs-con{display:none;}
.spf-tabs-con.active{display:flex;}
.li-show{ display:block; }
.li-hide{ display: none; }

.pr-list{ display: flex; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center;}
.pr-list-item{ margin-left: 24px; margin-top: 70px;}
.pr-list .pr-list-item:first-child{ margin-left: 0px; }
.pr-list-item-img{
	width: 282px; height: 380px; border-radius: 18px; opacity: 1; background-color: #0F0F0F;
	display: flex; justify-content: center; align-content: center; align-items: center;
}
.pr-list-item-img img{ width: 282px; max-height: 380px;}
.pr-list .pr-list-item:hover .pr-list-item-img{ background-color: #1A1A1A; }
.pr-list.pr-list-w .pr-list-item-img,.pr-list-item-img-w{background-color: #F9FAFC;}
.pr-list.pr-list-w .pr-list-item:hover .pr-list-item-img,.pr-list-item-img-w:hover{background-color: #F3F4F5;}
.pr-list .pr-list-item>div{width: 282px;}
@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,.title-70{
		font-family: Avenir Next World; margin: 0px; font-size: 7rem; font-weight: bold; line-height: 120%;
	}
	.con-title-max1,.title-64{
		font-family: Avenir Next World; margin: 0px; font-size: 6.4rem; font-weight: bold; line-height: 120%;
	}
	.con-title,.title-60{
		font-family: Avenir Next World;
		font-size: 6rem; font-weight: bold; line-height: 120%; color: #3D3D3D;
		word-wrap:break-word;
	}
	.con-title-m2,.title-56{
		font-family: Avenir Next World;
		font-size: 5.6rem; font-weight: bold; line-height: 120%; color: #3D3D3D;
		word-wrap:break-word;
	}
	.con-title-min,.title-48{
		font-family: Avenir Next World;
		font-size: 4.8rem; font-weight: bold; line-height: 120%; color: #3D3D3D;
		word-wrap:break-word;
	}
	.con-title-min2,.title-46{
		font-family: Avenir Next World;
		font-size: 4.6rem; font-weight: bold; line-height: 120%; color: #3D3D3D;
		word-wrap:break-word;
	}
    .con-title-m,.title-36{
    	font-family: Avenir Next World; margin: 0px; font-size: 3.6rem; font-weight: bold; line-height: 120%;
    }
	.con-title-min2,.title-28{
		font-family: Avenir Next World; margin: 0px; font-size: 2.8rem; font-weight: bold; line-height: 120%;
	}
	.title-20{
		font-family: Avenir Next World; margin: 0px; font-size: 2rem; font-weight: bold; line-height: 120%;
	}
	.con-title-min3,.title-18{
		font-family: Avenir Next World; margin: 0px; font-size: 1.8rem; font-weight: bold; line-height: 120%;
	}
	.title-16{
		font-family: Avenir Next World; margin: 0px; font-size:1.6rem; font-weight: bold; line-height: 120%;
	}
	.con-text-max2,.text-42{
		font-family: Avenir Next World;
		font-size: 4.2rem; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
	}
	.con-text-max3,.text-38{
		font-family: Avenir Next World;
		font-size: 3.8rem; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
	}
	.text-36{
		font-family: Avenir Next World;
		font-size: 3.6rem; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
	}
	.con-text-max,.text-32{
		font-family: Avenir Next World;
		font-size: 3.2rem; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
	}
	.con-text-max2,.text-30{
		font-family: Avenir Next World;
		font-size: 3rem; line-height: 150%; letter-spacing: 0px; color: #3D3D3D;
	}
	.con-text,.text-28{
		font-family: Avenir Next World;
		font-size: 2.8rem; font-weight: normal; line-height: 150%; color: #3D3D3D;
		word-wrap:break-word;
	}
	.text-26{
		font-family: Avenir Next World;
		font-size: 2.6rem; font-weight: normal; line-height: 150%; color: #3D3D3D;
		word-wrap:break-word;
	}
	.con-text-m,.text-24{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: 2.4rem; font-weight: normal; line-height: 150%; color: #3D3D3D;
	}
	.con-text-min2,.text-22{
		font-family: Avenir Next World;
		font-size: 2.2rem; font-weight: normal; line-height: 150%; color: #3D3D3D;
	}
	.text-20{
		font-family: Avenir Next World;
		font-size: 2rem; font-weight: normal; line-height: 150%; color: #3D3D3D;
	}
	.text-18{
		font-family: Avenir Next World;
		font-size: 1.8rem; font-weight: normal; line-height: 150%; color: #3D3D3D;
	}
	.text-16{
		font-family: Avenir Next World;
		font-size: 1.6rem; 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: 6.6rem; text-align: center;
		font-variation-settings: "opsz" auto; color: #FFFFFF; margin-top: 0px !important;
	}
	.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,.con-mr-lr50{margin-left: 5rem; margin-right: 5rem;}
	.con-mr-b{ margin-bottom: 5rem;}
	.mr-t70{ margin-top: 7rem;}
	.mr-t60{ margin-top: 6rem;}
	.mr-t57{ margin-top: 5.7rem;}
	.mr-t50{ margin-top: 5rem;}
	.mr-t48{ margin-top: 4.8rem;}
	.mr-t42{ margin-top: 4.2rem;}
	.mr-t36{ margin-top: 3.6rem !important;}
	.mr-t35{ margin-top: 3.5rem !important;}
	.mr-t30{ margin-top: 3rem !important;}
	.mr-t28{ margin-top: 2.8rem;}
	.mr-t25{ margin-top: 2.5rem;}
	.mr-t24{ margin-top: 2.4rem;}
	.mr-t20{ margin-top: 2rem;}
	.mr-t22{ margin-top: 2.2rem;}
	.mr-t16{ margin-top: 1.6rem;}
	.mr-t14{ margin-top: 1.4rem;}
	.mr-t12{ margin-top: 1.2rem;}
	.mr-t10{ margin-top: 1rem;}
	.mr-t8{ margin-top: 0.8rem;}
	.mr-t5{ margin-top: 0.5rem;}
	
	.mr-l10{ margin-left: 1rem !important;}
	.mr-l16{ margin-left: 1.6rem;}
	.mr-l20{ margin-left: 2rem;}
	.mr-l30{ margin-left: 3rem;}
	.mr-l76{ margin-left: 7.6rem;}
	
	
	.li-green-tag{
		height: auto; padding: 0px 0px; box-sizing: border-box;border-radius: 0px 0px 10px 10px; line-height: 2rem;
		font-family: Avenir Next World; font-size: 2rem; position: absolute; left: 2.6rem; top:2.6rem; z-index:999; color: #00BD75;
		background: none;
	}
	.li-blue-tag{
		height: auto; padding: 0px 0px; box-sizing: border-box;border-radius: 0px 0px 10px 10px; line-height: 2rem;
		font-family: Avenir Next World; font-size: 2rem; position: absolute; left: 2.6rem; top:2.6rem; z-index:999; color: #007EF3;
		background: none;
	}
	.li-orange-tag{
		height: auto; padding: 0px 0px; box-sizing: border-box;border-radius: 0px 0px 10px 10px; line-height: 2rem;
		font-family: Avenir Next World; font-size: 2rem; position: absolute; left: 2.6rem; top:2.6rem; z-index:999; color: #EE6300;
		background: none;
	}
	
	.main-banner-app{ width:75rem; height: 108rem; background-position: center; background-repeat: no-repeat; position: relative;
		background-size: 100% 100%; overflow: hidden;
	}
	.main-banner-app .swiper-wrapper{ width: 100%; height: 100%;}
	.main-banner-app .swiper-pagination-bullet{ width: 6rem; height:4px; border-radius: 5px;}
	.main-banner-app .swiper-pagination-bullets{bottom: 5rem !important;}
	.main-banner-app .swiper-slide{ width:75rem; height: 108rem; background-position: center; background-repeat: no-repeat;background-size: 100% 100%;}
	.main-banner-app .swiper-pagination-bullet{ background: #fff;}
	.main-banner-app .swiper-pagination-bullet-active{ background: #0099FF;}
	
	
	.main-float-two{background-repeat: no-repeat; background-position: center; background-color: #E5E7EB;}
	.main-float-two-new{position:absolute; top:2.4rem; left:2.4rem; 
		font-family: Avenir Next World;font-size: 2rem;color: #0099FF;
	}
	.main-float-two-con{ width: 100%; height: 80.6rem; position:relative;}
	.main-float-two-con-text{ position: absolute; left:0px; right:0px; top:10rem;}
	.main-float-two-bottom{ margin:0px 3.6rem;}
	.main-float-two-item{
		width: 32.7rem; height: auto !important; border-radius: 1.8rem; position: relative;
		box-sizing: border-box; padding:4rem 2.4rem 2.4rem 2.4rem;
		background: #fff; border: 1px solid #FFFFFF; margin-left: 2.4rem; margin-top: 2.4rem;
	}
	.main-float-two-bottom .main-float-two-item:nth-child(2n-1){ margin-left: 0px;}
	.main-float-two-item:hover{ background: #FFFFFF; }
	.main-float-two-img{ width: 25rem; height: 25rem; margin: 0px auto;}
	.main-float-two-img img{ width: 25rem; height: 25rem; margin: 0px auto;}
	.main-float-two-text{ margin-top: 3rem; margin-left: 0px; margin-right: 0px;}
	.main-float-two-tag{ font-family: Avenir Next World; font-size: 2.2rem; color: #949AA1; 
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		max-height: 10rem;
		line-height: 3.5rem; 
	}
	
	
	.main-float-three-bg{background-color: #F5F5F7;}
	.main-float-three-con{ margin-top: 0px; margin: 0px 2.4rem;}
	.main-float-three-item{ width: 70.2rem;height: 73.2rem; border-radius: 1.8rem; background: #FFFFFF; overflow: hidden; margin-top: 3.6rem;}
	.main-float-three-item-img{width: 70.2rem; height: 35rem;}
	.main-float-three-item-text{ margin-top: 3.6rem;}
	.main-float-three-bottom{margin-top: 12rem}
	.main-float-three-bottom-img{width: 75rem;height: 45rem; margin: 0px auto; margin-top: 5rem;}
	.main-float-three-bottom-text{ width: 75rem;}
	.btn-con-item{ padding:1rem 8rem; border-radius: 100px;background: #0099FF;	 font-family: Avenir Next World;font-size: 2.8rem;font-weight: bold; color: #FFFFFF;}
	.btn-con-item2{ padding:1rem 8rem; border-radius: 100px;background: #0099FF; font-family: Avenir Next World;font-size: 2.4rem; color: #FFFFFF;}
	
	.main-float-four{ height:100rem; position: relative;}
	.main-four-gallery-top-app{ height:100%; position: relative;}
	.main-four-gallery-top-app .swiper-slide{ background-repeat: no-repeat; background-position: center; position: relative; overflow: hidden;}
	.main-four-gallery-thumbs-app{ height: 11.8rem; position: absolute; bottom:16rem; width:68.5rem; left:50%; margin-left: -34.2rem; overflow: hidden;}
	.main-four-gallery-thumbs-app .swiper-slide{position:relative; border-radius: 4px; box-sizing: border-box; border: 4px solid #303030; background-size: 100% 100%;}
	.main-four-gallery-thumbs-app .swiper-slide.swiper-slide-thumb-active:before{display: none !important;}
	.main-four-gallery-thumbs-app .swiper-slide.swiper-slide-thumb-active{ border: 4px solid #fff;}
	.main-four-gallery-thumbs-app .swiper-slide:before{ content:""; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index: 999; background-color: rgba(0,0,0,0.7);}
	.main-four-more{
		position: absolute; bottom:4rem; left:0px; right:0px; z-index: 9999;
		font-family: Avenir Next World; font-size: 2.8rem; color: #FFFFFF;
	}
	.main-four-more img{width:1rem; height: 2rem; margin-left:1rem;}
	.main-float-play{width: 12rem;height: 12rem;}
	
	
	.main-float-five-con{ margin-top: 8rem; width:100%; }
	.marquee-wrapper-app { width: 100%; overflow: hidden; position: relative; padding: 20px 0; }
	.marquee-track-app { display: flex; width: fit-content; animation: scroll 100s linear infinite; }
	.marquee-item-app { width: 24rem; height: 12rem; flex-shrink: 0; margin: 0; overflow: hidden; transition: transform 0.3s ease; }
	.marquee-item-app img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.3s ease; }
	.marquee-item-app:hover img { transform: scale(1.1); }
	@keyframes scroll {
		0% { transform: translateX(0); }
		100% { transform: translateX(-50%); }
	}
	
	.main-float-six-con{ margin: 3.6rem 3.6rem; margin-top: 3.6rem;}
	.main-float-six-text{padding:3.6rem 0px 2.4rem 0px; box-sizing: border-box; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #EAEDF0 !important;}
	.main-float-six-text-left{ width:100%; font-family: Avenir Next World; font-size: 2.4rem; color: #5D5D5D;}
	.main-float-six-text-right{ font-family: Avenir Next World; font-size: 2.8rem; color: #3D3D3D; margin-top: 2.4rem;}
	.main-float-six-con a{text-decoration: none;}
	.main-float-six-text:hover .main-float-six-text-left,
	.main-float-six-text:hover .main-float-six-text-right{color:#0066FF;}
	.main-float-six-con .main-float-six-text:last-child{border-color:rgba(0,0,0,0);}
	.main-float-six-bottom{ margin-top: 3.6rem;}	
	.main-float-six-item{ width: 67.8rem; height: 38.8rem; border-radius: 1.8rem; overflow: hidden; position: relative; margin: 0px auto; margin-top: 2.4rem;}
	.main-float-six-item img{width:100%; height:100%;}
	.main-float-six-item-text{
		width: 67.8rem; min-height: 8.4rem; padding: 2.4rem; margin-top: 0px; box-sizing: border-box; border-radius: 0px 0px 1.8rem 1.8rem; background: rgba(0, 0, 0, 0.5);
		position: absolute; font-family: Avenir Next World; font-size: 2.4rem; line-height: 150%; color: #FFFFFF; z-index:999;
		bottom:0px; left:0px;
	}
	.main-float-six-bottom .main-banner-app .swiper-slide,.main-float-six-bottom .main-banner-app{ height: 45rem;}
	.main-float-six-bottom .main-banner-app .swiper-pagination-bullets{ bottom: 0rem !important;}
	.main-float-six-bottom .main-banner-app .swiper-pagination-bullet{ background: #D8D8D8;}
	.main-float-six-bottom .main-banner-app .swiper-pagination-bullet-active{ background: #3D3D3D;}
	
	.main-float-seven{height:110rem; background-repeat: no-repeat; background-position: center; background-color: #1d1d1d; position: relative;}
	.main-float-seven-line{width: 13rem; height: 1px; background-color: #D8D8D8; margin-top: 3.6rem;}
	.main-float-seven-right{width:26rem;}
	.main-float-seven-tag{font-family: Avenir Next World;font-size: 4rem;font-weight: bold;color: #27E097;
		position: absolute; left:100%; top:0px;
	}
	
	.main-footer{
		background-color: #000; background-position: center; background-repeat: no-repeat;
		height: 40rem; background-image: url(../images/footer-bg-app.png);
	}
	.main-footer-btn{
		text-decoration: none;
		width: 18.7rem; height: 4rem; display: flex; flex-direction: column; justify-content: center; align-items: center;
		line-height: 4rem; font-family: Avenir Next World;font-size: 2.4rem;font-weight: bold; color: #F6F8FB;
		border-radius: 6rem; background: #1298F1; position: absolute; right:2rem; top:7rem;
	}	
	.main-footer-con{ margin-left: 6.5rem; margin-right: 2rem; }
	.main-footer-phone{ position: relative;}
	.main-footer-line{ height:1px; width:20rem; background:#D8D8D8; margin-top: 0.5rem;}
	.main-footer-bottom{
		border:0px; width:53rem;
		margin-top: 5rem; font-family: Avenir Next World; font-size: 1.6rem; color: #F6F8FB;text-decoration: none;
	}
	.main-footer-bottom a{font-family: Avenir Next World; font-size: 1.6rem; color: #F6F8FB; text-decoration: none;}
	
	
	.floor-con{
		width:75rem; margin: 0px auto; background-size: 100% 100%; background-repeat: no-repeat; position: relative;
		min-width:75rem;
	}
	.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; width:65rem; }
	
	.li-floor2{ height: 70rem; }
	.li-floor2>img{ width:75rem; height: 70rem; }
	.li-floor2-con{ margin-left: 5rem; margin-right:5rem; padding-top: 12rem; width: 65rem; 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-1 img{ width:46.3rem; height: 38.6rem;}
	.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:108rem;}
    .p20-float-one-con{ position: absolute; top:65rem; right:0px; 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: 6.5rem;}
    .p20-float-three-img img{width: 50.2rem; height:18.5rem; margin: 0px auto;}
    .p20-float-three-con{ position: absolute; left:7.5rem; right:7.5rem; top: 10rem; width:60rem;}
    
    .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{
         width:67rem; height: 60rem;
    }
	.p10-float-four-bottom-right{height: 37.8rem; border-radius: 2rem;}
	.p10-float-four-bottom-right img{ width:67rem; height: 37.8rem; }
	
	.p30-float-one-bg{ width: 75rem; height: 108rem; mix-blend-mode: screen; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 50%); }
	.p30-float-one img{width: 100%; height:108rem;}
	.p30-float-one-con{ position: absolute; top:65rem; margin: 0px auto;}
	
	.p30-float-two-con{ height: 63rem; width: 65rem; margin: 0px auto;}
	.p30-float-two-top{ width: 70rem; height: 62rem; margin: 0px auto; border-radius: 2rem; overflow: hidden;}
	.p30-float-two-top img{ width: 100%; height:100%;}
	.p30-float-two-left-img{ width: 70rem; height:35rem; margin: 0px auto; border-radius: 2rem; overflow: hidden;
		margin-top: 3rem;
	}
	.p30-float-two-right-img{ width: 70rem; height: 18rem; background: linear-gradient(180deg, #505050 7%, rgba(80, 80, 80, 0) 134%); border-radius: 2rem; overflow: hidden;
		margin-top: 3rem;
	}
	.p30-float-two-left-img img,.p20-float-two-right-img img{width:100%; height:100%;}
	
	.p30-float-three-bg{ background: linear-gradient(36deg, #000000 17%, #212439 110%); height: 157rem;}
	.p30-float-three-bg img{width: 100%; height:78.7rem;}
	.p30-float-three-con{ width: 60rem; margin:0px auto;}
	.p30-float-three-con-list{ list-style-type: none; margin-top: 3.6rem;}
	.p30-float-three-con-list-item { margin-left: 2rem; font-family: Avenir Next World; font-size: 2.4rem; font-weight: normal; line-height:180%; letter-spacing: normal; color: #949AA1; }
	.p30-float-three-con-list-item::before { content: "•"; font-weight: bold; display: inline-block; width: 1em; color:#1298F1; margin-left: -2rem;}
	
	.p30-float-four{}
	.p30-float-four-con{ position:static; width:60rem; margin: 0px auto; left: 0px; top:0px;}
	.p30-float-four-left{ width:70rem; height: 37.4rem; margin:0px auto; border-radius: 2rem; overflow: hidden;}
	.p30-float-four-right{ width:70rem; height:75.8rem; margin:0px auto; border-radius: 2rem; overflow: hidden;}
	.p30-float-four-left img,.p30-float-four-right img{ width:100%; height: 100%;}
	
	.p30-float-five-bg{ background: linear-gradient(37deg, #000000 3%, #212439 113%);}
	.p30-float-five-con{ width: 60rem; margin:0px auto;}
	.p30-float-five{ }
	.p30-float-five-img-text{width: 70rem; height:36.8rem; margin: 0px auto;border-radius: 2rem; overflow: hidden; margin-top: 3rem;}
	.p30-float-five-img-text img{ width: 100%; height:100%;}
	.p30-float-five-top-right-con{ position: absolute; top:13rem; left:3.7rem;}
	.p30-float-five-bottom-left-con{ position: absolute; top:13rem; left:5rem;}
	.p30-float-five-bottom-right-con{ position: absolute; top:13rem; left:5rem;}
	
	.p30-float-six-img-min{min-height: 36rem; display: flex; justify-content: center; align-content: center; align-items: center;}
	
	.p20r-float-two{width: 65rem; border-radius: 1rem; margin: 0px auto; margin-top: 6rem; background: linear-gradient(8deg, #000000 0%, rgba(0, 0, 0, 0) 38%);
		position: relative; height: auto !important;
	}
	.p20r-float-two-bottom{border-radius: 0px 0px 1rem 1rem; width: 65rem; height: 11.8rem; background: #161611; backdrop-filter: blur(520px);}
	.p20r-float-two>img{width: 65rem; height: 65rem; display: block; border-radius: 1rem;}
	.p20r-float-two-float-img{ position: absolute; left:5rem; bottom:3.5rem;}
	.p20r-float-two-float-img>img{width: 14.8rem; height: 19rem;}
	
	.p20r-float-three-left{ width: 65rem; height: 40.2rem; margin: 0px auto; margin-top: 2.4rem; box-sizing: border-box; border: 1px solid; background: #17181A; position: relative;}
	.p20r-float-three-left img{width:100%; height:100%;}
	.p20r-float-three-left-con{ position: absolute; left:3.5rem; top:15rem;}
	.p20r-float-three-right{width: 65rem; height: 40.2rem; margin: 0px auto; margin-top: 2.4rem; border-radius: 1rem; background: #17181A;}
	
	.p20r-float-four{}
	.p20r-float-four .p20r-float-four-item{width: 65rem; height: 47.8rem; border-radius: 1rem; background: #17181A; overflow: hidden; margin-left: 0px; margin: 0px auto; margin-top: 3.6rem;}
	.p20r-float-four .p20r-float-four-item:nth-child(2n-1){margin-left: auto;}
	.p20r-float-four-item img{width: 65rem; height: 35.8rem; display: block;}
	.p20r-float-four-item-con{ margin: 2.4rem; color: #F6F8FB;}
	
	.cx30-float-one-bg{ background: #000002; height: 107.5rem; overflow: hidden;}
	
	.public-img-bottom{ width: 100%; height:86rem; background-position: center; background-repeat: no-repeat;}
	
	.cx30-float-three-top{ width:67rem; height: 85rem; margin: 0px auto; position: relative;}
	.cx30-float-three-top-con{ position: absolute; width: 59.8rem; left: 4.6rem; top:5rem;}
	.cx30-float-three-bottom-left{ width: 67rem; height: 67rem;margin: 0px auto; position: relative; margin-top: 3.6rem;}
	.cx30-float-three-bottom-con{ position: absolute; left:3.6rem; right:3.6rem; top:4.8rem;}
	.cx30-float-three-bottom-left img,.cx30-float-three-bottom-con img{width: 100%; height: 100%;}
	.cx30-float-three-bottom-big-text{
		margin-top: 5rem; font-family: Avenir Next World; font-size: 7.2rem; font-weight: bold;
		line-height: normal; letter-spacing: normal; background: linear-gradient(180deg, #FFFFFF 22%, #C4D8FF 80%);
		-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;
	}
	.cx30-float-three-bottom-right{ width: 67rem; height: 75rem; margin: 0px auto; position: relative; margin-top: 3.6rem;}
	
	.cx30-float-four-bg{ background: linear-gradient(180deg, #005EFF -44%, rgba(0, 94, 255, 0) 18%), #000000; height: 218.7rem;}
	.cx30-float-four-top-img{width:67rem; height: 48rem; margin: 0px auto;}
	.cx30-float-four-bottom{ background: #10111A;  width: 67rem; height: 101.4rem; margin: 0px auto; margin-top: 3rem;}
	.cx30-float-four-bottom-left{ width:40rem; height:33rem; margin: 0px auto;}
	.cx30-float-four-bottom-left img{width:40rem; height:33rem;}
	.cx30-float-four-bottom-left-con{ width: 538px; line-height: 150%; color: #F6F8FB; }
	.cx30-float-four-bottom-right{ width: 60rem; margin: 0px auto; margin-top: 5rem;}
	.cx30-float-four-icon1{ margin: 0px 6.4rem; margin-top: 4rem; }
	.cx30-float-four-icon1>div:nth-child(1) img{ width:15.6rem; height:6.3rem}
	.cx30-float-four-icon1>div:nth-child(2) img{ width:19.2rem; height:5rem}
	.cx30-float-four-icon1>div:nth-child(3) img{ width:18.6rem; height:7.3rem}
	.cx30-float-four-icon2{ margin: 0px 7rem; margin-top: 1rem; }
	.cx30-float-four-icon2>div:nth-child(1) img{ width:9.3rem; height:2.3rem}
	.cx30-float-four-icon2>div:nth-child(2) img{ width:8.4rem; height:8.4rem}
	.cx30-float-four-icon2>div:nth-child(3) img{ width:4.8rem; height:6.1rem}
	.cx30-float-four-icon2>div:nth-child(4) img{ width:6.2rem; height:6.15rem}
	.cx30-float-four-icon2>div:nth-child(5) img{ width:7.65rem; height:6.15rem}
	.li-mr-tb-max2{ margin-top: 2.5rem; margin-bottom: 2.5rem;}
	
	.cx30-float-five-item{ width: 67rem; height:79.6rem; margin: 0px auto; background-color: #10111A; margin-top: 2rem;}
	.cx30-float-five-item-img{ height: 53.6rem;}
	.cx30-float-five-item-img img{ max-width: 100%; max-height: 100%;}
	.cx30-float-five-item-con{width: 60rem; margin: 0px auto; margin-top: 4.8rem;}
	
	.p30-dual-float-two-item1{width: 65rem; height: 48rem; margin: 0px auto;margin-top: 3.2rem;border-radius: 18px;
		background: linear-gradient(140deg, #0C0B09 26%, #001948 109%);}
	.p30-dual-float-two-item2{width: 65rem; height: 48rem; margin: 0px auto;margin-top: 3.2rem; border-radius: 18px; background:linear-gradient(221deg, #0C0B09 30%, #001948 107%);}
	
	.p30-dual-float-four-top-left{width: 68rem; height: 45rem;border-radius: 1.8rem; margin: 0px auto; margin-top: 8.8rem; background: linear-gradient(326deg, #0C0B09 31%, #001948 111%); overflow: hidden;}
	.p30-dual-float-four-top-right{width: 68rem; height: 45rem; border-radius: 1.8rem; margin: 0px auto; margin-top: 3.2rem; background: linear-gradient(153deg, #0C0B09 43%, #001948 146%); overflow: hidden;}
	.p30-dual-float-four-bottom-left{width: 68rem; height: 45rem; border-radius: 1.8rem;overflow: hidden; margin: 0px auto; margin-top: 3.2rem; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.3) 16%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.3) 80%, #000000 94%), #000000;}
	.p30-dual-float-four-bottom-right{width: 68rem; height: 69.5rem;border-radius: 18px;overflow: hidden; margin: 0px auto; margin-top: 3.2rem;background: linear-gradient(212deg, #005EFF -112%, rgba(0, 94, 255, 0) 23%), linear-gradient(173deg, #03010C 11%, rgba(3, 1, 12, 0) 43%);}
	.p30-dual-float-four-bottom-right-con{ padding-top: 3.6rem; padding-left: 4.8rem;}
	.p30-dual-float-four-bottom-right img{height: 44.3rem; width: 68rem;}
	
	.p30-dual-float-five{ width: 68rem; height: 75.8rem; margin: 0px auto;}
	.p30-dual-float-five img{width: 100%; height: 100%;}
		
	.m50se-float-two{ background-repeat: no-repeat; background-size: 100% 100%; background-color: #131313;}
	.m50se-float-two-bottom-item,.m50se-float-two-bottom-item img{width: 65rem; height: 50rem;}
	.m50se-float-two-bottom-con{ position: absolute; left:2.4rem; bottom: 2.4rem;}
	
	.m50se-float-three-left{width: 65rem;}
	.m50se-float-three-left img{width: 65rem; height: 60rem;}
	.m50se-float-three-right{width: 65rem;}
	.m50se-float-three-right img{width: 65rem; height: 60rem;}
	
	.m50se-float-four{height: 108.9rem; width:75rem; position:relative;background-size: 100%; background-position: center; background-repeat: no-repeat; }
	.m50se-float-four img{ display: block; width:100%; height:100%;}
	.li-btn2{border-radius: 6rem; box-sizing: border-box; border: 1px solid #CFCFCF; height: 4.8rem; padding: 0px 2.6rem; font-family: Avenir Next World;
		font-size: 2.4rem; font-weight: normal; line-height: 150%; letter-spacing: normal; color: #FFFFFF;}
	.li-btn2 div{ color:#fff;}
	.li-btn2:hover,.li-btn2.active{background: linear-gradient(183deg, #D8D8D8 -348%, rgba(216, 216, 216, 0) 203%); box-sizing: border-box; border: 1px solid;}
	.li-btn2:nth-child(1) img{ width:2.8rem; height:2.8rem;}
	.li-btn2:nth-child(2) img{ width:3.7rem; height:3.7rem;}
	
	
	.connect-float-two{ border-radius: 1.8rem; overflow: hidden; background: #F6F8FB; width: 65rem; margin:0px auto;}
	.connect-float-two-left{width: 65rem; height: 50rem;}
	.connect-float-two-left img{ height: 100%; width: 100%;}
	.connect-float-two-right{width: 65rem; height: 75rem; box-sizing: border-box; }
	.connect-float-two-right-con{ margin: 5rem 2.5rem;}
	.connect-float-two-line{margin-top: 3.6rem; margin-bottom: 3.6rem;}
	
	.connect-float-three-bg{background-color: #F6F8FB;}
	.connect-float-three-item{width: 65rem;height: 66rem;border-radius: 1.8rem; background: linear-gradient(180deg, #0066FF -560%, #FFFFFF 56%);
		margin: 0px auto; margin-top: 3rem; margin-left: auto;
	}
	.connect-float-three-bg .connect-float-three-item:nth-child(2n-1){ margin-left: auto;}
	.connect-float-three-item-img{ height: 43rem;}
	.connect-float-three-item-img img{ max-width: 100%; max-height: 100%;}
	.connect-float-three-item-con{ margin-left: 3.6rem; margin-right: 3.6rem; margin-top: 1rem;}
	
	.connect-float-four-item{width: 65rem; height: auto; margin:0px auto; background-color: #F6F8FB;border-radius: 1.8rem; margin-top: 3rem;
		padding: 3.6rem 0px;
	}
	.connect-float-four-item-top-left{  margin-left: auto; margin: 0px auto; width:58rem; margin-top: 6rem;}
	.connect-float-four-item-top-right{ margin:0px auto; margin-top: 0rem; width: 60.2rem; height: 37.8rem;}
	
	.connect-float-five-bg{background: linear-gradient(185deg, #EAF1FF 8%, #8499C0 206%);}
	.connect-float-five-item{ width: 65rem;height: auto; padding: 3.6rem 0px; border-radius: 16px; background: #FFFFFF;
		margin-left: auto; margin:0px auto; margin-top: 3rem; text-align: center;
	}
	.connect-float-five-item:hover{ background: rgba(255, 255, 255, 0.95); box-shadow: 0px 15px 30px 0px rgba(63, 91, 109, 0.05); }
	.connect-float-five-bg .connect-float-five-item:first-child{margin-left: auto;}
	.connect-float-five-item-img{ margin: 0px auto; margin-top: 3.6rem; width: 9.9rem;height: 10rem;}
	.connect-float-five-item-title{
		font-family: Avenir Next World;	font-size: 2.8rem; font-weight: bold; line-height: 150%; text-align: center;  color: #000000;
		text-align: center; margin-top: 2.4rem; 
	}
	.connect-float-five-item:hover .connect-float-five-item-title{ font-weight: bold; color: #000000;}
	.connect-float-five-item-text{
		font-family: Avenir Next World; font-size: 2.4rem; font-weight: normal; line-height: 150%; text-align: center; color: #5D5D5D;
		margin-top: 1.6rem;
	}
	
	.connect-float-six-right{ width: 65rem; margin-top: 4.8rem;}
	.connect-float-six-right-item{ height: auto; line-height: 3.6rem; padding: 2.4rem; border-radius: 1rem; background: #F6F8FB; margin-top: 2.4rem;
		color: #5D5D5D; font-size: 2.8rem; font-weight: bold;
	}
	.connect-float-six-right .connect-float-six-right-item:first-child{margin-top: 0px;}
	.connect-float-six-right-item:hover,.connect-float-six-right-item.active{
		background: linear-gradient(90deg, #1398F1 0%, #0169FF 100%); color: #fff;
	}
	.connect-float-six-right-icon{ width: 2.4rem; height: 2.4rem; background-image:url(../images/connect-6-icon-next.png); background-size: 100% 100%;}
	.connect-float-six-right-item:hover .connect-float-six-right-icon,.connect-float-six-right-item.active .connect-float-six-right-icon{
		background-image:url(../images/connect-6-icon-up.png);
	}
	.connect-float-six-right-remark{
		margin: 2.4rem 2.4rem 0px 2.4rem; font-size: 2.4rem;line-height: 150%;color: #5D5D5D; clear: both; padding-bottom: 1.2rem;
		display: none;
	}
	.connect-float-six-right-remark.active{
		display: block;
	}
	
	.center-float-two{ border-radius: 18px; height: auto; width: 65rem; margin: 0px auto; overflow: hidden; background: #F6F8FB;}
	.center-float-two-left{width: 65rem; height: 50rem;}
	.center-float-two-left img{ height: 100%; width: 100%;}
	.center-float-two-right{ margin-left: auto; width: 60rem; margin: 0px auto; padding-top: 5rem;}
	.center-float-two-item{width: 65rem; height: auto; margin-left: auto; margin: 0px auto; border-radius: 18px;
		background: #F6F8FB; padding: 3.6rem !important; box-sizing: border-box; margin-top: 2.4rem;
	}
	
	.center-float-three-item{ width: 65rem; margin: 0px auto; margin-top: 3.6rem; border-radius: 1.8rem; background: #FFFFFF; box-sizing: border-box;
		padding: 3.6rem;
	}
	.center-float-three-item img{width: 57.8rem;height: 40.4rem; border-radius: 1.8rem; overflow: hidden;}
	.center-float-three-text{ width: 57.8rem; margin: 0px auto;}
	
	
	.center-float-four-con{ margin-top: 18px; width: 65rem; margin: 0px auto;}
	.center-float-four-item{ width: 100%; height: auto; padding: 3.6rem; margin-top: 3.6rem; border-radius: 18px; background: #F6F8FB; box-sizing: border-box;}
	.center-float-four-item-img{ height: 16rem;}
	.center-float-four-item-img img{ width: 10rem; height: 10rem;}
	
	.center-float-five-bg{ background: linear-gradient(183deg, #EAF1FF 4%, #8499C0 220%); }
	.center-float-five-con{ width: 65rem; margin: 0px auto; margin-top: 4.8rem; height: auto; border-radius:1.8rem; overflow: hidden; background: #FFFFFF;}
	.center-float-five-img{width: 65rem; height: 65rem; margin-top: 2.4rem;}
	.center-float-five-img img{display: block;}
	
	.center-float-five-right{ margin-left: 3.6rem; margin-right: 3.6rem; padding-top:6rem; width: auto;}
	.center-float-five-right img{ width: 11.8rem; height: 11.1rem;}
	.center-float-five-right-text{ margin-left: 1rem; width: 44.8rem;}
	.center-float-five-right-line{ background:rgba(148, 154, 161, 0.5); height: 1px; margin: 3.6rem 0px;}
	
	.tms-float-two-bg{background: linear-gradient(339deg, #ABBDD2 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;}
	.tms-float-two-con{ margin-top: 0px; margin: 0px 7.2rem;}
	.tms-float-two-left{ width: 75rem; height: 46rem; margin-top: 7rem; overflow: hidden;}
	.tms-float-two-left-img{ width: 3.5rem; height:3.5rem; display: none;}
	.tms-float-two-right{ width: 50rem; margin-left: 12.5rem;}
	.tms-float-two-nor{display: block;}
	.tms-float-two-hov{display: none;}
	.tms-float-two-item{ padding: 2.5rem 0px 2.5rem 5rem; border-radius: 1.2rem; background: #F5F5F5; margin-top:3rem; 
		font-family: Avenir Next World; font-size: 2rem; line-height: 150%; color: #3D3D3D;
	}
	.tms-float-two-item:hover,.tms-float-two-item.active{ background: #0099FF; box-shadow: 0px 10px 6px 0px rgba(0, 0, 0, 0.1);
		font-weight: bold; color:#fff;
	}
	.tms-float-two-item:hover>div,.tms-float-two-item.active>div{color: #fff;}
	.tms-float-two-item:hover .tms-float-two-nor,.tms-float-two-item.active .tms-float-two-nor{ display: none;}
	.tms-float-two-item:hover .tms-float-two-hov,.tms-float-two-item.active .tms-float-two-hov{ display: block;}
	
	.tms-float-three-bg{background-color: #EAF4FF;}
	.tms-float-three-img{width: 66rem; height: 33.3rem; margin: 0px auto; margin-top: 7.2rem;}
	.tms-float-three-con{ margin: 0px 8.5rem; margin-top: 8rem;}
	.tms-float-three-con .tms-float-three-item{ width: 100%; margin-left: 0px; margin-top: 4rem;}
	.tms-float-three-con .tms-float-three-item:nth-child(2n-1){margin-left: 0px;}
	.tms-float-three-con-icon{width: 6rem; height: auto; margin-top: 0.5rem;}
	.tms-float-three-con-icon img{ width: 6rem; height:auto; max-width: none !important;}
	.tms-float-three-con-text{ margin-left: 2rem;}
	
	.tms-float-four-left{ width: 62.5rem; height: 42.2rem; margin: 0px auto; margin-top: 1.2rem;}
	.tms-float-four-left img{ width: 100%; height: 100%;}
	.tms-float-four-right{ width: 62.5rem; margin-left: 6.2rem; ; border-radius: 1.8rem; background: linear-gradient(19deg, #005EFF -498%, #005EFF -408%, rgba(0, 0, 0, 0) 27%), #FFFFFF;}
	.tms-float-four-right>div{ margin: 0px 4rem; padding: 5rem 0px;}
	.tms-float-four-line{background-color: #D8D8D8; height: 1px; margin-top: 3rem; margin-bottom: 3rem; padding: 0px !important;}
	
	.tms-float-five-bg{ background-color: #EAF4FF; background-repeat: no-repeat; background-position: center; height: auto;}
	.tms-float-five-img{ width: 75rem; height: 28.8rem; margin-top: 7rem;}
	.tms-float-five-con{ margin:0px 9.5rem; margin-top: 1rem;}
	.tms-float-five-item-one{ width: 100%; position: relative; }
	.tms-float-five-item-two{ width: 100%; position: relative; margin-left: 0px;}
	.tms-float-five-item-three{ width: 100%; margin-left: 0px;}
	.tms-float-five-item-line:before{
		content: ""; position: absolute; width: 1px; background-color: #4D4D4D; height: 140px; right:0px; top:80px;
	}
	.tms-float-five-item-con{width: 100%;}
	.tms-float-five-line{background-color: #4D4D4D; height: 1px; margin-top: 3rem; margin-bottom: 3rem; padding: 0px !important;}
	
	.tms-float-six-bg{ background-repeat: no-repeat; background-position: center; height: 695px; position: relative;}
	.tms-float-six-bg img{width: 75rem; height: 95.9rem;}
	.tms-float-six-con{ position:absolute; margin-top: 9.4rem; left: 0px; right: 0px; top:0px; bottom:0px;}
	.tms-float-six-text{ margin: 0px 1.6rem; margin-top: 50rem;}
	.tms-float-six-item{ width: 22.6rem; height: 11.1rem; border-radius: 3.8rem; box-sizing: border-box;
		margin-left: 1.7rem; font-family: Avenir Next World; font-size: 2rem; font-weight: bold; line-height: 120%; text-align: center; color: #FFFFFF;
		background-image: url(../images/tms-6-item-bg.png); background-size: 100%; margin-top: 1.7rem;
	}
	
	.rki-float-two-bg{ background-color: #fff; background-repeat: no-repeat; background-position: center; height: auto;}
	.rki-float-two-con{ margin:0px 7.5rem;}
	
	.rki-float-three-bg{ height:auto; background: linear-gradient(180deg, #FFFFFF -28%, #ACBED3 100%); }
	.rki-float-three-item{
		width: 63.8rem; height: auto !important; margin: 0px auto; margin-top: 3rem; border-radius: 1.8rem; background: #FFFFFF; box-shadow: 0px 15px 11px 0px rgba(63, 91, 109, 0.05);
	}
	.rki-float-three-img{ height: auto; padding: 5.6rem;}
	.rki-float-three-img img{ max-width: 100%; max-height: 100%;}
	.rki-float-three-text{ margin: 0px 5rem; margin-top: 1.6rem; padding-bottom: 6rem;}
	
	
	.rki-float-four-con{ margin: 0px 10rem; margin-top: 4rem;}
	.rki-float-four-item{ width: 100%; }
	.rki-float-four-title{
		width: 100%; height: 7.3rem; border-radius: 10px; background: #0099FF; line-height: 7.3rem;
		font-family: Avenir Next World; font-weight: bold; font-size: 3.6rem; text-align: center; color: #FFFFFF;
	}
	.rki-float-four-title.black-title{ background: #828282; }
	.rki-float-four-list{ margin-top: 3.6rem;}
	.rki-float-four-img{width: 6rem; height: 6rem; margin-left: 1.6rem;}
	.rki-float-four-text{ margin-left: 2.4rem; }
	.rki-float-four-text div{color: #5D5D5D;}
	.rki-float-four-right{ margin-top: 6rem;}
	.rki-float-four-right h1{color:#3D3D3D;}
	
	.rki-float-five-bg{ background: linear-gradient(180deg, #8499C0 26%, #EAF1FF 135%);}
	.rki-float-five-con{width: 60rem; margin: 0px auto;}
	.rki-float-five-img{ padding-top: 4rem;}
	.rki-float-five-img img{ width: 8rem; height:8rem;}
	.rki-float-five-item{
		width: 60rem; height: 37rem; border-radius: 18px; background: #FFFFFF; margin-left: 0px; margin-top: 3rem;
	}
	.rki-float-five-text{ width: 46.8rem; margin: 0px auto; margin-top: 2.2rem; font-family: Avenir Next World;
		font-size: 2.2rem; font-weight: normal; line-height: 150%; letter-spacing: normal; color: #5D5D5D; text-align: center;
	}
	
	.p30t-float-two-top-img{ height: 50rem; width:70rem; margin: 0px auto; margin-top: 3.6rem; border-radius: 1rem; background: linear-gradient(180deg, rgba(37, 37, 37, 0) 0%, #252525 99%);}
	.p30t-float-two-bottom{ width:70rem; margin: 0px auto; margin-top: auto;}
	.p30t-float-two-bottom-item{width: 70rem; height: 40rem; border-radius: 10px; overflow: hidden; position: relative; margin-top: 2.4rem;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 74%, #000000 151%);}
	.p30t-float-two-bottom-left{position: absolute; bottom:3.6rem; left:3.6rem;}
	.p30t-float-two-bottom-right{position: absolute; bottom:3.6rem; right:3.6rem;}
	.p30t-float-two-bottom-right-top{position: absolute; top:3.6rem; right:3.6rem;}
	
	.p30t-float-three-bg{
		background-position: center; background-repeat: no-repeat; background: linear-gradient(180deg, #17181A 0%, #000000 100%)
	}
	.p30t-float-three-img{margin-top: 10.5rem;}
	
	.p30t-float-four-bg{
		height:90rem; background-position: center; background-repeat: no-repeat; background-color: #101215;
		background-size: 100% 100%;
	}
	
	.p30t-float-five-bg{
		height:100rem; background-position: center; background-repeat: no-repeat; background-color: #101215;background-size: 100% 100%;
	}
	
	.softpos-float-two-bg{	background: #EAEDF0;}
	.softpos-float-two-img{width: 67rem; height: 43.4rem; margin: 0px auto; border-radius: 1.8rem; overflow: hidden; margin-top: 5rem;}
	.softpos-float-two-item{ width: 67rem; height: 8rem;  margin: 0px auto; border-radius: 1.8rem; background: #F6F8FB; text-align: center;
		font-family: Avenir Next World;font-size: 2.2rem; line-height: 8rem;text-align: center; color: #5D5D5D; margin-top: 2.1rem;
	}
	
	.softpos-float-three-bg{background: #F6F8FB;}
	.softpos-float-three-con{
		width: 67rem; height: auto; margin: 0px auto; border-radius: 1.8rem; background: #FFFFFF; overflow: hidden; margin-top: 6rem;
	}
	.softpos-float-three-left{width: 67rem; height: 40rem;}
	.softpos-float-three-right{width: auto; margin-left: auto; margin: 0px 6.2rem; padding: 6rem 0px;}
	.softpos-float-three-line{background-color: #E3E3E3; height: 1px; margin-top: 4rem; margin-bottom: 4rem;}
	.softpos-float-three-bottom{
		width: 62rem; height: 17rem; margin: 0px auto; margin-top: 4rem;
	}
	
	.softpos-float-four-bg{background: #EAEDF0;}
	.softpos-float-four-item{
		width: 67rem; height: auto; box-sizing: border-box; padding: 2.8rem 3.5rem 8rem 3.5rem; border-radius: 1.8rem; background: #FFFFFF; margin: 0px auto; margin-top:3rem;
	}
	.softpos-float-four-img{width: 60rem; height: 41.2rem; border-radius: 1.8rem; overflow: hidden;}
	.softpos-float-four-text{ width: 55.7rem; margin: 0px auto; margin-top: 2.7rem;}
	.softpos-float-four-list{padding-left: 0px; color:#5D5D5D; font-family: Avenir Next World; font-size: 14px; margin-left: 20px;}
	.softpos-float-four-list:before { content: "•"; font-weight: bold; display: inline-block; width: 1em; color:#1298F1; margin-left: -20px;}
	
	.softpos-float-five-bg{ background: #F6F8FB;}
	.softpos-float-five-con{ width:65rem; margin: 0px auto;}
	.softpos-float-five-item{ width: 100%; height: auto; border-radius: 1.8rem; background: #EAEDF0; 
		padding:3.6rem !important; margin-left: 0px; margin-top:3rem; box-sizing: border-box;
	}
	.softpos-float-five-con .softpos-float-five-item:nth-child(2n-1){ margin-left: 0px;}
	.softpos-float-five-img{ width: 10rem; height:10rem; margin-right: 0px; margin: 0px auto;}
	.softpos-float-five-list{padding-left: 0px; color:#5D5D5D; font-family: Avenir Next World; font-size: 2.2rem; margin-left: 2rem;}
	.softpos-float-five-list:before { content: "•"; display: inline-block; width: 1em; color:#5D5D5D; margin-left: -2rem;}
	
	.softpos-float-six-bg{background: #EAEDF0;}
	.softpos-float-six-con{ width: 62.5rem; margin: 0px auto; margin-top: 10.5rem;}
	
	.softpost-new-float-two-item{width: 65rem; height:15.2rem; border-radius: 1.8rem;background: #F6F8FB;
		box-sizing: border-box; padding: 3.6rem 3.6rem; margin: 0px auto; margin-top: 2.4rem;
	}
	
	.softpost-new-float-two-item-left{ width:8rem; height:8rem; margin-right: 1.2rem;}
	.softpost-new-float-two-item-left img{width:100%; height:100%;}
	
	.softpost-new-float-three-item{width: 65rem; height: auto; border-radius: 1.8rem; background: #FFFFFF;
		box-sizing: border-box; padding:3.6rem; margin: 0px auto; margin-top:3.6rem;
	}
	.softpost-new-float-three-item-img{
		width: 57.8rem; height: 42rem; overflow: hidden; border-radius: 1.8rem;
	}
	.softpost-new-float-three-item-txt{
		margin-top: 5rem; margin-left: 0px; width: auto; font-family: Avenir Next World; font-size: 2.4rem; color: #5D5D5D;
	}
	
	.assistance-float-two-bg{ background: linear-gradient(180deg, rgba(234, 240, 255, 0) 0%, #EAF0FF 111%); }
	.assistance-float-two-con{ margin-top: 2rem; position: relative;}
	.assistance-float-two-con img{display: block; width: 75rem;height: 54.8rem;}
	.assistance-float-two-menu{ width: 61rem;}
	.assistance-float-two-menu-item{ width: 19.8rem; border-bottom: 0.5rem solid rgba(0,0,0,0); padding: 12px 0px; text-align: center;
		font-family: Avenir Next World; font-size: 24px; line-height: 120%; color: #000000;
	}
	.assistance-float-two-menu-item:hover,.assistance-float-two-menu-item.active{ 
		border-bottom: 0.5rem solid #1298F1;  font-family: Avenir Next World; font-weight: bold; color: #1298F1;
	}
	.assistance-float-two-menu-con{
		position: static; width:61rem; display: none; z-index: 99; margin: 0px auto; overflow: hidden;word-break: break-all;
		font-family: Avenir Next World; font-size: 2rem; line-height: 150%; text-align: center; color: #000000; padding-bottom: 2.9rem;
	}
	.assistance-float-two-menu-con.active{ display: block;}
	
	.assistance-float-three-bg{ background-position: center; background-repeat: no-repeat; height: 110rem; position: relative;  background-size: 100% 100%;}
	.assistance-float-three-con{ position: absolute; top:7.3rem; left: 5rem; right: 5rem;}
	.assistance-float-three-bottom{ position: absolute; top:64.3rem; left: 5rem; right: 5rem;}
	.assistance-float-three-item{ padding: 2rem 1.2rem; border-radius: 1.2rem; margin-left: 2rem; background: rgba(246, 248, 251, 0.8);
		box-sizing: border-box; border: 2px solid #FFFFFF; backdrop-filter: blur(10px); box-shadow: 0px 10px 6px 0px rgba(0, 0, 0, 0.1);
	}
	
	.assistance-float-four-item{ width:68rem; margin: 0px auto; height: 65rem; border-radius: 1.8rem; background: #F2F6FF;}
	.assistance-float-four-img{ height: 38rem;}
	.assistance-float-four-text{ width: 60rem; margin: 0px auto;}
	
	.assistance-float-five-bg{background: linear-gradient(180deg, #8499C0 26%, #EAF1FF 135%);}
	.assistance-float-five-item{ width: 22.8rem; height: auto; border-radius: 1.6rem; background: #FFFFFF;
		margin-left: 1.4rem; text-align: center; padding-bottom: 2.4rem;
	}
	.assistance-float-five-item:hover{ background: rgba(255, 255, 255, 0.95); box-shadow: 0px 15px 30px 0px rgba(63, 91, 109, 0.05); }
	.assistance-float-five-bg .assistance-float-five-item:first-child{margin-left: 0px;}
	.assistance-float-five-item-img{ margin: 0px auto; margin-top: 3.4rem; width: 9.9rem;height: 10rem;}
	.assistance-float-five-item-title{
		font-family: Avenir Next World;	font-size: 2.8rem;font-weight: bold; line-height: 150%; text-align: center;  color: #000000;
		text-align: center; margin-top: 4.1rem;
	}
	.assistance-float-five-item:hover .assistance-float-five-item-title{ font-weight: bold; color: #000000;}
	.assistance-float-five-item-text{
		font-family: Avenir Next World; font-size: 2.2rem; font-weight: normal; line-height: 150%; text-align: center; color: #5D5D5D;
		margin-top: 2.4rem;
	}
	
	
	
	.m50se-float-five-bottom{ width: 65rem; height: 45rem;border-radius: 10px; background: #0C0B09; margin-top: 2.5rem; overflow: hidden; position: relative;}
	.m50se-float-five-bottom img{width: 100%; height: 100%;}
	
	.m50se-float-six{ height: 97.3rem; width:75rem; position: relative;}
	.m50se-float-six img{width: 100%; height:100%;}
	
	.case-float-one{ height:75rem; position: relative;}
	.case-float-one img{width: 100%; height:100%;}
	.case-float-one-con{ position: absolute; left:2rem; right:2rem; top: 23rem; width:71rem;}
	
	.case-pro-one{ height:50rem; position: relative;}
	.case-pro-one img{width: 100%; height:100%;}
	
	.case-box{ padding: 8rem 0px 8rem 0px; margin: 0px 2.4rem;}
	.case-box .case-item{width: 70.2rem; min-height: 70.8rem; height: auto; padding-bottom: 3.6rem; box-sizing: border-box; margin-left: 0px; border-radius: 1.8rem; background: #FFFFFF; margin-top: 2.4rem;}
	.case-box .case-item:nth-child(2n-1){margin-left: 0px;}
	.case-box .case-item:hover{ background: #FFFFFF; box-shadow: 0px 3rem 3rem 0px rgba(0, 0, 0, 0.05);
	}
	.case-item a{ text-decoration: none;}
	.case-item h1{ color:#1D1D1D;}
	.case-item .top-img{width: 100%; height: 35rem;}
	.case-item .top-img img{width:100%; height: 100%;}
	.case-box .case-item-btn{
		width: 25rem; height: 5.6rem; border-radius: 5rem; border:0px; padding: 0px;
		text-align: center; background: rgba(0, 153, 255, 0.05); align-content: center;
		font-family: Avenir Next World; font-size: 2.4rem; line-height:5.6rem;
		color: #0099FF;
	}
	.case-item .case-item-con{ margin: 2.4rem 3.6rem 3.6rem 3.6rem;}
	.case-item-con img{width: 22rem; height: 7.7rem;}
	.case-item-con .con-text-min2{color: #747474;}
	
	.case-form-header{ height: 21.6rem; width: 100%; border-radius: 0px; background: #1298F1; padding-top: 3.6rem;}
	
	.case-form-con{ background-color: #fff; padding-bottom: 6rem; }
	.case-form-con-item{ margin-top: 3.6rem; margin-left: 3.6rem; margin-right: 3.6rem;}
	.case-form-con-item-icon{width:4.8rem; height: 4.8rem;}
	.case-form-con-item-icon img{width:100%; height: 100%;}
	.case-form-con-item-font{ font-family: Avenir Next World; font-size: 2.4rem; font-weight: normal; line-height: 150%; color: #4B5563;}
	
	.case-form-bottom{ height: auto; border-radius: 0px 0px 18px 18px;
		background: #F9FAFB; box-sizing: border-box; border-width: 0.67px 0px 0px 0px;
		border-style: solid; border-color: #E5E7EB; padding-bottom: 8rem;
	}
	.case-form-bottom-con{ margin: 0px 5rem; margin-top: 2rem; padding-top: 8rem;}
	.case-form-bottom-con-item{ width: 100%; margin-top: 3.6rem;}
	.case-form-bottom-con-item .bottom-con-img{ width: 25rem; height: 25rem; border-radius: 1.2rem;
	background: #FFFFFF; box-shadow: 0px 1rem 1.5rem -3px rgba(0, 0, 0, 0.1),0px 4px 6px -4px rgba(0, 0, 0, 0.1);}
	.bottom-con-img img{ width: 100%; height: 100%;border-radius: 1.2rem; overflow: hidden;}
	.case-form-bottom-con-text{ width: 37rem; margin-left: 2.4rem;}
	.case-form-bottom-con-text>div{word-wrap: break-word; overflow-wrap: break-word; line-height:3rem;}
	.case-form-bottom-con-text img{width: 15.6rem; height: 1.8rem;}
	
	.case-form-pro-list{padding-left: 2rem; width: 100%; margin-top: 1rem; font-size: 2.4rem;}
	.case-form-pro-list:before { content: "•"; font-weight: bold; display: inline-block; width: 1em; color:#4B5563; margin-left: -2rem;}
	
	
	.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: auto; background: #FFFFFF; box-shadow: 0px 10px 30px 0px rgba(61, 61, 61, 0.1);
	}
	.kit-float-six-item-content{ margin: 5rem 6rem; }
	.kit-float-six-item-content img{height: 11rem; width:11rem;}
	
	.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: auto;
		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;}
	
	.product-float-two-con{ margin: 0px 3.6rem; margin-top: 3.2rem;}
	.product-float-two-item{ width: 32.7rem; height: 42.4rem; margin-left: 2.4rem; margin-top: 7rem; position: relative; background-position: bottom; background-repeat: no-repeat;
		background-size: 32.7rem 42.4rem; transition: all 0.2s 
	}
	.product-float-two-item:hover{ transform: scale(1.05);}
	.product-float-two-con .product-float-two-item:nth-child(2n-1){ margin-left: 0px;}
	.product-float-two-img{ width: 32.7rem; height:25rem; position: absolute; top:-5rem; left:0px}
	.product-float-two-img img{ width: 100%; height:100%; }
	.product-float-two-item-text{ position: absolute; left:2.4rem; right:1.5rem;  bottom:2.4rem;}
	.product-float-two-btn{width: 17rem; height: 6rem; padding: 0px 2.4rem; border-radius: 10.6rem; background: #1298F1; color:#fff; box-sizing: border-box;
		font-family: Avenir Next World; font-size: 2.4rem; text-align: center; display: block; text-decoration: none; line-height: 6rem;
	}
	
	.product-float-img{ background-position: center; background-repeat: no-repeat; background-color: #000;
		width: 75rem; height: 60rem; position: relative;
	}
	.product-float-img img{width:100%; height:100%;}
	.product-float-con-app{ margin:0px 3.1rem;}
	.product-float-item{width: 33rem; border-radius: 1.8rem; background: #FFFFFF; box-shadow: 0px 3rem 3rem 0px rgba(0, 0, 0, 0.05);
		box-sizing: border-box; padding:3.6rem 3.6rem; margin-left: 2.4rem; margin-top: 2.4rem; transition: all 0.2s 
	}
	.product-float-con-app .product-float-item:nth-child(2n-1),.product-float-con .product-float-item:first-child{ margin-left: 0px;}
	.product-float-item:hover{ transform: scale(1.02);}
	.product-float-item-img{ width: 26rem; height: 26rem; margin: 0px auto;}
	.product-float-item-img img{max-width: 100%; max-height: 100%;}
	.product-float-item-title{position: relative;}
	.product-float-item-cor{font-family: Avenir Next World;font-size: 1.4rem;font-weight: normal;line-height: 120%;text-align: center;letter-spacing: normal;color: #0099FF;
		position: absolute;left:100%; top:1.3rem;
	}
	.product-float-item-tag{ font-family: Avenir Next World; font-size: 1.8rem; font-weight: normal; height: 1.8rem;
		line-height: 100%; text-align: center; letter-spacing: normal; color: #747474; margin-top: 1.4rem; margin-bottom: 1.4rem;
	}
	
	
	.li-tab{ flex: 0 0 auto; margin-left:5rem;}
    
}lign: center;letter-spacing: normal;color: #0099FF;
		position: absolute;left:100%; top:1.3rem;
	}
	.product-float-item-tag{ font-family: Avenir Next World; font-size: 1.8rem; font-weight: normal; height: 1.8rem;
		line-height: 100%; text-align: center; letter-spacing: normal; color: #747474; margin-top: 1.4rem; margin-bottom: 1.4rem;
	}
	
	
	.li-tab{ flex: 0 0 auto; margin-left:5rem;}
    
}