.layout {
	position:relative;
}
.wrap {
	width:70.20833333333334rem;
	width: 69.791666rem;
	margin:0 auto;
}
.hpage1 {
	height:50rem;
	position:relative;
}
.hpage1 .swiper-slide {
	position:relative;
}
.hpage1 .video {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display:block;
	object-fit:cover;
	width:100%;
	height:100%;
}
.mtopPage{
    padding-top: 7.8125rem;
}
.hpage1 .txt {
	display:flex;
	align-items:flex-end;
	justify-content:flex-end;
	height:100%;
	position:relative;
	z-index:33;
}
.process-steps .separator:last-child{
    display: none;
}
.hpage1 .txt .wrap {
	margin-bottom:4.166666666666667rem;
}
.uhsection4.proSection{
	padding: 5.280333rem;
} 
.hpage1 .txt h2 {
	font-weight:bold;
	font-size:3.125rem;
	color:#FFFFFF;
	line-height:3.854166666666667rem;font-family: 'Montserratb';
}
.hpage1 .txt p {
	font-weight:500;
	font-size:0.9375rem;
	color:#FFFFFF;
	line-height:1.3541666666666667rem;
	margin: 0.520833rem 0 1.0625rem;
	font-family:'gilroyre';
}
.hpage1 .txt .bns {
	display:flex;
	align-items:center;
}
.hpage1 .txt .uwmore {
	margin-right:1.7708333333333335rem;
}
.uwmore {
	display:block;
	text-align:center;
}
.uwmore span,.uwmore em {
	padding:0 1.0416666666666667rem 0 2.0833333333333335rem;
	min-width:7.291666666666667rem;
	border-radius:0.4604166666666667rem;
	border:1px solid rgba(255,255,255,0.5);
	font-weight:400;
	font-size:0.833333rem;
	color:#FFFFFF;
	line-height:1.9791666666666667rem;
	display:inline-block;
	background:url(../images/qw4.webp) no-repeat right 0.8333333333333334rem center/0.6770833333333334rem auto;
	padding-right:2.604166666666667rem;
}
.hpage1 .txt .uwmore:nth-child(1) span {
	width:10.9375rem;
	padding:0;
}
.hpage2 {
	background:#010101;
	position:relative;
	padding:19.270833333333336rem 0 3.6458333333333335rem;
}
.hpage2 .video {
	position:absolute;
	right:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
.hpage2 .wrap {
	position:relative;
	z-index:3;
}
.hpage2 .pic {
	position:absolute;
	right:0;
	top:0;
	z-index:1;
}
.hpage2 .pic img {
	width:100%;
	display:block;
}
.hpage2 .txt {
	position:relative;
	z-index:2;
	max-width:41.66666666666667rem;
}
.hpage2 .txt h6 {
	font-weight:500;
	font-size:0.9375rem;
	color:#FDD000;
	line-height:1.4583333333333335rem;
	text-transform:uppercase;
}
.hpage2 .txt h2 {
	font-weight:bold;
	font-size:3.125rem;
	color:#FFFFFF;
	line-height:3.75rem;
	margin:0.2rem 0;font-family: 'Montserratb';
}
.hpage2 .txt p {
	font-weight:500;
	font-size:0.9375rem;
	color:#E5E5E5;
	line-height:1.3541666666666667rem;
	font-family:'gilroyre';
}
.hpage2 dl {
	background: linear-gradient( 270deg, rgba(255,255,255,0.1) 0%, rgba(153,153,153,0.1) 100%);
	border-radius:0.78125rem 0.78125rem 0.78125rem 0.78125rem;
	border:1px solid #303030;
	display:flex;
	align-items:center;
	position:relative;
	z-index:2;
	padding:1.25rem 3.75rem 0.8333333333333334rem;
	margin-top:2.0833333333333335rem;
	justify-content:space-between;
}
.hpage2 dd {
	/* flex:1;*/;
}
.hpage2 dd .icon {
	width:2.5rem;
	height:2.708333rem;
	margin:0 auto;
	overflow:hidden;
}
.hpage2 dd .icon img {
	width:100%;
	height:100%;
	object-fit:contain;
	display:block;
}
.hpage2 dd:hover .icon img {
	transform:translateY(-100%);
}
.hpage2 dd h5 {
	font-size:1.041666rem;
	line-height:1.2;
	color:#fff;font-family: 'Interb';
	text-align:center;
	margin-top:0.5208333333333334rem;
}
.hpage2 dd:hover h5 {
	color:#FDD000;
}
.hpage3 {
	padding:8.333333333333334rem 0 6.770833333333334rem;
}
.hpage3 .itemli {
	position:sticky;
	top:9.458333333333334rem;
}
.hpage3 .item {
	height:34.895833333333336rem;
	text-align:center;
	padding:2.34375rem 9.375rem 0;
	border-radius:1.0416666666666667rem;
	margin-bottom:5.083333rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hpage3 .item h6 {
	font-weight:400;
	font-size:0.9375rem;
	color:#FDD000;
	line-height:1.6;
}
.hpage3 .item h2 {
	font-weight:bold;
	font-size:3.125rem;
	color:#FFFFFF;
	line-height:1.4;
	margin-bottom:0.520833rem; font-family: 'Montserratb';
}
.hpage3 .item p {
	font-weight:500;
	font-size:0.9375rem;
	color:#E5E5E5;
	line-height:1.6;
	margin-bottom:1.5625rem;
	line-height:1.354166rem;
}
.hpage5 .hs .uwmore span,.hpage3 .item .uwmore span {
	width:8.333333333333334rem;
	padding:0;
	padding-right:1.25rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	color:#222222;
}
.hpage3 .item .uwmore span {
	color:#fff;
}
.hpage5 {
	padding:3.6458333333333335rem 0 2.604166666666667rem;
}
.hpage5 .hs {
	text-align:center;
}
.hpage5 .hs h6 {
	font-weight:500;
	font-size:0.9375rem;
	color:#808080;
	line-height:1.354166rem;
	text-transform: uppercase;
}
.hpage5 .hs h2 {
	font-weight:bold;
	font-size:3.125rem;
	color:#222222; font-family: 'Montserratb';
	line-height:3.75rem;
}
.hpage5 .hs p {
	font-weight:500;
	font-size:0.9375rem;
	color:#808080;
	line-height:1.3541666666666667rem;
}
.header {
	position:fixed;
	z-index:99;
	left:0;
	right:0;
	top:0;
	padding:1.3541666666666667rem 1.5625rem;
}
.header>.wrap {
	height:3.75rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:auto;
	padding:0 3.0208333333333335rem;
	background:rgba(18,18,18,0.2);
	background:rgba(0,0,0,0.5);
	border-radius:0.78125rem;
}
.header .ls {
	display:flex;
	align-items:center;
}
.header .logo img {
	height:2.0833333333333335rem;
	display:block;
}
.header .naver ul {
	display:flex;
	align-items:center;
}
.header .naver ul li {
	margin-left:3.385416666666667rem;
}
.header .naver ul li h3 a {
	font-size:1.145833rem;
	color:#A6A6A6;
	line-height:3.75rem;
	display:block;
	font-family: 'Interb';
}
.header .naver ul li h3 a:hover {
	font-weight:bold;
	color:#fff;
}
.header .rs {
	display:flex;
	align-items:center;
}
.header .rs .seach {
	display:flex;
	align-items:center;
}
.header .rs .seach .btn {
	background:url(../images/wico2.svg) no-repeat center/1.09375rem auto;
	width:1.5625rem;
	height:1.5625rem;
	cursor:pointer;
	border:none;
}
.header .rs .seach .txt {
	width:0;
	height:2.4rem;
	background:none;
	border:1px solid rgba(255,255,255,0);
	border-radius:0.15625rem;
	font-size:0.8333333333333334rem;
	transition:all 0.3s;
	color:#fff;
}
.header .rs .seach:hover .txt {
	width:9.8125rem;
	padding:0 0.5208333333333334rem;
	border-color:#eee;
}
.header .rs .laugsh {
	position:relative;
	margin:0 1.6666666666666667rem 0 1.4583333333333335rem;
}
.header .rs .laugsh .dls {
	position:absolute;
	left:50%;
	top:100%;
	transform:translateX(-50%);
	text-align:center;
	padding-top:0.38125rem;
	display:none;
	min-width:2.1875rem;
}
.header .rs .laugsh .dls dl {
	background:rgba(0,0,0,1);
	border-radius:0.2604166666666667rem 0.2604166666666667rem 0.2604166666666667rem 0.2604166666666667rem;
	border:1px solid rgba(229,229,229,0.4);
	overflow:hidden;
	padding:0.260416rem;
}
.header .rs .laugsh .dls dd a {
	font-size:0.572916rem;
	line-height:2.291666rem;
	display:block;
	white-space:nowrap;
	border-bottom:0.052083333333333336rem solid #f1f1f1;
	color:#E5E5E5;
}
.header .rs .btn1 {
	border-radius:0.2604166666666667rem 0.2604166666666667rem 0.2604166666666667rem 0.2604166666666667rem;
	border:1px solid rgba(229,229,229,0.2);
	line-height:1.875rem;
	font-weight:500;
	width:5.104166666666667rem;
	font-size:0.9375rem;
	text-align:center;
	color:#FFFFFF;
	display:block;
	text-align:center;
}
.header .rs .laugsh:hover .btn1 {
	background:#FDD000;
	color:#222222;
	border-color:#FDD000;
}
.footer {
	background:#000000;
	padding-top:3.645833rem;
}
.footer>.wrap {
	display:flex;
	justify-content:space-between;
}
.footer .flogo img {
	width:9.270833333333334rem;
	display:block;
}
.footer .subscribe {
	margin-top:6.770833333333334rem;
}
.footer .subscribe h4 {
	font-weight:bold;
	font-size:1.25rem;
	color:#FFFFFF;
	line-height:1.5104166666666667rem;
}
.footer .subscribe .flex {
	width:12.239583333333334rem;
	height:2.1875rem;
	border-radius:0.20833333333333334rem;
	border:1px solid #808080;
	margin-top:0.7291666666666667rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0.36458333333333337rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}
.footer .subscribe .txt {
	font-weight:300;
	font-size:0.625rem;
	color:#fff;
	height:1.875rem;
	border:none;
	flex:1;
	background:none;
}
.footer .subscribe .btn {
	background:url(../images/qw25.webp) no-repeat center/contain;
	width:1.71875rem;
	height:1.4583333333333335rem;
	border:none;
	cursor:pointer;
}
.footer .tab {
	display:flex;
}
.footer .tab dl {
	margin-left:3.385416666666667rem;
}
.footer .tab dt {
	font-weight:bold;
	font-size:0.833333rem;
	color:#FFFFFF;
	line-height:2;
}
.footer .tab dd a {
	font-weight:400;
	font-size:0.729166rem;
	color:#E5E5E5;
	line-height:2.1875rem;
	display:inline-block;
}
.footer .ficon {
	display:flex;
	justify-content:flex-end;
	align-items:center;
	margin-top:9.895833333333334rem;
}
.footer .ficon dl {
	display:flex;
	align-items:center;
	margin-left:3.125rem;
}
.footer .ficon dt {
	font-weight:bold;
	font-size:1.1458333333333335rem;
	color:#FFFFFF;
	line-height:1.3541666666666667rem;
	margin-right:1.1458333333333335rem;
}
.footer .ficon dd {
	margin-left:0.5729166666666667rem;
}
.footer .ficon dd a img {
	width:1.8229166666666667rem;
}
.copyright {
	margin-top:2.604166666666667rem;
	border-top:0.052083333333333336rem solid rgba(255,255,255,0.35);
}
.copyright .wrap {
	display:flex;
	align-items:center;
	padding:0.7291666666666667rem 0;
	flex-direction:row-reverse;
}
.copyright li i{
	opacity: 0.7;
}
.copyright a {
	font-weight:300;
	font-size:0.7291666666666667rem;
	color:#E5E5E5;
	line-height:2;
	display:inline-block;
	opacity:0.7;
}
.copyright a:hover {
	color:#fff;
	opacity:1;
}
.copyright ul {
	display:flex;
	align-items:center;
	margin-left:2.604166666666667rem;
}
.copyright ul li i {
	font-weight:300;
	font-size:0.7291666666666667rem;
	color:#E5E5E5;
	margin:0 0.15625rem;
	display:inline-block;
}
.nli {
	position:absolute;
	left:0rem;
	right:0;
	top:100%;
	background:#fff;
}
.nli .th {
	background:rgba(229,229,229,0.3);
}
.nli .th dl {
	display:flex;
	align-items:center;
	height:4.166666666666667rem;
}
.nli .th dd a {
	font-weight:400;
	font-size:0.9375rem;
	color:#808080;
	line-height:4.166666666666667rem;
	position:relative;
	display:block;
}
.nli .th dd {
	margin-right:7.291666666666667rem;
}
.nli .th dd a i {
	position:absolute;
	left:0;
	right:0;
	bottom:0%;
	height:0.15625rem;
	background:#383838;
	border-radius:0.5208333333333334rem;
	width:0;
	margin:0 auto;
	transition:all 0.3s;
}
.nli .th dd:hover a i,.nli .th dd.on a i {
	width:100%;
}
.nli .th dd:hover a,.nli .th dd.on a {
	font-weight:bold;
	/* font-size:1.25rem;*/
	color:#383838;
	font-size:1.145833rem;
}
.nli .bd {
	padding-top:0.7291666666666667rem;
	padding-bottom:0.7291666666666667rem;
}
.nli .wrap {
	display:flex;
}
.nli .nlt {
	width:21.875rem;
	padding-top:2.8645833333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding-right:3.125rem;
	border-right:0.052083333333333336rem solid rgba(128,128,128,0.2);
	padding-bottom:2.8645833333333335rem;
}
.nli .nlt dd a {
	display:block;
	line-height:3.59375rem;
	padding:0 1.1458333333333335rem;
	font-weight:400;
	font-size:1.0416666666666667rem;
	color:#808080;
	background-position:right 1.0416666666666667rem center;
	font-family:'gilroy';
}
.nli .nlt dd {
	margin-bottom:0.5208333333333334rem;
}
.nli .nlt dd.on a,.nli .nlt dd a:hover {
	background:url(../images/qw2.webp) no-repeat right 1.0416666666666667rem center/0.6770833333333334rem auto rgba(229,229,229,0.3);
	color:#383838;
	font-weight:bold;
}
.nli .nrt {
	flex:1;
	padding-left:2.916666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding-top:2.8645833333333335rem;
	padding-bottom:2.8645833333333335rem;
}
.nli .nrt .nflex {
	display:flex;
	justify-content:space-between;
}
.nli .nrt dl {
	padding-top:.3020833333333335rem;
}
.nli .nrt dd a {
	font-weight:400;
	font-size:1.0416666666666667rem;
	color:#808080;
	line-height:3.125rem;
	display:block;
}
.nli .nrt dd.on a,.nli .nrt dd a:hover {
	color:#383838;
	font-weight:bold;
}
.nli .nrt .pic {
	width:29.166666666666668rem;
	height:18.229166666666668rem;
	border-radius:0.4166666666666667rem;
	position:relative;
	overflow:hidden;
}
.nli .nrt .pic .tx {
	background:linear-gradient( 180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
	position:absolute;
	z-index:9;
	left:0;
	right:0;
	bottom:0;
	top:0;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	padding:1.40625rem 2.0833333333333335rem;
}
.nli .nrt .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.nli .nrt .tx h4 {
	font-weight:bold;
	font-size:1.0416666666666667rem;
	color:#FFFFFF;
	line-height:1.8;
}
.nli .nrt .tx p {
	font-weight:400;
	font-size:0.7291666666666667rem;
	color:#FFFFFF;
	line-height:1.3541666666666667rem;
}
.nli .nrt .pic a:nth-child(n+2),.bli:nth-child(n+2) {
	display:none;
}
.nli .nrt .rli:nth-child(n+2) {
	display:none;
}
.nli .thtx dl {
	display:flex;
	padding:2rem 0;
	/* justify-content:space-between;*/
	width:100%;
	flex-wrap:wrap;
	position:relative;
}
.nli .thtx dd {
	width:calc((100% - 15.729166rem)/4);
	margin:0 5.208333rem 0 0;
	padding:2.604166rem 0;
}
.borderbottom::before {
	border-bottom:0.052083333333333336rem solid #A6A6A6;
	content:"";
	top:50%;
	position:absolute;
	left:0;
	right:0;
}
.nli .thtx dd:nth-child(4n) {
	margin-right:0;
}
.nli .thtx dd h4 {
	font-weight:bold;
	font-size:1.041666rem;
	color:#808080;
	line-height:1.4;
}
.nli .thtx dd p {
	font-size:0.729166rem;
	color:#808080;
	line-height:1.6;
	margin-top:0.520833rem;
}
.nli .thtx dd a:hover p,.nli .thtx dd a:hover h4,.nli .thtx dd.on p,.nli .thtx dd.on h4 {
	color:#383838;
}
.header .naver ul li h3 {
	position:relative;
}
.header .naver ul li h3 i {
	background:#fff;
	height:0.15625rem;
	border-radius:0.5208333333333334rem;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:2;
	transition:all 0.3s;
	width:0;
	margin:0 auto;
}
.header .naver ul li.on h3 i,.header .naver ul li:hover h3 i {
	width:100%;
}
.header .nli {
	display:none;
}
.header {
	transition:all 0.3s;
}
/* .layout.active .header,*/
.header.active {
	box-shadow:0 0 0.5208333333333334rem 0 rgba(80,80,80,0.1);
	padding:0 1.5625rem;
	background:rgba(0,0,0,0.5);
	-webkit-backdrop-filter:blur(1.041666rem);
	-webkit-backdrop-filter:blur(1.041666rem);
	backdrop-filter:blur(1.041666rem);
}
/* .layout.active .header>.wrap,*/
.header.active>.wrap {
	background:none;
}
.icona img:nth-child(2) {
	display:none;
}
.layout.active .header {
	padding:0 1.5625rem;
}
.layout.active .header>.wrap,.layout.active .header {
	background-color:#fff;
}
.layout.active .header .naver ul li h3 a {
	color:#808080;
}
.layout.active .header .naver ul li h3 a:hover,.layout.active .header .naver ul li.on h3 a:hover {
	color:#383838;
}
.layout.active .header .naver ul li.on h3 i,.layout.active  .header .naver ul li:hover h3 i {
	background:#383838;
}
.layout.active .header .icona img:nth-child(2) {
	display:block;
}
.layout.active .header .icona img:nth-child(1) {
	display:none;
}
.layout.active .header .rs .seach .btn {
	background:url(../images/bwico1.svg) no-repeat center / 1.09375rem auto;
}
.layout.active .header .rs .seach .txt {
	background:#f1f1f1;
	color:#383838;
	border-color:#fff;
}
.layout.active .header .rs .btn1 {
	border-color:rgba(128,128,128,0.2);
	color:#808080;
}
.layout.active .header .rs .btn1:hover {
	border-color:#FDD000;
	background:#FDD000;
	color:#222222;
}
/* qiu*/
.hpage5 {
	padding:7.8125rem 0 5.208333rem;
}
.hpage5 .hs {
	text-align:center;
}
.hpage5 .hs h6 {
	font-weight:500;
	font-size:1.0416666666666667rem;
	color:#808080;
	line-height:1.4583333333333335rem;
}
.hpage5 .hs h2 {
	font-weight:bold;
	font-size:3.125rem;
	color:#222222;
	line-height:3.854166666666667rem;
	margin:0.520833rem 0;
}
.hpage5 .hs p {
	font-weight:500;
	font-size:0.9375rem;
	color:#808080;
	line-height:1.3541666666666667rem;
	margin-bottom:1.25rem;
}
.uwmore.hui span {
	color:#A6A6A6;
	border:1px solid rgba(56,56,56,0.5);
	background:url(../images/qw2.webp) no-repeat right 0.8333333333333334rem center/0.6770833333333334rem auto;
}
.hpage5 .bds {
	margin-top:2.0833333333333335rem;
	display:flex;
	justify-content:space-between;
}
.hpage5 .itms {
	position:relative;
	height:100%;
}
.hpage5 .itms img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	border-radius:0.5208333333333334rem;
	overflow:hidden;
}
.hpage5 .itms h5 {
	position:absolute;
	left:0;
	right:0;
	top:50%;
	z-index:1;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	/* IE 9*/
	-moz-transform:translateY(-50%);
	/* Firefox*/
	-webkit-transform:translateY(-50%);
	/* Safari 和 Chrome*/
	-o-transform:translateY(-50%);
	font-weight:500;
	font-size:0.9375rem;
	color:#FFFFFF;
	line-height:1.354166rem;
	text-align:center;
	padding:0 0.520833rem;
}
.hpage5 .itms .bt {
	top:auto;
	bottom:1.5625rem;
}
.hpage5 .flax {
	display:flex;
	justify-content:space-between;
}
.hpage5 .tps {
	height:11.041666666666668rem;
	margin-bottom:0.3125rem;
}
.hpage5 .tps .itms {
	width:calc((100% - 0.5208333333333334rem)/2);
}
.hpage5 .tbs .itms {
	height:12.15rem;
}
.hpage5 .tbs>.itms {
	;
}
.hpage5 .tbfs {
	width:calc(100% - 11.197916666666668rem);
}
.hpage5 .tbfs .itms {
	height:5.9rem;
	margin-bottom:0.3125rem;
}
.hpage5 .tbfs .itms:last-child {
	margin-bottom:0;
}
.hpage5 .ls {
	width:22.5rem;
}
.hpage5 .rs {
	width:12.395833333333334rem;
}
.hpage5 .cts {
	flex:1;
	margin:0 0.4166666666666667rem;
}
.hpage7 {
	padding:7.8125rem 0 10.416666rem;
	background-color: #F9F9F9;
}
.hpage7 .hs {
	text-align:center;
}
.hpage7 .hs h6 {
	font-weight:500;
	font-size:0.9375rem;
	color:#808080;
	line-height:1.354166rem;
}
.hpage7 .hs h3 {
	font-weight:bold;
	font-size:3.125rem;
	color:#222222;
	line-height:3.75rem;
	margin:0.520833rem 0; font-family: 'Montserratb';
}
.hpage7 .hs p {
	font-weight:500;
	font-size:0.9375rem;
	color:#808080;
	line-height:1.354166rem;
}
.hpage7 .bds {
	margin-top:9.375rem;
	overflow:hidden;
}
.hpage7 .bds .swiper-slide {
	width:11.197916666666668rem;
	height:3.8020833333333335rem;
	background:#808080;
	border-radius:0.5208333333333334rem;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:0.520833rem;
}
.hpage7 .bds .swiper-slide img {
	max-width:100%;
	max-height:100%;
	display:block;
	object-fit:contain;
	margin:auto;
}
.hpage8 .hs {
	/* background:#222222; */
	padding:5.208333rem 0 1.5625rem;
}
.hpage8 .hs .wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
	max-width:62.5rem;
}
.hpage8 .hs ul {
	display:flex;
	align-items:center;
}
.hpage8 .hs li {
	margin-right:3.333333rem;
}
.hpage8 .hs li a {
	font-size:0.833333rem;
	color: #666666;
	line-height:24px;
	display:block;
	font-family: 'Interr' !important;
}
.hpage8 .hs li a:hover,.hpage8 .hs li.on a {
	font-weight:bold;
	color:#222222; font-family: 'Interb' !important;
	font-size: 1.666666rem;
}
.hpage8 .hs .bns {
	font-size:0.8333333333333334rem;
	color:#666666;
	display:inline-block;
	padding-right:1.1458333333333335rem;
	line-height:1.875rem;
	background:url(../images/we21.webp) no-repeat right center/0.3770833333333334rem auto;
	font-family: 'Interr' !important;
}
.hpage8 .bds {
	padding:0.6rem 0 7.8125rem;
	max-width:62.5rem;
}
.hpage8 .bds {
	display:flex;
	justify-content:space-between;
}
.hpage8 .bds .ls {
	width:26.041666666666668rem;
	position:relative;
}
.hpage8 .bds .rs {
	flex:1;
	margin-left:1.1458333333333335rem;
	width: calc(100% - 26rem);
}
.hpage8 .bds dd a {
	border-radius:0.4166666666666667rem 0.4166666666666667rem 0.4166666666666667rem 0.4166666666666667rem;
	border:1px solid #E5E5E5;
	padding:1.5625rem;
	margin-bottom:1.08rem;
	display:block;
}
.hpage8 .bds dd h4 {
	font-weight:400;
	font-size:1.25rem;
	color:#444;font-family: 'Interb';
	line-height:1.666666rem;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.hpage8 .bds .ls a {
	display:block;
	height:100%;
}
.hpage8 .bds dd:last-child a {
	margin-bottom:0;
}
.hpage8 .bds dd p {
	font-weight:400;
	font-size:0.729166rem;
	color:#666;
	line-height:0.9375rem;
	margin-top:0.520833rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.hpage8 .bds .pic {
	width:100%;
	border-radius:0.4166666666666667rem;
	display:block;
	height: 100%;
}
.hpage8 .bds .ts {
	position:absolute;
	left:0;
	right:0;
	bottom:2.0833333333333335rem;
	z-index:1;
	padding:0 1.5625rem;
}
.hpage8 .bds .ts h3 {
	font-weight:bold;
	font-size:1.25rem;
	color:#FFFFFF;
	line-height:1.666666rem;font-family: 'Interb';
}
.hpage8 .bds .ts p {
	font-weight:400;
	font-size:0.729166rem;
	color:#E5E5E5;
	line-height:0.9375rem;
	margin-top: 0.520833rem;
}
.hpage8 .bds .ts .icon {
	width:1.25rem;
	opacity:0.7;
	display:block;
}
.hpage6 {
	background:#090909;
	min-height:50rem;
	padding-top:6.25rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}
.hpage6 .video {
	/* position:absolute;*/
	left:0;
	right:0;
	top:0;
	z-index:1;
	width:100%;
	display:block;
	object-fit:cover;
	height:100%;
	margin-top:-3rem;
}
.hpage6 .hds {
	text-align:center;
	position:relative;
	z-index:2;
}
.hpage6 .hds h6 {
	font-weight:500;
	font-size:0.9375rem;
	color:#FDD000;
	line-height:1.354166rem;
}
.hpage6 .hds h2 {
	font-weight:bold;
	font-size:3.125rem;
	color:#FFFFFF;
	line-height:3.75rem;
	margin:0.520833rem 0; font-family: 'Montserratb';
}
.hpage6 .hds p {
	font-weight:500;
	font-size:0.9375rem;
	color:#E5E5E5;
	line-height:1.354166rem;
	position:relative;
	z-index:2;
}
.hpage4 {
	min-height:50rem;
	position:relative;
}
.hpage4 .video {
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:1;
	width:100%;
	display:block;
	object-fit:cover;
	height:100%;
}
.hpage4 .hds {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	height:100%;
	content:"";
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:1;
	background:rgba(0,0,0,0.4);
	/* 半透明白色背景*/
	  backdrop-filter:blur(0.5208333333333334rem);
	-webkit-backdrop-filter:blur(0.5208333333333334rem);
	width:48.4375rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 6.25rem 8.333333333333334rem 14.583333333333334rem;
	display:flex;
	align-items:flex-end;
}
.hpage4 .hds .ts {
	max-width:29.166666666666668rem;
}
.hpage4 .hds h2 {
	font-weight:bold;
	font-size:3.125rem;
	color:#FFFFFF;
	line-height:3.75rem;
	margin:0.520833rem 0; font-family: 'Montserratb';
}
.hpage4 .hds h6 {
	font-weight:500;
	font-size:0.9375rem;
	color:#FFEB3B;
	line-height:1.4583333333333335rem;
}
.hpage4 .hds p {
	font-weight:500;
	font-size:0.9375rem;
	color:#E5E5E5;
	line-height:1.354166rem;
}
.hpage4 .hds .uwmore span {
	width:8.59375rem;
	padding:0;
	max-width:initial;
	padding-left:1.5625rem;
	padding-right:1.0416666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.hpage4 .hds .uwmore {
	text-align:left;
	margin-top:3.125rem;
}
.uwmore.on span,.uwmore:hover span,.uwmore.on em,.uwmore:hover em  {
	color:#222222;border-color:#FDD000 !important;
	background: url(../images/qw3.webp) no-repeat right 0.8333333333333334rem center #FDD000;
}
.uwmore:hover span,.uwmore:hover em {
	color:#222222 !important;
}
.hpage2.active h6 {
	-webkit-animation:fadeInUp 1s .2s ease both;
	-moz-animation:fadeInUp 1s .2s ease both;
}
.hpage2.active h2 {
	-webkit-animation:fadeInUp 1s .4s ease both;
	-moz-animation:fadeInUp 1s .4s ease both;
}
.hpage2.active p {
	-webkit-animation:fadeInUp 1s .6s ease both;
	-moz-animation:fadeInUp 1s .6s ease both;
}
.hpage2.active dl {
	-webkit-animation:fadeInUp 1s .8s ease both;
	-moz-animation:fadeInUp 1s .8s ease both;
}
.hpage7 .swiper-wrapper {
	transition-timing-function:linear !important;
}
.header .rs .laugsh img {
	width:1.354166rem;
}
.header .rs .laugsh {
	cursor:pointer;
}
.header .rs .laugsh .dls dd a {
	;
}
.header .rs .laugsh .dls dd:last-child a {
	border:none;
}
.header .rs .laugsh .dls dd a:hover {
	color:#FDD000;
	font-weight:bold;
}
.footer .subscribe h4,.footer .tab dt,.hpage8 .hs .bns,.hpage8 .hs li a,.hpage7 .hs h3,.hpage6 .hds h2,.hpage5 .hs h2,.hpage4 .hds h2,.hpage3 .item h2,.hpage2 .txt h2,.hpage1 .txt h2 {
	font-family:'Montserratb';
}
.hpage8 .bds .pic,.hpage5 .itms img {
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.hpage8 .bds .ls:hover .pic,.hpage5 .itms:hover img {
	transform:scale(1.1);
	-ms-transform:scale(1.1);
	/* IE 9*/
	-moz-transform:scale(1.1);
	/* Firefox*/
	-webkit-transform:scale(1.1);
	/* Safari 和 Chrome*/
	-o-transform:scale(1.1);
}
.hpage8 .bds .ls,.hpage5 .itms {
	overflow:hidden;
	border-radius:0.5208333333333334rem;
}
.hpage8 .bds dd:hover h4 {
	color:#222;
}
.hpage8 .bds dd:hover p {
	color:#222;
}
.hpage8 .bds dd a:hover {
	border-color:#222222;
}
.hpage8 .hs .bns:hover {
	color:#222;
}
.footer .tab dd a {
	opacity:0.7;
}
.footer .tab dd a:hover {
	color:#fff;
	opacity:1;
}
.hpage8 .lis:nth-child(n+2) {
	display:none;
}
.layout.active {
	padding-top:3.75rem;
	;
}
.uhsection1 {
	height:50rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.uhsection1 .txt {
	text-align:center;
	padding-top:7.229166666666668rem;
}
.uhtit h3 {
	 font-family: 'Montserratb';
	font-weight:bold;
	font-size:3.125rem;
	color:#fff;
	line-height:3.75rem;
	text-align:center;
}
.uhtit h3 i {
	color:#FDD000;
}
.uhtit p {
	font-weight:500;
	font-size:0.9375rem;
	color:#FFFFFF;
	line-height:1.3541666666666667rem;
	text-align:center;
	margin-top: 1.25rem;
}
.uhtit.bk h3 {
	color:#222222;
}
.uhtit.bk p {
	color:#444;
}
.uhsection2 {
	padding:7.8125rem 0;
	text-align:center;
}
.uhsection2 ul {
	margin-top:3.645833rem;
	display:flex;
	justify-content:center;
}
.uhsection2 li {
	margin:0 1.3020833333333335rem;
}
.uhsection2 li h4 {
	font-weight:400;
	font-size:1.25rem;
	color:#333333;
	line-height:3.125rem;
}
.uhsection2 li h4 i,.uhsection2 li h4 em {
	font-family: 'Montserratb';
	font-size:3.125rem;
	color:#222222;
	line-height:3.75rem;
}
.MyBottom{
    margin-bottom: 7.8125rem;
}
.uhsection2 li p {
	font-weight:400;
	font-size:0.9375rem;
	color:#666666;
	line-height:1.354166rem;
}
.uhsection3 {
	padding:8.59375rem 0;
}
.uhsection3 .text {
	width:31.25rem;
	text-align:left;
}
.uhsection3 .uhtit p,.uhsection3 .uhtit h3 {
	text-align:left;
}
.uhtit p i {
	color:#FDD000;
	font-size:1.25rem;
	font-weight:bold;
}
.uhsection3 .item {
	display:flex;
	align-items:center;
	justify-content: space-between;
}
.pxline {
	height:0.052083333333333336rem;
	background:#fff;
	width:25.416666666666668rem;
	margin:3.90625rem 0;
}
.uhsection3 .item .pic {
	width:6.145833333333334rem;
}
.uhsection3 .item .txt {
	width:calc(100% - 7.1875rem);
}
.uhsection3 .item .txt h4 {
	display:flex;
	align-items:center;
	margin-bottom:0.9375rem;
}
.uhsection3 .item .txt em {
	font-family: 'Montserratb';
	font-weight:bold;
	font-size:2.8125rem;
	color:#FDD000;
	line-height:2.916666666666667rem;
}
.uhsection3 .item .txt {
	font-family:'Montserratb','Montserratb';
	font-weight:bold;
	font-size:1.1979166666666667rem;
	color:#FFFFFF;
	line-height:1.3541666666666667rem;
	margin-left:0.4166666666666667rem;
}
.uhsection3 .item .line {
	display:flex;
	align-items:center;
}
.uhsection3 .item h5 {
	font-weight:bold;
	font-size:0.9375rem;
	color:#E5E5E5;
	line-height:1.7708333333333335rem;
}
.uhsection3 .item .line:before {
    content: "";
	width:14.375rem;
	height:0.9375rem;
	background:#FDD000;
	border-radius:0rem 0rem 0rem 0rem;
	margin-right:0.46875rem;
}
.uhsection3 .item .line {
	font-weight:400;
	font-size:0.9375rem;
	color:#FDD000;
	line-height:1.7708333333333335rem;
}
.uhsection3 .item li:first-child .line:before {
	clip-path:polygon(0 0,100% 0,calc(100% - 0.5208333333333334rem) 100%,0 100%);
}
.uhsection3 .item li:last-child .line {
	color:#E5E5E5;
}
.uhsection3 .item li:last-child .line:before {
	background:#444444;
	width:11.25rem;
}
.uhsection3 .item li:last-child {
	margin-top:0.5208333333333334rem;
}
.uhsection4 {
	height:52.083333333333336rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding-top:7.8125rem;
}
.uhtit.on p {
	font-size:1.0416666666666667rem;
}
.uhitem {
	display:flex;
	justify-content:space-between;
	flex-direction:row-reverse;
	align-items:center;
	padding-top:7.8125rem;
}
.uhitem .pic {
	width:37.0625rem;
	overflow:hidden;
	border-radius: 0.416666rem;
}
.uhitem .pic video,.uhitem .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.uhitem .txt {
	width:calc(100% - 41.666666rem);
}
.uhtit.lt h3,.uhtit.lt p {
	text-align:left;
}
.uhvideo {
	padding-top:7.8125rem;
}
.uhvideo.NewUhv ul {
	display:flex;
	margin-top:2.604166666666667rem;
	justify-content:space-between;
}
.uhvideo.NewUhv li {
	width:calc((100% - 1.0416666666666667rem)/2);
	border-radius: 8px;overflow: hidden;
	margin-right: 0;
}
.uhvideo.NewUhv li video {
	width:100%;
	height:100%;
	display:block;
}
.uhtit p span {
	font-weight:bold;
	font-size:1.25rem;
	font-family:'Montserratb','Montserratb';
}
.uhvideo dl ,.uhvideo ul{
	display:flex;
	flex-wrap:wrap;
	margin-top:3.6458333333333335rem;
}
.uhvideo dd,.uhvideo li {
	width:calc((100% - 2.0833333333333335rem)/3);
	margin:0 1.0416666666666667rem 0 0;
	position:relative;
	border-radius:0.4166666666666667rem 0.4166666666666667rem 0.4166666666666667rem 0.4166666666666667rem;
	overflow:hidden;
}
.uhvideo dd:nth-child(3n),.uhvideo li:nth-child(3n) {
	margin-right:0;
}
.uhvideo dd img,.uhvideo li img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.uhvideo dd .txt,.uhvideo li .txt {
	position:absolute;
	inset:auto 0 0;
	text-align:center;
	padding:1.5625rem;
}
.uhvideo dd .txt h4,.uhvideo li .txt h4 {
	font-weight:bold;
	font-size:1.666666rem;
	color:#FFFFFF; font-family: 'Interb';line-height: 1.979166rem;
}
/* .plusSection1 .uhvideo dd .txt h4{
	font-size: 1.25rem;
	line-height: 1.666667rem;
} */
.plusSection2.utpage4 .bds{
	margin-top: 0;
}
.plusSection1 .uhvideo dd .txt p{

}
.uhvideo dd .txt p,.uhvideo li .txt p {
	font-weight:500;
	font-size:0.9375rem;
	color:#FFFFFF;
	line-height:1.354166rem;
	margin-top:0.520833rem;
}
.uhsection5 {
	padding-bottom:7.8125rem;
}
.uhsection6 {
	padding:7.8125rem 0;
}
.uhsection6 .thflex{
	display:flex;
	background:#EEEEEE;
	padding:3.125rem 4.166666666666667rem 3.125rem 5.208333333333334rem;
	align-items:center;
	justify-content:space-between;
	flex-direction:row-reverse;
	border-radius: 0.416666rem;
}
.uhsection6 .thflex .pic {
	width:30.833333333333336rem;
	height:18.177083333333336rem;
	overflow:hidden;
}
.uhsection6 .thflex .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:contain;
}
.uhsection6 .thflex .txt {
	width:calc(100% - 32.8125rem);
}
.uwmore.bk span,.uwmore.bk em {
	border-color:#383838;
	color:#0A0706;
	padding:0 2.291666666666667rem 0 1.7708333333333335rem;
	background-image:url(../images/qw3.webp);
	min-width:8.59375rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.connect-section .uwmore.bk span,.connect-section .uwmore.bk em{
	color: #ffffff;
	background-image:url(../images/qw4.webp);
}
.connect-section .uwmore:hover span,.connect-section .uwmore:hover em{
	background-image:url(../images/qw3.webp);
}
.uhsection6 .thflex .uwmore {
	text-align:left;
	margin-top:2.291666666666667rem;
}
.uflexicon>ul {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.uflexicon>ul>li {
	width:calc((100% - 0.520833rem)/2);
	margin:0.520833rem 0 0;
	background:rgba(238,238,238,0.93);
	border-radius:0.4166666666666667rem 0.4166666666666667rem 0.4166666666666667rem 0.4166666666666667rem;
	padding:3.3333333333333335rem 4.166666666666667rem 2.604166666666667rem;
	text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.uflexicon>ul>li ul {
	display:flex;
	justify-content:center;
	margin-bottom:1.7708333333333335rem;
}
.uflexicon>ul>li li img {
	width:3.229166666666667rem;
	height:3.854166666666667rem;
	display:block;
	object-fit:contain;
	margin:0 0.7291666666666667rem;
}
.uflexicon>ul>li h4 {
	font-weight:bold;
	font-size:1.666666rem;
	color:#222222;
	line-height:1.9791666666666667rem;
	font-family: 'Interb';
}
.uflexicon>ul>li p {
	margin-top:0.625rem;
	font-weight:500;
	font-size:0.9375rem;
	color:#444444;
	line-height:1.354166rem;
}
.uflexth {
	position:sticky;
	left:0;
	right:0;
	top:3.75rem;
	z-index:12;
	background:#030202;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0.625rem 4.427083333333334rem;
}
.uflexth h4 {
	font-weight:500;
	font-size:0.8333333333333334rem;
	color:#FFFFFF;
	line-height:1.4583333333333335rem;
}
.uflexth ul {
	display:flex;
}
.uflexth ul li a {
	margin-left:2.604166666666667rem;
	font-weight:500;
	font-size:0.8333333333333334rem;
	color:#AAAAAA;
	line-height:1.875rem;
	border-radius:0.2604166666666667rem 0.2604166666666667rem 0.2604166666666667rem 0.2604166666666667rem;
	display:block;
	padding:0 0.78125rem;
}
.uflexth ul li.on a,
.uflexth ul li a:hover {
	color:#FFFFFF;
	font-weight: bold;
}
.uflexth ul li:last-child a {
	background:#FDD000;
	color:#222222;
}
.uflexth ul.GTechNav li:last-child a{
	background:transparent;
	color: #AAAAAA;
} 

.uflexth ul.GTechNav li.on a{
	font-weight: bold;
	color: #ffffff;
}
.umfaq {
	padding:6.416666666666668rem 0 5.208333333333334rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	min-height:31.25rem;
}
.faqlist {
	margin-top:1.9791666666666667rem;
	border-top:0.052083333333333336rem solid rgba(170,170,170,0.5);
}
.faqlist li {
	border-bottom:0.052083333333333336rem solid rgba(170,170,170,0.5);
}
.faqlist .prnebtn li{
    border: none;
}
.faqlist li .flex {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0.78125rem 0.9895833333333334rem;
	cursor:pointer;
}
.faqlist li h4 {
	font-weight:500;
	font-size:0.9375rem;
	color:#222;
	line-height:1.3541666666666667rem;
	max-width: 80%;
}
.faqlist li h4:nth-child(2){
	width: 10.8125rem;
}
.faqlist li .flex img {
	width:0.9375rem;
	display:block;
	transition:all 0.3s;
}
.faqlist li .flex.on img {
	transform:rotate(180deg);
}
.faqlist li .content{
    display:none;
}
.faqlist li p {
	font-weight:400;
	font-size:0.729166rem;
	color:#444444;
	line-height:1.1458333333333335rem;
	padding:1.0416666666666667rem;
	background-color:#F1F1F1;
	border-top:0.052083333333333336rem solid rgba(170,170,170,0.5);
	
}
.downlist {
	margin-top:1.9270833333333335rem;
}
.downlist ul {
	display:flex;
	flex-wrap:wrap;
}
.downlist li {
	width:calc((100% - 3.229166666666667rem)/3);
	margin:0 1.5625rem 1.5625rem 0;
}
.downlist li:nth-child(3n) {
	margin-right:0;
}
.downlist li a {
	display:flex;
	align-items:center;
	justify-content:space-between;
	height:5.208333333333334rem;
	background:#222222;
	border-radius:0.4166666666666667rem 0.4166666666666667rem 0.4166666666666667rem 0.4166666666666667rem;
	padding:0 1.3541666666666667rem;
}
.downlist li a h4 {
	font-weight:400;
	font-size:1.0416666666666667rem;
	color:#FFFFFF;
	line-height:2.916666666666667rem;
	width:calc(100% - 4.6875rem);
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.downlist li a img {
	width:2.395833rem;
	display:block;
	height:2.395833rem;
	object-fit:contain;
}
.downlist li a:hover {
	background:#444;
}
.pvideolist ul {
	display:flex;
	flex-wrap:wrap;
	margin-top:1.9270833333333335rem;
}
.pvideolist li {
	width:calc((100% - 2.1875rem)/3);
	margin:0 1.041666rem 1.041666rem 0;
	cursor:pointer;
}
.pvideolist li:nth-child(3n) {
	margin-right:0;
}
.pvideolist li .icon {
	/* width:22.1875rem; */
	height:13.020833333333334rem;
	border-radius:0.4166666666666667rem;
	position:relative;
	overflow:hidden;
}
.pvideolist li .icon .pic {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
	transform:scale(1.1);
}
.pvideolist li:hover .icon .pic {
	transform:scale(1);
}
.pvideolist li:hover .icon .play {
	transform:scale(1.1);
}
.pvideolist li .icon .play {
	position:absolute;
	inset:0;
	margin:auto;
	z-index:2;
	width:3.4375rem;
	height:3.4375rem;
	display:block;
	object-fit:contain;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.pvideolist li h4 {
	font-weight:500;
	font-size:0.9375rem;
	color:#222;
	line-height:1.3541666666666667rem;
	margin:0.6770833333333334rem 0;
}
.mask2 {
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:9998;
	background:rgba(0,0,0,0.7);
	display:none;
}
.mkvideo {
	display:none;
	position:fixed;
	left:0;
	right:0;
	top:53%;
	z-index:9999;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	/* IE 9*/
    -moz-transform:translateY(-50%);
	/* Firefox*/
    -webkit-transform:translateY(-50%);
	/* Safari 鍜� Chrome*/
    -o-transform:translateY(-50%);
	max-width:62.5rem;
	margin:0 auto;
}
.mkvideo video {
	width:100%;
}
.mkvideo .icos {
	position:absolute;
	width:2.0833333333333335rem;
	height:2.0833333333333335rem;
	right:-2.604166666666667rem;
	top:-2.604166666666667rem;
	cursor:pointer;
	background:url(../images/ss1.png) no-repeat center/cover;
	z-index:9;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
    -moz-transition:all 0.3s;
	/* Firefox*/
    -webkit-transition:all 0.3s;
	/* Safari 鍜� Chrome*/
    -o-transition:all 0.3s;
}
.mkvideo .icos:hover {
	transform:rotate(720deg);
	-ms-transform:rotate(720deg);
	/* IE 9*/
    -moz-transform:rotate(720deg);
	/* Firefox*/
    -webkit-transform:rotate(720deg);
	/* Safari 鍜� Chrome*/
    -o-transform:rotate(720deg);
}
.muban .wrap {
	height:31.25rem;
	display:flex;
	align-items:center;
}
.umain {
	background:#F9F9F9;
	padding:4.6875rem 0;
}
.umain .wrap {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.umain .umlt {
	width:18.229166666666668rem;
}
.umain .umlt2{
	width: 19.53125rem;
}
.umain .umrt {
	width:calc(100% - 21.354166666666668rem);
}
.uhtab li h3 {
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-weight:bold;font-family: 'Interb';
	font-size: 1.041666rem;
	color:#222222;
	line-height:3.229166rem;
	padding:0 1.041666rem;
	border-radius:0.416666rem;
	cursor:pointer;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.quhtab li h3 {
	padding:0 0.520833rem;
}
.uhtab li h3 i {
	width:0.8333333333333334rem;
	height:0.8333333333333334rem;
	display:block;
	background:url(../images/qw3.webp) no-repeat center/contain;
	transition:all 0.3s;
}
.uhtab li.on h3 {
	background-color:#222222;
	color:#fff;
}
.uhtab li:hover h3 i,
.uhtab li.on h3 i {
	transform:rotate(90deg);
	background:url(../images/qw4.webp) no-repeat center/contain;
}
.uhtab li dl {
	padding:1.5625rem 1.0416666666666667rem 0 1.8229166666666667rem;
	display:none;
}
.uhtab li dd .dds {
	display:none;
}
.uhtab li dd h4 {
	display:flex;
	justify-content:space-between;
	font-weight:bold;
	align-items:center;
	font-size:1.0416666666666667rem;
	color:#808080;
	line-height:2.604166666666667rem;
	transition:all 0.3s;
	cursor:pointer;
}
.uhtab li dd.on h4 {
	color:#222222;
}
.uhtab li dd.on h4 img {
	transform:rotate(90deg);
}
.uhtab li dd h4 img {
	width:0.8333333333333334rem;
	display:block;
	transition:all 0.3s;
}
.uhtab li dd a {
	display:block;
	font-size:1.0416666666666667rem;
	color:#808080;
	line-height: 2.083333rem;
	/* margin-left:0.8333333333333334rem; */
}
.uhtab li dd a.on,.uhtab li dd a:hover {
	color:#222222;
}
.filters {
	margin-top:0.427083333333334rem;
}
.filters h4 {
	font-family: 'Interb';
	font-weight:bold;
	font-size:1.25rem;
	color:#222222;
	line-height:3.854166666666667rem;
	display:flex;
	align-items:center;
	padding-left:1.041666rem;
	cursor: pointer;
}
.filters h4.on img{
	transform: rotate(180deg);
}
.filters h4 img {
	width:1.145833rem;
	margin-left:1.5625rem;
	display:block;
	transition:all 0.3s;
}
.filters dl {
	padding-left:1.041666rem;
	padding-bottom: 2rem;
}
.filters dt {
	font-weight:bold;
	font-size:1.0416666666666667rem;
	color:#222222;
	line-height:2;
	margin-bottom:0.38125rem;
}
.filters dd input {
	display:none;
}
.filters dd .che1 {
	font-size:1.041666rem;
	color:#666;
	line-height:2.604166rem;
	display:block;
	padding-left:2.5rem;
	background:url(../images/che1.webp) no-repeat left center/1.4583333333333335rem auto;
	cursor:pointer;font-family: 'Interb';
}
.filters dd .che1.on {
	background:url(../images/ch2.png) no-repeat left center/1.4583333333333335rem auto;
	color: #222222;
}
.uprlist ul {
	display:flex;
	flex-wrap:wrap;
}
.uprlist li {
	width:calc((100% - 2.1875rem)/3);
	margin:0 1.0416666666666667rem 1.0416666666666667rem 0;
	background:rgba(255,255,255,0.5);
	padding:0.5208333333333334rem 1.0416666666666667rem 0;
	/* height:21.354166666666668rem; */
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding-bottom: 1.5625rem;
	border-radius: 0.208333rem;
}
.uprlist li:nth-child(3n) {
	margin-right:0;
}
.uprlist li .icon {
	overflow:hidden;
	margin-top: 1.041666rem;
}
.uprlist li .icon a {
	display:flex;
	align-items:center;
	justify-content:center;
	height:11.979166666666668rem;
}
.uprlist li .icon img {
	width:90%;
	height:90%;
	display:block;
	object-fit:contain;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.uprlist li .txt {
	text-align:center;
}
.uprlist li h4 {
	font-weight:bold;
	font-size:1.25rem;
	color:#222222;
	line-height:2.0833333333333335rem;
}
.uprlist li p {
	font-weight:400;
	font-size:0.625rem;
	color:#222222;
	line-height:1.4;
	margin: 0.520833rem 0 0;
	height:2.8em;
	overflow:hidden;
	font-weight: 400;
	font-size: 0.729166rem;
	color: #444444;
}
.uprlist li .add {
	width:1.5625rem;
	height:1.25rem;
	background:url(../images/uadd.webp) no-repeat center/contain;
	margin:0.5208333333333334rem auto;
	cursor:pointer;
}
.uprlist li .add:hover {
	background:url(../images/uadd2.webp) no-repeat center/contain;
}
.uprlist li h6 {
	font-weight:400;
	font-size:0.625rem;
	color:#222222;
	line-height:2;
	position: absolute;
	right: 0;top: 0;
	padding: 0 0.83333333rem;
	background: #FDD000;
	border-radius: 4px;
	line-height: 1.145833rem;
}
.prnebtn {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	padding-top:2.0833333333333335rem;
}
.prnebtn a {
	width:2.291666666666667rem;
	height:2.291666666666667rem;
	background:#D9D9D9;
	/* border-radius:0.2604166666666667rem; */
	margin-left:1.5625rem;
	display:flex;
	align-items:center;
	justify-content:center;
	background:url(../images/aro1.webp) no-repeat center/contain;
}
.prnebtn a.next-btn{
    transform: rotate(180deg);
}
.prnebtn a img {
	width:0.8333333333333334rem;
	display:block;
}
.prnebtn a:hover {
	background-color:#FDD000;
	background:url(../images/aro2.jpg) no-repeat center/contain;
}
.prnebtn li:nth-child(2) a {
	transform:rotate(180deg);
}
.muban dl {
	display:flex;
	margin-bottom:0.2604166666666667rem;
	height:2.0833333333333335rem;
}
.muban dd {
	font-size:0.9375rem;
	color:#fff;
	line-height:2.0833333333333335rem;
	margin-right:0.4166666666666667rem;
}
.muban dd a {
	font-size:0.9375rem;
	color:#fff;
	line-height:2.0833333333333335rem;
}
.muban dd.on a,.muban dd a:hover {
	color:#FDD000;
}
.resources {
	background-color:#F9F9F9;
	padding:5.208333rem 0;
}
.featured .flex {
	display:flex;
	justify-content:space-between;
	margin-top:2.3958333333333335rem;
}
.featured .pic {
	width:31.770833333333336rem;
	height:31.25rem;
	overflow:hidden;
}
.featured .pic a {
	display:block;
	height:100%;
	position:relative;
	overflow:hidden;
	border-radius:0.2604166666666667rem;
}
.featured .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.featured .pic .txt {
	position:absolute;
	inset:auto auto 0;
	z-index:1;
	padding:1.5625rem;
}
.featured .pic .txt h4 {
	font-weight:bold;
	font-size:1.666666rem;
	color:#FFFFFF;
	line-height:1.979166rem;
	margin-bottom:0.520833rem;
}
.featured .pic .txt p {
	font-weight:400;
	font-size:0.729166rem;
	color: #F9F9F9;
	line-height:0.9375rem;
}
.featured ul {
	width:calc(100% - 32.552083333333336rem);
}
.featured ul li {
	height:9.6875rem;
	background:#fff;
	margin-bottom:1.0416666666666667rem;
	border-radius: 0.416666rem;
}
.featured ul li:last-child {
	margin-bottom:0;
}
.featured ul li a {
	display:flex;
	align-items:center;
	flex-direction:row-reverse;
	height: 100%;
}
.featured ul .icon {
	/*width:15.104166666666668rem;*/
	height: 100%;
	overflow:hidden;
}
.featured ul .icon img {
	width:auto;
	height:100%;
	display:block;
	object-fit:cover;
}
.featured ul .tx {
	width:calc(100% - 15.104166666666668rem);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	padding-left:1.3020833333333335rem;
	padding-right:0.5208333333333334rem;
	flex: 1;
}
.featured ul .tx h4 {
	font-size:1.25rem;
	color:#222;
	line-height:1.354166rem;
	font-weight: bold;
}
.featured ul .tx h5 {
	font-weight:400;
	font-size:0.833333rem;
	color:#666;
	line-height:1.25rem;
}
.featured ul .tx p {
	font-weight:400;
	font-size:0.7291666666666667rem;
	color:#808080;
	line-height:0.8333333333333334rem;
	margin-top:1.5625rem;
}
.hnewslist .thflex {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:2.604166rem;
}
.hnewslist .thflex h3 {
	font-family:'Montserratb';
	font-weight:bold;
	font-size:2.5rem;
	color:#222222;
	line-height:3.020833rem;
}
.hnewslist .thflex a {
	font-size:0.9375rem;
	color:#666;
	line-height:1.875rem;
	display:block;
	padding-right:1.8229166666666667rem;
	background:url(../images/qw3.webp) no-repeat right center/0.9375rem auto;
}
.hnewslist {
	padding-top:6.770833333333334rem;
	padding-bottom:1.8229166666666667rem;
	border-bottom:0.052083333333333336rem solid #A6A6A6;
}
.hnewslist:last-child {
	padding-bottom:0;
	border:none;
}
.hnewslist ul {
	display:flex;
	flex-wrap:wrap;
}
.hnewslist li {
	width:calc((100% - 2.1875rem)/3);
	margin:0 1.041666rem 1.041666rem 0;
	border-radius: 0.416666rem;
	overflow: hidden;
}
.hnewslist li:nth-child(3n) {
	margin-right:0;
}
.hnewslist li a {
	background:#fff;
	display:block;
	border-radius:0.2604166666666667rem;
	overflow:hidden;
	height: 100%;
}
.hnewslist li .icon {
	height:14.583333333333334rem;
	overflow:hidden;
	position:relative;
	border-radius:0.416666rem;
}
.hnewslist li .icon img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.hnewslist li .txt {
	padding:1.041666rem;
}
.hnewslist li h4 {
	    font-size: 0.833333rem;
	    color: #222;
	    line-height: 1.25rem;
	    font-family: 'Interr';
	    font-weight: initial;
}
.hnewslist li p {
	font-weight:400;
	font-size:0.729166rem;
	color:#666;
	line-height:0.9375rem;
	margin-top:1.25rem;
}
.itype {
	position:absolute;
	left:0;
	top:0;
	font-weight:400;
	font-size:0.625rem;
	color:#222;
	padding:0 0.3125rem;
	background-color:#FDD000;
	line-height:1.041666rem;
	border-radius:0.416666rem;
	border-radius: 0;
}
.featured ul .icon {
	position:relative;
	border-radius: 0.416666rem;
	overflow: hidden;
}
.hnewslist li .itype,.featured ul .icon .itype {
	top:auto;
	bottom:0;
}
.uhtab li .filters {
	margin:0;
}
.uhtab li .filters dl {
	margin:0;
}
.umain2 .umlt {
	width:14.84375rem;
}
/* .uhtab li h3 {
	padding-left:1.5625rem;
} */
.newssearch {
	height:1.875rem;
	border-radius:0.2604166666666667rem;
	border:1px solid rgba(56,56,56,0.2);
	display:flex;
	justify-content:space-between;
	align-items:center;
	overflow:hidden;
	padding-right:0.5208333333333334rem;
}
.newssearch .txt {
	height:1.875rem;
	padding-left:1.25rem;
	width:calc(100% - 2.0833333333333335rem);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	border:none;
	font-weight:400;
	font-size:0.7291666666666667rem;
	color:#333;
	background:none;
}
.newssearch .btn {
	background:url(../images/search.png) no-repeat center/1.25rem auto;
	width:1.875rem;
	height:1.875rem;
	border:none;
	cursor:pointer;
}
.umlt>h6 {
	font-family:'Montserratb';
	font-weight:bold;
	font-size:1.25rem;
	color:#222222;
	line-height:1.666666rem;
	margin-top:1.5625rem;margin-bottom: 0.520833rem;
}
.uhtab li .filters dl {
	padding:0.5208333333333334rem 0;
}
.umain2 .umrt {
	width:calc(100% - 16.927083333333336rem);
}
.umain2 .umrt .hnewslist {
	padding:0;
	margin-top: 5.604166rem;
}
.umain2 .umrt .hnewslist li {
	width:calc((100% - 1.145833rem)/3);
	margin:0 0.520833rem 0.520833rem 0;
}
.umain2 .umrt .hnewslist .prnebtn{
    justify-content: center;
}
.umain2 .umrt .hnewslist .prnebtn li{
    width: fit-content;
}
.umain2 .umrt .hnewslist .prnebtn li a{
    margin-left: 0;
    background-color: #fff;
}
.umain2 .umrt .hnewslist li:nth-child(3n) {
	margin-right:0;
}
.umain2 .umrt .hnewslist li .icon {
	height:11.458333333333334rem;
}
.umain2 .umrt .hnewslist li h4 {
	font-size:0.833333rem;
	color:#222;
	line-height:1.25rem; font-family: 'Interr';font-weight: initial;
}
.unewsdel {
	padding:1.6666666666666667rem 0;
}
.crumbs dl {
	display:flex;
}
.crumbs dd {
	margin-right:0.20833333333333334rem;
	font-weight:400;
	font-size:0.833333rem;
	color:#666;
	line-height:1.25rem;
}
.crumbs dd a {
	display:block;
	color:#666;
}
.crumbs dd a:hover {
	color:#222;
}
.unewsdel .th {
	padding:1.5625rem 0 0;
}
.unewsdel .th h1 {
	font-family: 'Montserratb';
	font-size:2.5rem;
	color:#222222;
	line-height:3.020833rem;
}
.unewsdel .th .flex {
	margin-top:2.083333rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.unewsdel .th h6 {
	display:flex;
	align-items:center;
	font-weight:400;
	font-size:0.729166rem;
	color:#666;
	line-height:0.8333333333333334rem;
}
.unewsdel .th h6 i {
	position:static;
	margin-right:1.5625rem;
}
.unewsdel .th ul {
	display:flex;
	align-items:center;
}
.unewsdel .th li {
	margin-left:0.5208333333333334rem;
}
.unewsdel .th li img {
	height:1.8229166666666667rem;
	display:block;
}
.ndeltail {
	padding: 4.8125rem 0 2.083333rem;
	font-weight:500;
	font-size:0.9375rem;
	color:#222;
	line-height:1.354166rem;
}
.tags dl {
	display:flex;
	flex-wrap:wrap;
	padding:1.8125rem 0 3.604166rem;
}
.tags dt {
	font-weight:400;
	font-size:0.9375rem;
	color:#666;
	line-height:1.0416666666666667rem;
}
.tags dd {
	margin-left:0.9375rem;
}
.tags dd a {
	padding:0 0.520833rem;
	background: #F9F9F9;
	border-radius:0.104166rem ;
	line-height:1.041666rem;
	font-weight:400;
	font-size:0.729166rem;
	color:#666;display: inline-block;
}
.tags dd a:hover,.tags dd.on a {
	background:#FDD000;
	color:#222222;
}
.unewsdel .wrap {
	padding:0 3.6458333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	border-bottom:0.052083333333333336rem solid #A6A6A6;
}
.hnewslist2 {
	padding:4.6875rem 0 5.208333333333334rem;
}
.umain3 .umrt {
	width:calc(100% - 20.104166666666668rem);
}
.applist ul {
	display:flex;
	flex-wrap:wrap;
}
.applist li {
	width:calc((100% - 1.145833rem)/3);
	margin:0 0.520833rem 0.520833rem 0;
}
.applist li:nth-child(3n) {
	margin-right:0;
}
.applist li a {
	overflow:hidden;
	position:relative;
	border-radius:0.2604166666666667rem;
	display:block;
}
.applist li img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.applist li .txt {
	position:absolute;
	inset:auto 0 0;
	padding:1.041666rem;
	z-index:3;
}
.applist li h4 {
	font-weight:bold;font-family: 'Interb';
	font-size:0.941666rem;
	color:#FFFFFF;
	line-height:1.458333rem;
}
.applist li p {
	font-weight:400;
	font-size:0.729166rem;
	color:#FFFFFF;
	line-height:0.9375rem;
	height:1.875rem;margin: 0.520833rem 0 0.8041666rem;
	font-family: 'Interr';
}
.applist li h6 {
	font-weight:400;
	font-size:0.729166rem;
	color:rgba(255,255,255,1);
	height:1.3rem;
	display:flex;
	align-items:center;
	border: 1px solid #fff;border-radius: 4px;
	max-width: 5.729166rem;padding-left: 10px;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0;
	width: 1.3rem;
	display: flex;justify-content: center;
	align-items: center;
	padding: 0;
}
.applist li h6 img {
	width:0.68125rem;
	/* margin-left:0.2604166666666667rem; */
	display:block;object-fit: contain;
}
.applist li h6 img:nth-child(2){
	display: none;
}
.applist li a:hover h6 img:nth-child(1){
	display: none;
}
.applist li a:hover h6 img:nth-child(2){
	display: block;
}
.applist li a:hover h6 {
	background: #FDD000;border-color: #FDD000;
}
.applist .bgline {
	position:absolute;
	inset:0;
	opacity:0.4;
	background:linear-gradient( to bottom,rgba(0,0,0,0) 10.58%,rgba(0,0,0,0.8) 62.98%),rgba(0,29,66,0.2);
}
/* 
.antech {
	height:52.083333333333336rem;
	position:relative;
}
.antech .pic {
	position:absolute;
	inset:0;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:all 0.3s;
}
.antech .pic video {
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;
	inset:0;
}
.antech .pic .txt {
	position:relative;
}
.uhtit.color h3 {
	color:#FDD000;
}
.antech .rtx {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.antech .wrap {
	display:flex;
	justify-content:space-between;
}
.antech .rtx {
	width:41.66666666666667rem;
}
.antech .rtx .video {
	margin-top:2.1875rem;
}
.antech.active .pic {
	position:relative;
	width:27.604166666666668rem;
}
.antech.active .pic .txt {
	opacity:0;
}
.antech.active {
	display:flex;
	align-items:flex-end;
}*/.antech {
	height:52.083333333333336rem;
	position:relative;
	overflow:hidden;
}
.antech .pic {
	position:absolute;
	inset:0;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	transition:all 1.5s;
}
.antech .pic video {
	width:100%;
	height:100%;
	object-fit:cover;
	position:absolute;
	inset:0;
}
.antech .pic .txt {
	position:relative;
	opacity:1;
	transition:opacity 0.3s;
}
.uhtit.color h3 {
	color:#FDD000;
}
.antech .rtx {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	width:41.66666666666667rem;
	opacity:0;
}
.antech.active .rtx {
	-webkit-animation:fadeInRight  1.5s .2s ease both;
	-moz-animation:fadeInRight  1.5s .2s ease both;
}
.antech .wrap {
	display:flex;
	justify-content:flex-end;
	width:70.20833333333334rem;
	margin:0 auto;
}
.antech .rtx .video {
	margin-top:2.1875rem;width: 100%;display: block;
	border-radius: 0.416666rem;
}
.antech.active .pic {
	width:27.604166666666668rem;
	z-index:3;
	left:calc((100rem - 72.20833333333334rem)/2);
	height:39.0625rem;
	top:13.020833333333334rem;
	right:100%;
	border-radius: 0.416666rem;
	overflow: hidden;
}
.antech.active .pic .txt {
	opacity:0;
}
.antech.active {
	display:flex;
	align-items:flex-end;
}
.uhtab li {
	margin-bottom:0.2604166666666667rem;
}
.uhtab li.on h3,.uhtab li:hover h3 {
	background-color:#222222;
	color:#fff;
}
.featured ul .icon img,.uprlist li .icon img,.hnewslist li .icon img,.uhvideo dd img,.applist li img {
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.featured ul li:hover .icon img,.uprlist li:hover .icon img,.hnewslist li:hover .icon img,.uhvideo dd:hover img,.applist li:hover img {
	transform:scale(1.1);
}
.featured .pic:hover,.featured ul li:hover,.uprlist li:hover,.hnewslist li:hover,.applist li:hover {
	/* top:-0.3rem; */
	box-shadow:0 0.20833333333333334rem 0.5208333333333334rem 0 rgba(80,80,80,0.2);
}
.featured .pic,.featured ul li,.uprlist li,.hnewslist li,.applist li {
	position:relative;
	top:0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
}
.hnewslist .thflex a:hover {
	color:#222222;background: url(../images/ar11-1.png) no-repeat right center/0.9375rem auto;
}



.supfaq {
	padding:5.208333333333334rem 0 6.25rem;
}
.supfaq .wrap {
	display:flex;
	justify-content:space-between;
}
.supfaq .lts {
	width:22.916666666666668rem;
}
.supfaq .rts {
	width:36.875rem;
}
.supfaq .rts h3 {
	font-weight:700;
	font-size:1.6666666666666667rem;
	color:#222222;
	line-height:2.0833333333333335rem;
	font-family:'Montserratb','Montserratb';
}
.supfaq .rts .faqlist {
	margin-top:0.5208333333333334rem;
}
.supfaq .lts{
	position: relative;
}
.supfaq .lts ul {
	border-left: 1px solid #cdcdcd;
}
.supfaq .lts li {
	text-align:left;
}
.supfaq .lts i{
	position: absolute;
	left: -1px;top: 0;
	bottom: 0;width: 3px;
	background: #222222;
	display: block;z-index: 1;
	height: 2.916666666666667rem;
	transition:all 0.3s;
	-ms-transition:all 0.3s;  /* IE 9 */
	-moz-transition:all 0.3s;     /* Firefox */
	-webkit-transition:all 0.3s; /* Safari 和 Chrome */
	-o-transition:all 0.3s;
}
.supfaq .lts li a:hover i,
.supfaq .lts li.on i{
	/* height: 100%; */
}
.supfaq .lts li a {
	font-weight:500;
	font-size:1.0416666666666667rem;
	color:#222;
	line-height:2.916666666666667rem;
	display:block;
	padding-left:1.7708333333333335rem;
	position: relative;
}
.uhpage1 {
	height:37.5rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.uhpage1 .txt {
	padding-top:10.416666666666668rem;
	max-width:36.041666666666668rem;
}
.uhpage1 .txt h4 {
	font-weight:500;
	font-size:1.0416666666666667rem;
	color:#FDD000;
	line-height:1.4583333333333335rem;
}
.uhpage1 .txt h3 {
	font-weight:700;
	font-size:3.125rem;
	color:#FFFFFF;
	font-family:'Montserratb';
	line-height:1.2;
	margin:0.5208333333333334rem 0 1.875rem;
}
.uhpage1 .txt p {
	font-weight:400;
	font-size:0.9375rem;
	color:#FFFFFF;
	line-height:1.3541666666666667rem;
}
.uhmore {
	width:12.65625rem;
	border:1px solid rgba(255,255,255,0.5);
	display:block;
	border-radius:0.3125rem;
	text-align:right;
	padding-right:1.0416666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	margin-top:2.0833333333333335rem;
}
.uhmore span {
	font-size:0.8333333333333334rem;
	display:inline-block;
	color:#FFFFFF;
	padding-right:3.125rem;
	line-height:2.0833333333333335rem;
	font-weight:400;
	background:url(../images/we22.webp) no-repeat right center/0.2604166666666667rem auto;
}
.uhmore:hover {
	border-color:#FDD000 !important;
	background:#FDD000;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	   -moz-transition:all 0.3s;
	/* Firefox*/
	   -webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	   -o-transition:all 0.3s;
}
.uhmore:hover span {
	background:url(../images/qw3.webp) no-repeat right  center/0.6770833333333334rem auto;
	color:#222222;
}
.uhpage2 {
	padding:5.208333333333334rem 0;
}
.uwtit.cen {
	text-align:center;
}
.uwtit h6 {
	font-weight:500;
	font-size:0.9375rem;
	color:#444444;
	line-height:1.3541666666666667rem;
}
.uwtit p {
	font-weight:500;
	font-size:0.9375rem;
	color:#444444;
	line-height:1.3541666666666667rem;
}
.uwtit h3 {
	font-weight:700;
	font-size:2.5rem;
	color:#222222;
	line-height:3.0208333333333335rem;
	font-family: 'Montserratb';
}
.uhpage2 h3 {
	margin:1.5625rem 0 3.125rem;
}
.uhpage2 ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.uhpage2 li {
	margin-right:2.3958333333333335rem;
	width:calc((100% - 7.1875rem)/4);
	text-align:center;
}
.uhpage2 li:nth-child(4n) {
	margin-right:0;
}
.prodelPage4.uhsection4{
	padding-top: 5.208333333333334rem;
}
.prodelPage4 p{
	width: 100%;
	max-width: 57.2916667rem;
	margin: auto;
	margin-top: 1.5625rem;
}
.uhpage2 li .ico {
	height:3.0208333333333335rem;
	max-width:2.8645833333333335rem;
	display:block;
	object-fit:contain;
	margin:0 auto;
}
.uhpage2 li h5 {
	font-weight:700;
	font-size:1.25rem;
	color:#222222;
	font-family:'Interb';
	line-height:1.6666666666666667rem;
	margin:1.0416666666666667rem 0 0.5208333333333334rem;
}
.uhpage2 li p {
	font-weight:400;
	font-size:0.9375rem;
	color:#666666;
	line-height:1.3541666666666667rem;
}
.uhpage3 {
	background:#EEEEEE;
	padding:5.208333333333334rem 0;
}
.uhpage3 .hds {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.uhpage3 .hds .ts {
	width:calc(100% - 36.625rem);
}
.uhpage3 .hds h6 {
	margin-top:1.5625rem;
}
.uhpage3 .hds .pic {
	width:34.458333333333336rem;
}
.uhpage3 .hds .pic img {
	width:100%;
	display:block;
}
.uhpage3 ul {
	margin-top:5.208333333333334rem;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.uhpage3 li {
	margin-right:2.604166666666667rem;
	width:calc((100% - 7.916666666666667rem)/4);
	text-align:center;
}
.uhpage3 li:nth-child(4n) {
	margin-right:0;
}
.uhpage3 li h4 {
	padding-bottom:1.3541666666666667rem;
	border-bottom:0.052083333333333336rem solid #DDDDDD;
	font-weight:700;
	font-size:2.5rem;
	color:#222222;
	line-height:3.0208333333333335rem;
	margin-bottom:1.3020833333333335rem;
	font-family:'Montserratb';
}
.uhpage3 li p {
	font-weight:400;
	font-size:0.9375rem;
	color:#666666;
	line-height:1.3541666666666667rem;
}
.uhpage4 {
	padding:7.8125rem 0 1.0416666666666667rem;
}
.uhpage4 ul {
	margin-top:5.208333333333334rem;
}
.uhpage4 li {
	margin-bottom:5.208333333333334rem;
}
.uhpage4 dl {
	display:flex;
	flex-wrap:wrap;
	margin-top:2.604166666666667rem;
	justify-content: center;
}
.uhpage4 dd {
	margin-right:3.125rem;
	/* width:calc((100% - 12.5rem)/5); */
	height:3.125rem;
	display:flex;
	justify-content:center;
	align-items:center;
}
.uhpage4 dd:nth-child(5n) {
	margin-right:0;
}
.uhpage4 dd img {
	max-width:100%;
	max-height:100%;
	display:block;
	object-fit:contain;
}
.uhpage5 {
	background:#EEEEEE;
	padding:5.208333333333334rem 0;
}
.uhpage5 .flax {
	margin:5.208333333333334rem 0;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.uhpage5 .pic {
	width:32.29166666666667rem;
}
.uhpage5 .pic img {
	width:100%;
	display:block;
}
.uhpage5 .ts {
	width:calc(100% - 35.15625rem);
}
.uhpage5 .ts h4 {
	font-weight:700;
	font-size:1.6666666666666667rem;
	color:#222222;
	line-height:2.0833333333333335rem;
	font-family:'Montserratb';
}
.uhpage5 .ts p {
	font-weight:400;
	font-size:0.9375rem;
	color:#444444;
	line-height:1.3541666666666667rem;
	margin-top:1.5625rem;
	max-width:31.25rem;
}
.uhmore.black {
	border-color:#222;
	margin:0 auto;
}
.uhmore.black span {
	color:#222222;
	background:url(../images/we21.webp) no-repeat right center/0.2604166666666667rem auto;
}
.uhpage7 {
	padding:5.208333333333334rem 0;
	background:#EEEEEE;
}
.uhpage7 .uwtit h6 {
	margin-top:1.5625rem;
}
.uhpage7 ul {
	margin-top:3.125rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}
.uhpage7 li {
	margin-bottom:1.0416666666666667rem;
	width:calc((100% - 1.0416666666666667rem)/2);
}
.uhpage7 li .t1 {
	height:3.125rem;
	border-radius:0.4166666666666667rem 0.4166666666666667rem 0.4166666666666667rem 0.4166666666666667rem;
	border:1px solid rgba(187,187,187,0.7098);
	padding:0 1.0416666666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	font-weight:500;
	font-size:1.0416666666666667rem;
	color:#222222;
	background:none;
	width:100%;
}
.uhpage7 li .t2 {
	height:5.729166666666667rem;
	padding:0.5208333333333334rem 1.0416666666666667rem;
	line-height:1.6;
	resize:none;
}
.uhpage7 li.on {
	width:100%;
}
.uhpage7 .sub {
	width:10.416666666666668rem;
	background-color: #FDD000; /* 亮黄色 */
    color: #222222;
	font-weight:400;
	font-size:0.8333333333333334rem;
	line-height:2.0833333333333335rem;
	display:block;
	margin:2.0833333333333335rem auto 0;
	text-align:center;
	border-radius:0.3125rem;
	border: none;
	transition: all 0.3s;
	cursor: pointer;
}
.uhpage6 ul {
	margin-top:2.3958333333333335rem;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.uhpage6 {
	padding:5.208333333333334rem 0 4.166666666666667rem;
}
.uhpage6 li {
	background:rgba(238,238,238,0.93);
	border-radius:0.4166666666666667rem;
	height:19.270833333333336rem;
	margin-bottom:1.0416666666666667rem;
	overflow:hidden;
	position:relative;
	transition:all 0.3s ease;
}
.uhpage6 li:nth-child(1),.uhpage6 li:nth-child(2) {
	width:calc(50% - 0.5208333333333334rem);
}
.uhpage6 li:nth-child(3),.uhpage6 li:nth-child(4),.uhpage6 li:nth-child(5),.uhpage6 li:nth-child(6) {
	width:calc(25% - 0.5208333333333334rem);
}
.uhpage6 li .pic {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto;
	/* height:29.166666666666668rem; */
	height: 100%;
	overflow:hidden;
}
.uhpage6 li .pic img {
	max-width:100%;
	max-height:100%;
	display:block;
	object-fit:contain;
	margin:auto;
	width: 70%;
    height: auto;
}
.uhpage6 li .tps {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:all 0.3s;
}
.uhpage6 li h6 {
	font-weight:500;
	font-size:0.9375rem;
	color:#444444;
	line-height:1.3541666666666667rem;
	position:absolute;
	left:1.7708333333333335rem;
	bottom:0.9375rem;
	z-index:1;
}
.uhpage6 li .tbs {
	position:absolute;
	left:0;
	right:0;
	top:0%;
	z-index:1;
	background:#FDD000;
	padding:1.5625rem 1.7708333333333335rem;
	height:100%;
	box-sizing:border-box;
	transition:top 0.3s ease;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	opacity: 0;
	transition:all 0.3s;
}
.uhpage6 li h4 {
	font-weight:500;
	font-size:1.0416666666666667rem;
	color:#444444;
	line-height:1.4583333333333335rem;
	flex:1;
	display:flex;
	align-items:flex-start;
}

.uhpage6 li a:hover h4{
	-webkit-animation:fadeInDown 0.5s 0s ease both;
	-moz-animation:fadeInDown 0.5s 0s ease both
}
.uhpage6 li a:hover .uhmore{
	-webkit-animation:fadeInUp 0.5s 0s ease both;
	-moz-animation:fadeInUp 0.5s 0s ease both;
}
.uhpage6 li .uhmore {
	width:100%;
	max-width:12.65625rem;
	width: 2.0833333333333335rem;
	height: 2.0833333333333335rem;padding: 0;
	margin: 0;
}
.uhpage6 li .uhmore span{
	font-size: 0;padding: 0;width: 100%;height: 100%;display: block;
	background-position: center !important;
}
.uhpage6 li .uhmore:hover {
	border-color:#222 !important;
	background:none;
}
.uhpage6 li .uhmore:hover span {
	background:url(../images/we21.webp) no-repeat center / 0.2604166666666667rem auto !important;
	color:#222222;
}
.uhpage7 li .t1:focus {
	border-color:#222222;
}
.uhpage6 li:hover .tbs {
	top:0;opacity: 1;
}
.uhpage6 li:hover .tps {
	/* transform:translateY(-100%); */
}
.uhpage7 .sub:hover {
	/*background:#FDD000;color: #222;*/
	opacity: 0.8;
}
.utpage2 ul {
	margin-top:3.6458333333333335rem;
}
.utpage3 .uwtit h6 {
	margin-top:1.5625rem;
}
.utpage3.ProductDetail1 ul{
    margin-top: 7.8125rem;
}
.utpage3.ProductDetail1 .video{
    height: 100%;
    display: block;
}
.utpage3 .video {
	margin-top:2.604166666666667rem;
	width:100%;
}
.utpage3 ul li .video{
    margin-top: 0;
}
.utpage3 ul li .pic{
        overflow: hidden;
    border-radius: 0.416666rem;
}
.utpage3 .video video {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.utpage3 li:first-child{
	margin-top: 0;
}
.productSetion.uhsection2{
	padding-top: 0;
}
.utpage3 li {
	margin-top:7.8125rem;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.utpage3 li:nth-child(2n) {
	flex-direction:row-reverse;
}
.utpage3 li .ts {
	width:calc(100% - 36.97916666666667rem);
}
.utpage3 li:nth-child(1) .ts {
	padding-right:3.125rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.utpage3 li .pic {
	width:32.8125rem;
}
.utpage3 li.MobileApplication .pic{
	width: auto;
}
.utpage3 li.MobileApplication .content-section{
	max-width: 650px;
}
.utpage3 li.MobileApplication p{
	margin-top: 0;
	color: #666666;
	line-height: 1.0416666666666667rem;
}
.uhvdel7 .uhpage3.bg-gray{
	background: #F9F9F9;
}
.uhSection{
	background-color: #ffffff;
	padding: 5.208333333333334rem 0;
}
.utpage3 li .pic
.utpage3 li .pic video,
.utpage3 li .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.utpage3 li h4 {
	font-weight:700;
	font-size:2.5rem;
	color:#222222;
	line-height:1.2;
	font-family:'Montserratb';
}
.utpage3 li p {
	font-weight:400;
	font-size:0.9375rem;
	color:#444444;
	line-height:1.3541666666666667rem;
	margin-top:1.5625rem;
}
.utpage3 .feature-list li p{
    margin-top: 0;
}
.utpage3 {
	padding-bottom:7.8125rem;
}
.utpage4 {
	background:#0F110E;
	padding:7.8125rem 0 6.25rem;
}
.utpage4 .hds {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.utpage4 .hds .ls {
	width:32.083333333333336rem;
}
.utpage4 .hds .rs {
	width:calc(100% - 38.54166666666667rem);
}
.utpage4 .hds h6 {
	margin-top:1.3541666666666667rem;
}
.utpage4 .hds h5 {
	font-weight:700;
	font-size:1.6666666666666667rem;
	color:#FFFFFF;
	line-height:1.9791666666666667rem;
	background:url(../images/we39.webp) no-repeat right center/1.25rem auto;
}
.utpage4 .hds h5 a,.uwtit.whit h3,.uwtit.whit h6 {
	color:#fff;
}
.utpage4 .hds .img {
	margin-top:0.78125rem;
}
.utpage4 .hds .img img {
	width:100%;
	display:block;
}
.utpage4 .bds {
	margin-top:7.8125rem;
}
.utpage4 .bds h6 {
	margin-top:1.3541666666666667rem;
}
.utpage4 .bds .pic video,.utpage4 .bds .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.utpage4 .bds .pic {
	margin:2.3958333333333335rem 0;
}
.utpage4 .bds ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.utpage4 .bds li {
	margin-right:4.166666666666667rem;
	width:calc((100% - 12.604166666666668rem)/4);
	text-align:center;
}
.utpage4 .bds li:nth-child(4n) {
	margin-right:0;
}
.utpage4 .bds li .ico {
	max-width:2.8125rem;
	height: auto;
	/* height:2.8125rem; */
	display:block;
	object-fit:contain;
	margin:0 auto;
}
.utpage4 .bds li h5 {
	font-weight:400;
	font-size:0.9375rem;
	color:#FFFFFF;
	line-height:1.3541666666666667rem;
	margin:0.4166666666666667rem 0;
}
.utpage4 .bds li p {
	font-weight:400;
	font-size:0.7291666666666667rem;
	color:#CCCCCC;
	line-height:0.9375rem;
	margin-top:0.5208333333333334rem;
}
.utpage7,.utpage5 {
	padding:7.8125rem 0;
}
.utpage7 .flax {
	margin-top:2.0833333333333335rem;
	display:flex;
	justify-content:space-between;
}
.utpage7 .ls {
	width:30.729166666666668rem;
	background:rgba(238,238,238,0.9333);
	border-radius:0.4166666666666667rem 0.4166666666666667rem 0.4166666666666667rem 0.4166666666666667rem;
	padding:2.8645833333333335rem 2.916666666666667rem 3.6458333333333335rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.utpage7 .rs {
	width:calc(100% - 31.770833333333336rem);
}
.utpage7.newSection .flax{
	gap: 20px;
}
.utpage7.newSection .flax .ls{
	width: calc(50% - 10px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.utpage7 .flax h4 {
	font-weight:700;
	font-size:1.6666666666666667rem;
	color:#222222;
	line-height:1.9791666666666667rem;
}
.utpage7 .flax h4 a {
	color:#222222;
	font-family: 'Montserratb';
	font-size: 1.666666666666667rem;
}
.utpage7 .flax p {
	font-weight:400;
	font-size:0.9375rem;
	color:#444444;
	line-height:1.3541666666666667rem;
	margin:1.1458333333333335rem 0;
}
.utpage7 .flax .more {
	width:8.59375rem;
	line-height:1.9791666666666667rem;
	border-radius:0.2604166666666667rem 0.2604166666666667rem 0.2604166666666667rem 0.2604166666666667rem;
	border:1px solid rgba(56,56,56,0.5);
	font-weight:500;
	font-size:0.8333333333333334rem;
	display:block;
	color:#0A0706;
	text-align:center;
	background: url(../images/qw2.webp) no-repeat right 0.72196667rem center transparent;
}
.utpage7 .flax .more:hover {
	background: url(../images/qw3.webp) no-repeat right 0.72196667rem center #FDD000;
	color:#222;
	border-color:#FDD000;
}
.utpage7 .flax dl {
	height:100%;
}
.utpage7 .flax dd {
	min-height:calc((100% - 1.0416666666666667rem)/2);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

.utpage7 .flax dd .pic img,
.utpage7 .flax dd .pic,.utpage7 .flax .img img {
	width:100%;
	height:100%;
	display:block;
	object-fit:contain;
}
.utpage7 .flax dd {
	background:rgba(238,238,238,0.9333);
	border-radius:0.4166666666666667rem 0.4166666666666667rem 0.4166666666666667rem 0.4166666666666667rem;
	margin-bottom:1.0416666666666667rem;
	position:relative;
	padding:2.8645833333333335rem 0 3.541666666666667rem 3.541666666666667rem;
}
.utpage7 .flax dd .pic {
	position:absolute;
	right:1.125rem;
	top:0.78125rem;
	z-index:1;
	display:flex;
	justify-content:center;
	align-items:center;
	width:17.708333333333336rem;
	height:15.104166666666668rem;
}
.utpage7 .flax dd .ts {
	width:17.708333333333336rem;
}
.utpage7 .flax dd:last-child {
	margin-bottom:0;
}
.utpage7 .flax .img {
	margin-top:2.604166666666667rem;
}
.utpage5 .swiperhd {
	margin-top:2.291666666666667rem;
}
.utpage5 .swiperhd .swiper-slide {
	width:100%;
	height:28.645833333333336rem;
}
.utpage5 .swiperhd .swiper-slide img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.utpage5 .swiperbd {
	margin-top:1.5625rem;
	text-align:center;
}
.utpage5 .swiperbd .pinline {
	display:inline-block;
	border-bottom:0.10416666666666667rem solid rgba(204,204,204,0.7686);
}
.utpage5 .swiperbd {
	/* border-bottom:0.10416666666666667rem solid rgba(204,204,204,0.7686);; */
}
.utpage5 .swiperhd {
	overflow:hidden;
}
.utpage5 .swiperbd .swiper-slide {
	font-weight:500;
	font-size:1.0416666666666667rem;
	color:#444444;
	line-height:1.6;
	position:relative;
	padding-bottom:0.4166666666666667rem;
	width:auto;
	cursor:pointer;
}
.utpage5 .swiperbd .swiper-slide:before {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-0.052083333333333336rem;
	z-index:1;
	width:100%;
	height:0.15625rem;
	border-radius:0.20833333333333334rem;
	background:#222222;
	width:0;
	transition:all 0.3s;
	-ms-transition:all 0.3s;
	/* IE 9*/
	-moz-transition:all 0.3s;
	/* Firefox*/
	-webkit-transition:all 0.3s;
	/* Safari 和 Chrome*/
	-o-transition:all 0.3s;
	margin:0 auto;
}
.utpage5 .swiperbd .swiper-slide-thumb-active:before {
	width:100%;
}
.utpage5 .swiperbd .swiper-slide-thumb-active {
	font-weight:bold;
}
.prodel.utpage5 .swiperbd .swiper-slide-thumb-active{
	color: #222222;
}
.prodel.utpage6 .swipbox .txt h5,.prodel.utpage3 .uwtit h3{
	font-weight: bold;
	font-family: 'Montserratb';
}

.utpage5 .txt {
	margin-top:1.0416666666666667rem;
	text-align:center;
}
.utpage5 .txt p {
	font-weight:400;
	font-size:0.9375rem;
	color:#444444;
	line-height:1.3541666666666667rem;
}
.utpage6{
	overflow: hidden;
	width: 100%;
}
.utpage6 .swipbox {
	position:relative;
	margin-top:2.291666666666667rem;
}
.utpage6 .swipbox .pic {
	width:100%;
	height:28.645833333333336rem;
	overflow:hidden;
}
.utpage6 .swipbox .pic img {
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.utpage6 .swipbox .txt {
	margin-top:1.5625rem;
}
.utpage6 .swipbox .txt h5 {
	font-weight:bold;
	font-size:1.0416666666666667rem;
	color:#0A0706;
	line-height:1.4583333333333335rem;
}
.utpage6 .swipbox .txt p {
	font-weight:400;
	font-size:0.9375rem;
	color:#444444;
	line-height:1.3541666666666667rem;
	margin-top:0.5208333333333334rem;
	/* max-width:29.166666666666668rem; */
}
.utpage6 .swipbox .swiper-slide {
	/* margin:0 1.0416666666666667rem;; */
}
.utpage6 .swipbox .spots {
	position:absolute;
	left:auto;
	right:0;
	width:auto;
	bottom:3.075rem;
	z-index:3;
}
.utpage6 .swipbox .spots span {
	width:1.25rem;
	height:0.10416666666666667rem;
	background:#d8d8d8;
	border-radius:initial;
	margin:0 0.46875rem !important;
	opacity:1;
	transition:all 0.3s;
}
.utpage6 .swipbox .spots span.swiper-pagination-bullet-active {
	background:#222222;
}
.utpage6 .wrap {
	max-width:58.5625rem;
	margin:0 auto;
}
.utpage6 .swipbox .pic {
	border-radius:0.4166666666666667rem;
	overflow:hidden;
	position:relative;
}
.utpage6 .swipbox .pic::before {
	content:"";
	position:absolute;
	inset:0;
	z-index:2;
	background:rgba(255,255,255,0.6);
	transition:all 0.3s;
}
.utpage6 .swipbox .swiper-slide-active .pic::before {
	opacity:0;
}

.uhvdel7{
	background-color: #EEEEEE;
}
.uhvdel7 .uhpage3,.uhvdel7 .uhpage4,.uhvdel7 .uhpage6{
	background-color: #ffffff;
}
.uhvdel7 .uhpage3:nth-child(4){
	background-color: #EEEEEE;
}

.uhvdel1 .uwtit h3,
.uhvdel2 .uwtit h3,
.uhvdel .uhtit h3,.proSection .uwtit h3{
	font-size: 2.5rem;line-height: 1.2;    font-family: 'Montserratb';
}
.proSection .uwtit h3{
	max-width: 910px;
	margin: auto;
}
.uhsection6 .uhtit h3{
	font-size: 1.666666rem;
	transition:all 0.3s;
}
.uhsection6 .thflex a:hover .uhtit h3{
	/* font-size: 2.5rem; */
}
.uhsection6 .thflex a:hover span {
    color: #222222;
    border-color: #FDD000 !important;
    /* background-image: initial !important;
    background: #FDD000; */
}
.uhvdel .uhtit p{
	font-size: 0.9375rem;
}
.uhsection3 .item .txt i{
	font-size: 2.8125rem;
}
.uflexth ul li a{
	 text-transform: capitalize;
}

.clear{
width:6.145833rem;display: block;
line-height: 1.875rem;
background: #FDD000;display: block;	font-weight: 500;
font-size: 0.9375rem;text-align: center;border-radius: 0.208333rem;
color: #222222;
/*margin-top: 4.166666rem;*/
}

.hnewslist2 li h4{
	font-size:0.833333rem;
		color:#222;
		line-height:1.5; font-family: 'Interr';font-weight: initial;
}
.uwtit h3.qw1,
.uhtit h3.qw1{
	font-size: 2.5rem;line-height: 1.2;
}
.header .naver ul li.on h3 a{
	color: #222222 !important;
}

/* 容器基本设置 */
.afterPage {
    padding: 5.20833333rem 0;
    background-color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* 标题样式 */
.afterPage h1 {
    font-size:  2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: #222222;
}

/* 副标题/描述文字 */
.afterPage .wrap > p {
    font-size: 0.9375rem;
    color: #444444;
    line-height: 1.5;
    max-width: 95%; /* 限制宽度以匹配附件2的视觉 */
    margin-bottom: 50px;
}

/* 列表布局 - 使用 Flexbox 实现横向排列 */
.afterPage ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    gap: 20px; /* 卡片之间的间距 */
}

/* 单个卡片样式 */
.afterPage ul li {
    flex: 1; /* 每个卡片等宽 */
    background: #F9F9F9;
    padding: 40px 1.5625rem;
    border-radius: 8px; /* 圆角 */
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* 内容左对齐 */
    transition: transform 0.3s ease;
}

/* 鼠标悬停效果（可选，增加交互感） */
.afterPage ul li:hover {
    transform: translateY(-5px);
}

/* 卡片图标样式 */
.afterPage ul li img {
    width: 48px;
    height: 48px;
    margin-bottom: 25px;
    object-fit: contain;
}

/* 卡片标题 */
.afterPage ul li h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #222222;
    margin: 0 0 0.83333333rem 0;
}

/* 卡片描述文字 */
.afterPage ul li p {
    font-size: 0.83333333rem;
    color: #666666;
    line-height: 1.6;
    margin: 0;
}

/* 响应式：针对手机端自动堆叠 */
@media (max-width: 768px) {
    .afterPage ul {
        flex-direction: column;
		gap: 10px;
    }
    .afterPage h1 {
        font-size: 1.6666667rem;
    }
}
.afterPage1 {
    padding: 5.20833333rem 0;
    background: #222222;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* 标题样式 */
.afterPage1 h1 {
    font-size:  2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: #FFFFFF;
}

/* 副标题/描述文字 */
.afterPage1 .wrap > p {
    font-size: 0.9375rem;
    color: #FFFFFF;
    line-height: 1.5;
    max-width: 95%; /* 限制宽度以匹配附件2的视觉 */
    margin-bottom: 50px;
}
/* 卡片容器布局 */
.cards-wrapper {
    display: flex;
    gap: 25px;
    align-items: stretch;
}

/* 通用卡片样式 */
.card {
    flex: 1;
    border: 2px solid #666666;
    border-radius: 12px;
    padding: 40px;
    display: flex;
    flex-direction: column;
}

/* 左侧高亮卡片 */
.card-covered {
    border: 2px solid #f9d423; /* 金黄色高亮边框 */
    box-shadow: 0 0 20px rgba(249, 212, 35, 0.1);
}

.card h2 {
    font-size: 1.6666666666666667rem;
	font-weight: bold;
	color: #FFFFFF;
    margin-top: 0;
    margin-bottom: 0.83333333rem;
}

.highlight-yellow {
    color: #f9d423;
    font-size: 1.041666666666667rem;
    letter-spacing: 1px;
    margin-bottom: 1.041666666666667rem;
    text-transform: uppercase;
}

/* 列表样式 */
.card ul {
    list-style: none;
    padding: 0;
    margin: 0;
    flex-grow: 1; /* 让列表撑开空间 */
}

.card ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 0.83333333rem;
    font-size: 0.9375rem;
    color: #999999;
}
.card-covered.card ul li{
	color: #F9F9F9;
}
/* 列表圆点颜色控制 */
.card ul li::before {
    content: "•";
    position: absolute;
    left: 0;
    font-size: 20px;
}

.list-green li::before { color: #10b981; } /* 绿色圆点 */
.list-red li::before { color: #ef4444; }   /* 红色圆点 */

/* 卡片底部免责声明 */
.card-footer {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #444444;
    font-size: 14px;
    color: #666666;
    line-height: 1.1;
}

/* 响应式适配 */
@media (max-width: 992px) {
    .cards-wrapper {
        flex-direction: column;
    }
}
/* --- FAQ 样式 --- */
.faq-section {
    background-color: #FFFFFF; /* 淡蓝色背景 */
    padding: 5.2083333rem 0;
}

.section-title {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 1.5625rem;
    color: #222222;
}

.accordion {
    border-top: 1px solid rgba(0,0,0,0.1);
}

.accordion-item {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.accordion-header {
    padding: 0.83333333rem  1.04166667rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #222222;
}
.accordion-header i{
	color: #444444;
	font-size: 0.9375rem;
}
.accordion-header:hover {
    color: #222222;
}

.accordion-content {
    padding: 1.40625rem 1.04166667rem;
    display: none; /* 默认隐藏 */
    line-height: 1.2;
    color: #444444;
    font-size: 0.83333333rem;
	background: #F9F9F9;
}
.accordion-content p{
	line-height: 1.5;
}
/* --- Support Banner 样式 --- */
.support-banner {
    position: relative;

    background-size: cover;
    padding: 5.2083333rem 0;
    color: #1a2b3c;
}

/* 模拟图片中的遮罩层或渐变背景 */
/* .support-banner::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(to right, rgba(238,245,255,0.9), rgba(238,245,255,0.2));
    z-index: 1;
} */

.support-content {
    position: relative;
    z-index: 2;
    max-width: 40.625rem;
}

.support-content h2 {
    font-size: 2.5rem;
	font-weight: bold;
    margin-bottom: 20px;
	color: #222222;
}

.support-content p {
    font-size: 0.9375rem;
    color: #444444;
    margin-bottom: 40px;
}

.btn-contact {
    display: inline-flex;
    align-items: center;
    padding: 12px 1.5625rem;
    border: 1px solid #383838;
    border-radius: 6px;
    text-decoration: none;
    color: #111111;
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-contact i {
    font-size: 18px;
    margin-left: 10px;
}

.btn-contact:hover {
    background-color: #FDD000;
	border-color: #FDD000;
    color: #222222;
}
/* 头部文字样式 */
.cusPage1 .section-header {
    margin-bottom: 50px;
}

.cusPage1 .sub-title {
    color: #666666;
    font-size: 1.04166667rem;
    margin-bottom: 1.04166667rem;
}

.cusPage1 .main-title {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 0 1.5625rem 0;
    color: #222222;
}

.cusPage1 .description {
    font-size: 0.9375rem;
    line-height: 1.6;
	margin-bottom: 1.5625rem;
    color: #444444;
    max-width: 100%;
}

/* 网格布局 */
.cusPage1 .cards-grid {
    display: flex;
    gap: 10px;
}

/* 卡片样式 */
.cusPage1 .solution-card {
    flex: 1;
    background: #F9F9F9; /* 浅灰色背景 */
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* 图片区域：深色背景 */
.cusPage1 .image-box {
    background-color: #222222; /* 图片背景为黑色 */
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.cusPage1 .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 保证图片填满黑色区域 */
}

/* 文字内容区域 */
.cusPage1 .content-box {
    padding: 1.5625rem;
}

.cusPage1 .content-box h3 {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 0 0 0.83333333rem 0;
    color: #222222;
}

.cusPage1 .content-box p {
    font-size: 0.9375rem;
    line-height: 1.5;
    color: #666;
    margin: 0;
}
.cusPage1{
	background: #FFFFFF;
	padding: 5.2083333rem 0;
}
/* 响应式：手机端自动堆叠 */
@media (max-width: 768px) {
    .cusPage1 .cards-grid {
        flex-direction: column;
    }
}
/* 头部样式 */
.cusPage2{
	background: #222222;
	padding: 5.2083333rem 0;
	color: #fff;
}
.process-header {
    text-align: left;
    margin-bottom: 60px;
}

.process-header h1 {
    font-size: 2.5rem;
	color: #FFFFFF;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.process-header p {
    font-size: 0.9375rem;
    color: #FFFFFF;
}

/* 流程布局 */
.process-steps {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

/* 步骤卡片通用样式 */
.process-steps .step-card {
    flex: 1;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
	background: rgba(47,47,47,0.3);
    padding: 40px 1.5625rem;
    transition: all 0.3s ease;
	cursor: pointer;
}

/* 高亮卡片样式 (黄色) */
.process-steps .step-card.highlight {
    background-color: #ffcc00; /* 亮黄色 */
    color: #222222;
    border: none;
}

.process-steps .step-num {
    font-size: 1.6666667rem;
    font-weight: 700;
    margin-bottom: 1.5625rem;
	color: #FDD000;
}
.process-steps .step-card.highlight .step-num{
	color: #222222;
}
.process-steps .step-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 0 20px 0;
}

.process-steps .step-desc {
    font-size: 0.83333333rem;
    color: inherit;
    opacity: 0.8;
}

.process-steps .step-card.highlight .step-desc {
    color: #222222;
    font-weight: 500;
}

/* 间隔箭头 */
.process-steps .separator {
    display: flex;
    align-items: center;
    padding: 0 0.83333333rem;
    color: #666666;
    font-size: 1.25rem;
}

/* 响应式设计 */
@media (max-width: 992px) {
    .process-steps {
        flex-direction: column;
        gap: 20px;
    }
    .process-steps .separator {
        transform: rotate(90deg) !important;
        justify-content: center;
        padding: 10px 0;
    }
}
:root {
    --primary-yellow: #ffcc00;
    --border-color: rgba(187,187,187,0.71);
    --bg-gray: #EEEEEE;
	--dark-bg: #1a222c;
	--tattu-yellow: #ffcc00;
	--text-gray: #666666;
}
.cusPage3 .sub-title { color: #666; margin-bottom: 8px; }
.cusPage3 .main-title { font-size: 2.5rem; font-weight: bold; margin-bottom: 40px;color: #222222; }

.cusPage3 .row { display: flex; gap: 20px; margin-bottom: 20px; }
.cusPage3 .form-group { flex: 1; display: flex; flex-direction: column; margin-bottom: 20px; }
.cusPage3 .form-group.full { width: 100%; }
.cusPage3 .form-group.half { width: 50%; }

.cusPage3 label { font-size: 13px; margin-bottom: 8px; color: #555; }
.cusPage3 input,.cusPage3  select,.cusPage3  textarea {
    padding: 12px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    background-color: transparent;
    outline: none;
	font-size: 0.9375rem;
}
.cusPage3 textarea { height: 100px; resize: vertical; }
.cusPage3  select::-ms-expand {
  display: none;
}
.cusPage3  select{
	/* 核心代码：隐藏原生箭头 */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  /* 添加自定义箭头背景 */
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%23666666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>');
  background-repeat: no-repeat;
  background-position: right 15px center; /* 距离右侧15px，垂直居中 */
  background-size: 18px 18px;
  background-color: transparent;
  border-radius: 8px 8px 8px 8px;
	border: 1px solid rgba(187,187,187,0.71);
  cursor: pointer;
  color: #666666;
}
/* Upload Area */
.cusPage3 .upload-section { margin-top: 10px; }
.cusPage3.inquiry-popup .upload-section{
    margin-bottom: 20px;
}
.cusPage3 .file-tag {
    display: inline-block;
    padding: 5px 12px;
    border: 1px dashed #ccc;
    border-radius: 4px;
    font-size: 13px;
    margin-bottom: 10px;
}
.cusPage3 .close-tag { margin-left: 30px; cursor: pointer; color: #666666;font-size: 0.9375rem; }
.cusPage3 .upload-btns { display: flex; align-items: center; gap: 15px; }
.cusPage3 .btn-upload {
    padding: 8px 16px;
    border: none;
    background: #DDDDDD;
	color: #444444;
    border-radius: 4px;
	line-height: 24px;
    cursor: pointer;
	font-size: 0.8333333rem;
}
.cusPage3 .btn-upload img{
	vertical-align: bottom;
}
.cusPage3 .upload-btns .info-icon{
	color: #666666;
	font-size: 0.9375rem;
	font-weight: bold;
	cursor: pointer;
}
/* 容器设置为相对定位，方便提示框定位 */
.cusPage3 .info-container {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin-left: 8px; /* 图标与按钮的间距 */
}

.cusPage3 .info-icon {
    font-size: 18px;
    color: #666;
}

/* 提示框默认样式（隐藏） */
.cusPage3 .tooltip-text {
    visibility: hidden;
    opacity: 0;
    width: 220px;
    background-color: #ffffff;
    color: #666;
    text-align: left;
    border-radius: 6px;
    padding: 10px 15px;
    position: absolute;
    z-index: 1;
    left: 180%; /* 在图标右侧显示 */
    top: 50%;
    transform: translateY(-50%);
    transition: opacity 0.3s;
    
    /* 阴影和边框 */
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.1);
    border: 1px solid #e0e0e0;
    font-size: 0.7291667rem;
    line-height: 1.5;
    white-space: nowrap; /* 防止换行太乱，配合<br>使用 */
}

/* 提示框左侧的小箭头 */
.cusPage3 .tooltip-text::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%; /* 箭头在框的左边 */
    margin-top: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent #ffffff transparent transparent;
}

/* 鼠标移入图标容器时显示提示框 */
.cusPage3 .info-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}
.cusPage3 .btn-submit {
    background: #FDD000;
    color: #222222;
    padding: 8px 60px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 20px;
	font-size: 0.8333333rem;
	font-family: Inter, Inter;
}
.cusPage3 .btn-submit:hover{
	opacity: 0.8;
}
.team .description::-webkit-scrollbar,.team .description::-webkit-scrollbar-track{
	background-color: #ffffff23;
	box-shadow: none;
}
.cusPage3 .submit-wrap { text-align: center; }
.cusPage3{
	padding-top: 5.2083333rem;
	padding-bottom: 5.2083333rem;
	background-color: #EEEEEE;
}
/* Modal Styles */
.modal-overlay {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
    display: none; /* 初始隐藏 */
    justify-content: center;
    align-items: center;
    z-index: 1000;
}
.modal {
    background: #fff;
    width: 600px;
    border-radius: 8px;
    padding: 24px;
    position: relative;
}
.modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.modal-header h2 { font-size: 0.9375rem; margin: 0; }
.close-modal { cursor: pointer; font-size: 24px; color: #999; }

.drop-zone {
    border: 2px dashed #ccc;
    border-radius: 8px;
    padding: 40px;
    text-align: center;
    margin-bottom: 20px;
    transition: background 0.3s;
}
.drop-zone:hover { background: #fffdf0; border-color: var(--primary-yellow); }
.upload-icon { font-size: 40px; margin-bottom: 10px; color: #666; }
.choose-file { color: #555; text-decoration: underline; cursor: pointer; }

/* File List & Progress */
.file-item {
    background: #fdfdfd;
    border: 1px solid #eee;
    padding: 12px;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    position: relative;
}
.file-info { display: flex; gap: 12px; align-items: center; }
.file-details p { margin: 0; }
.name { font-size: 14px; font-weight: 500; }
.size { font-size: 12px; color: #999; }
.remove-file { cursor: pointer; color: #999; font-size: 0.9375rem; }

.progress-item { flex-direction: column; align-items: flex-start; padding-bottom: 25px; }
.progress-bar-container {
    width: 100%;
    height: 4px;
    background: #eee;
    position: absolute;
    bottom: 15px;
    left: 0;
}
.progress-fill { height: 100%; background: var(--primary-yellow); transition: width 0.3s; }
.percent { position: absolute; right: 12px; bottom: 8px; font-size: 12px; color: #999; }

.modal-footer { display: flex; justify-content: flex-end; gap: 12px; margin-top: 20px; }
.btn-cancel, .btn-next { padding: 8px 24px; border-radius: 4px; cursor: pointer; font-weight: bold; border: none; }
.btn-cancel { background: #333; color: #fff; }
.btn-next { background: #222; color: #fff; }

        .logo-icon {
            width: 60px;
            height: 60px;
            background-color: #ffcc00; /* 标志性的黄色 */
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
        }
		.appPage1{
			padding: 5.2083333rem 0; 
			min-height: 80vh;
			box-sizing: border-box;
		}
		.appPage1_header { 
			padding-top: 5.2083333rem;
		}
.appPage1 .wrap{
	display: flex;
	justify-content: flex-end;

}
.appPage1 .wrap .logo_Image{
	display: flex;
	margin-bottom: 1.041667rem;
}
/* 模拟Logo里的 'TA' 字母 */
.logo-icon span {
	font-weight: bold;
	font-style: italic;
	font-size: 24px;
	color: #000;
}

.appPage1 h1 {
	font-size: 2.5rem;
	font-weight: bold;
	margin: 0;
	/* text-transform: uppercase; */
	letter-spacing: -1px;
}

.description {
	font-size: 0.9375rem;
	color: #666;
	line-height: 1.5;
	margin-bottom: 40px;
	max-width: 600px;
}

/* 下载选项卡 */
.download-section {
	display: flex;
	gap: 20px;
}

/* iOS 下载卡片 */
.card-ios {
	background-color: #222;
	color: white;
	padding: 20px;
	border-radius: 8px;
	text-align: center;
}

.btn-header {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #666;
}
.btn-header strong{
	color: #222222;
}
.btn-android:hover .btn-header,.btn-android:hover .btn-header strong{
	color: #FFFFFF;
}
.qr-code {
	background-color: white;
	border-radius: 8px;
	width: 150px;
	height: 150px;
	overflow: hidden;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	display: none;
	margin-top: 20px;
}

/* Android 下载按钮 (边框样式) */
.btn-android {
	background-color: white;
	color: #333;
	border: 1px solid #ccc;
	padding: 1.5625rem;
	border-radius: 12px;
	height: fit-content;
	gap: 10px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
}
.btn-android .nor{
	display: inline-block;
}
.btn-android .sel{
	display: none;
}
.btn-android:hover .nor{
	display: none;
}
.btn-android:hover .sel{
	display: inline-block;
}
.btn-android:hover {
	background-color: #222222;
	color: #FFFFFF;
}

/* 简单的图标占位符 */
.btn-download .icon {
	width: 24px;
	height: 24px;
	fill: currentColor;
}


/* 响应式设计 */
@media (max-width: 992px) {
    .btn-android{
		    width: 100%;
	}
	.download-section{
		flex-wrap: wrap;
	}
}
.appPage2{
	padding: 5.2083333rem 0;
}
/* 基础容器 */
.bento-container {
    display: grid;
    gap: 15px;
    background-color: #f5f5f5;
    /* 定义大屏布局 (3列, 2行) */
    grid-template-areas: 
        "smart monitor custom"
        "smart eco     eco";
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
}

/* 通用卡片样式 */
.Mycard {
    background: linear-gradient( 44deg, #444444 0%, #222222 100%);/* 深色背景 */
    border-radius: 8px;
    color: white;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.Mycard h3 {
    font-size: 1.2rem;
    font-weight: 600;
	margin: 0 2.6041667rem;
	padding: 1.5625rem 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.Mycard:last-child .card-inner{
	margin-top: 1.5625rem;
}
.card-inner {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: flex-end; /* 图片靠下对齐 */
}

.card-inner img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* 分配区域 */
.Mycard:nth-child(1) { grid-area: smart; }
.Mycard:nth-child(2) { grid-area: monitor; }
.Mycard:nth-child(3) { grid-area: custom; }
.Mycard:nth-child(4) { grid-area: eco; }

/* 特定卡片微调 */
.card-smart img {
    transform: translateY(20px); /* 模拟图片冲出边缘的感觉 */
}

/* --- 响应式适配 --- */

/* 中屏适配 (平板: 变成 2 列) */
@media (max-width: 992px) {
    .bento-container {
        grid-template-areas: 
            "smart monitor"
            "smart custom"
            "eco   eco";
        grid-template-columns: 1fr 1fr;
    }
}

/* 小屏适配 (手机: 变成 1 列垂直排列) */
@media (max-width: 600px) {
    .bento-container {
        grid-template-areas: 
            "smart"
            "monitor"
            "custom"
            "eco";
        grid-template-columns: 1fr;
    }
    
    .Mycard {
        padding: 20px;
    }
}
.appPage3{
	padding: 5.2083333rem 0;

}
.bg-gray{
	background: #F9F9F9;
}
.appPage3-reserve .appPage3_box{
    flex-direction: row-reverse;
}
.appPage3_box{
	display: flex;
	align-items: center;
	gap: 3.125rem;
}
.appPage3_box .box_left{
	max-width: 670px;
	width: 45%;
}
.appPage3_box .box_right{
	flex: 1;
}
.appPage3_box h2{
	font-size: 2.5rem;
	margin-bottom: 1.5625rem;
	font-weight: bold;
	color: #222222;
}
.appPage3_box p{
	font-size: 0.8333333rem;
	color: #444444;
}
.appPage4{
	padding: 5.2083333rem 0;
	padding-bottom: 10px;
	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.appPage4 h2{
	font-size: 2.5rem;
	color: #fff;
	margin-bottom: 1.5625rem;
	font-weight: bold;
}
.appPage4 p{
	font-size: 0.8333333rem;
	color: #fff;
	margin: auto;
	margin-bottom: 2.34375rem;
	/* max-width: 670px; */
}
.appPage5{
	padding: 5.2083333rem 0;

}
.appPage5 .wrap{
	display: flex;
	/* align-items: center; */
	gap: 10px;
}
.appPage5 .wrap .wrap_left{
	width: 100%;
	max-width: 740px;
}
.appPage5 .wrap .wrap_right{
	display: flex;
	flex-direction: column;
}
.appPage5 .wrap .wrap_right .wrap_header{
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;
	padding-left: 2.6041667rem;
}
.appPage5 .wrap .wrap_right .wrap_header h2{
	font-size: 2.5rem;
	font-weight: bold;
	margin-bottom: 1.5625rem;
	color: #222222;
}
.appPage5 .wrap .wrap_right .wrap_header p{
	font-size: 0.8333333rem;
	color: #444444;
}
/* 网格布局：4列 */
.team .team-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px;
}

/* 成员卡片容器 */
.team .member-card {
    position: relative;
    aspect-ratio: 1 / 1.25; /* 保持图片比例 */
    overflow: hidden;
    background-color: #f0f0f0;
    cursor: pointer;
	border-radius: 4px 4px 4px 4px;

}

/* 照片层 */
.team .member-photo {
    width: 100%;
    height: 100%;
    position: relative;
    transition: opacity 0.3s ease;
}

.team .member-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 照片上的名字标签 */
/* .team .name-tag {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: rgba(0,0,0,0.4);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    font-size: 12px;
}

.team .name-tag .flag {
    width: 16px;
    margin-right: 5px;
} */

/* 悬停信息层 (黄色) */
.team .member-info-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffcc00e6; /* 标志性的黄色 */
    color: #000;
    padding: 2.5rem 1.5625rem;
    box-sizing: border-box;
    opacity: 0; /* 初始透明 */
    transition: opacity 0.3s ease;
    display: flex;
    flex-direction: column;
    z-index: 2;
}

/* 鼠标移入逻辑 */
.team .member-card:hover .member-info-hover {
    opacity: 1; /* 变得可见 */
}

/* 黄色层内部内容微调 */
.team .info-content h3 {
    margin-top: 0;
    font-size: 1.25rem;
    font-weight: bold;
}

.team .social-icons {
    margin: 1.25rem 0;
}

.team .social-icons a {
    color: #000;
    margin-right: 10px;
    font-size: 14px;
    text-decoration: none;
    /* border: 1px solid #222222; */
    /* padding: 4px 6px; */
    /* border-radius: 2px; */
}

.team .description {
    font-size: 0.72916667rem;
    line-height: 2.0;
	color: #444444;
	margin-bottom: 0;
	flex: 1;
    overflow-y: auto;
}
.team .member-info-hover .info-content{
	height: 100%;
    display: flex;
    flex-direction: column;
}
.team .bottom-name {
    margin-top: auto;
    font-size: 12px;
    font-weight: bold;
    color: rgba(0,0,0,0.5);
}
.team{
	padding-bottom: 7.0625rem;
}

/* 翻页按钮样式 */
.pagination {
    margin-top: 40px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.pagination button {
    border: none;
    /* padding: 10px 12px; */
    cursor: pointer;
    /* background: #e0e0e0; */
    color: #666;
	font-size: 0.9375rem;
	padding: 0;
	width: 44px;
	height: 44px;
	border-radius: 6px;
	overflow: hidden;
}

/* .pagination button.active {
    background: #ffcc00;
    color: #000;
} */
.flex{
	display: flex;}
/* 响应式适配 */
@media (max-width: 768px) {
    .team .team-grid { grid-template-columns: repeat(2, 1fr); }
	.flex{
		flex-wrap: wrap;
	}
}
.uhsection2 .uhtit .subtitle{
	color: #666666;
	font-size: 1.0416667rem;
}
.aboutPage1{
	padding-bottom: 7.8125rem;
}
.aboutPage1 h2{
	font-size: 2.5rem;
	font-weight: bold;
	color: #222222;
	margin-bottom: 1.5625rem;
}
.aboutPage1 .about-content{
	gap: 5.2083333rem;
}
.aboutPage1 .about-content .content-right{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
}
.aboutPage1 .about-content .content-right h3{
	font-size: 1.6666667rem;
	font-weight: bold;
	color: #222222;
	margin-bottom: 1.0416667rem;
}
.thumb-slider{
	position: relative;
	z-index: 100;
}
.aboutPage1 .about-content .content-right p{
	font-size: 0.9375rem;
	color: #444444;
}
.aboutPage2{
	padding: 7.8125rem 0;
	background: #222222;
	overflow: hidden;
}
.aboutPage2 h2{
	font-size: 2.5rem;
	color: #FFFFFF;
	margin-bottom: 2.5rem;
	text-align: center;
	font-weight: bold;
}
/* --- 上半部分：自由模式轮播 --- */
        .content-slider {
            width: 100%;
            padding: 50px 0;
            cursor: grab;
			overflow-x: visible;
        }

        .history-slide {
            width: auto; /* 必须配合 freeMode 使用，根据内容自适应宽度 */
            min-width: 300px;
            max-width: 620px;
            display: flex;
            align-items: flex-start;
            gap: 20px;
            padding: 0 40px;
            transition: transform 0.3s;
        }

        .year-big {
            font-size: 4.375rem;
            color: var(--tattu-yellow);
            line-height: 1;
			font-family: 'Montserrat' ;
        }
		h1,h2{
			font-family: 'Montserratb';
		}
        .text-box {
            text-align: left;
            font-size: 0.9375rem;
            line-height: 1.6;
            color: #E5E5E5;
            padding-left: 20px;
        }

        /* --- 下半部分：时间轴导航 --- */
        .timeline-nav {
            position: relative;
            max-width: 1000px;
            margin: 40px auto;
            padding: 0 20px;
        }

        /* 时间轴横线 */
        .timeline-nav::after {
            content: '';
            position: absolute;
            top: 58%; /* 对齐圆点中心 */
            left: 0;
            right: 0;
            height: 1px;
            border-top: 1px dashed #444;
            z-index: 1;
        }

        .thumb-slide {
            width: 80px;
            height: 80px;
            display: flex;
            flex-direction: column;
            align-items: center;
			justify-content: center;
            cursor: pointer;
            z-index: 5;
            transition: 0.3s;
			position: relative;
        }

        .dot {
            width: 10px;
            height: 10px;
            background: #555;
            border-radius: 50%;
            position: relative;
            z-index: 6;
            transition: 0.3s;
        }

        .year-small {
            font-size: 0.9375rem;
            color: var(--text-gray);
			position: absolute;
			left: 0;
			right: 0;
			top: 60%;
			transition: all 0.3s;
			    text-align: center;
        }

        /* 激活状态 */
        .swiper-slide-thumb-active .dot {
            background: var(--tattu-yellow);
            box-shadow: 0 0 15px var(--tattu-yellow);
        }

        .swiper-slide-thumb-active .year-small {
            color: #fff;
            font-weight: bold;
			font-size: 1.875rem;
			top: -5px;
        }

        /* 移动端适配 */
        @media (max-width: 768px) {
            .history-slide {
                flex-direction: column;
                align-items: flex-start;
                min-width: 260px;
            }
            .text-box {
                border-left: none;
                border-top: 2px solid var(--tattu-yellow);
                padding-left: 0;
                padding-top: 10px;
            }
        }
		/* 图片区域 */
.image-wrapper {
    position: relative;
    width: 100%;
    height: 580px; /* 匹配图片标注的高度 */
    border-radius: 4px;
    overflow: hidden;
    background-color: #222; /* 图片加载前的底色 */
    margin-bottom: 50px;
}

.main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.solutions-section{
	padding: 5.083333rem 0;

}
.solutions-section h2{
	font-size: 2.5rem;
	margin-bottom: 1.5625rem;
	color: #222222;
	font-weight: bold;
}
/* 底部选项卡网格 */
.solutions-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.solution-item {
    cursor: pointer;
    transition: all 0.3s ease;
}

/* 指示线条 */
.indicator-line {
    width: 100%;
    height: 3px;
    background-color: #e0e0e0; /* 默认灰色线 */
    margin-bottom: 25px;
    position: relative;
}

/* 选中或悬停状态下的线条加粗变黑 */
.solution-item.active .indicator-line,
.solution-item:hover .indicator-line {
    background-color: #000000;
}

/* 文本样式 */
.solution-name {
    font-size: 1.041667rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: #222222;
}

.solution-desc {
    font-size: 0.9375rem;
    line-height: 1.6;
    color: #444444;
    margin: 0;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .image-wrapper {
        height: 300px;
    }
    .solutions-grid {
        grid-template-columns: 1fr;
        gap: 1.5625rem;
    }
    .indicator-line {
        margin-bottom: 15px;
    }
}
.GTechPage{
	padding: 5.208333rem 0;
	background: rgba(238,238,238,0.93);
}
.GTechPage .uwtit > p{
	font-size: 1.041667rem;
	color: #666666;
	margin-bottom: 1.041667rem;
}
.GTechPage .uhvideo{
	padding-top: 0;
}
.GTechPage .uhvideo ul{
	gap: 5.028333rem;
}
.GTechPage.uhsection5 .uhvideo ul li{
    margin-right: 0;
    width: calc((100% - 5.02833333333333335rem)/2);
}
.GTechPage .uhvideo ul h4{
	font-size: 1.666667rem;
	font-weight: bold;
	color: #222222;
}
.uhvideo dd img, .uhvideo li img{
        overflow: hidden;
    border-radius: 0.416666rem;
}
.GTechPage .uhvideo ul p{
	font-size: 0.9375rem;
	color: #444444;
	margin: 1.041667rem 0;
}
.GTechPage .uhvideo ul li{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
/* Grid 核心布局 */
.bento-grid {
    display: grid;
    gap: 15px;
    /* 定义 3列 2行 */
    grid-template-columns: repeat(2, 1fr) 0.8fr;
    grid-template-rows: repeat(2, 360px);
    grid-template-areas: 
        "item1 item2 item5"
        "item3 item4 item5";
}

/* 为特定项目指定区域 */
.grid-item:nth-child(1) { grid-area: item1; }
.grid-item:nth-child(2) { grid-area: item2; }
.grid-item:nth-child(3) { grid-area: item3; }
.grid-item:nth-child(4) { grid-area: item4; }
.grid-item:nth-child(5) { grid-area: item5; }

/* 卡片基础样式 */
.grid-item {
    position: relative;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px; /* 根据图片看，圆角非常小或没有 */
    cursor: pointer;
}

/* 默认视图：背景图和底部文字 */
.default-view {
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease;
}

.default-view>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bottom-label {
    position: absolute;
    bottom: 15px;
    left: 15px;
    display: flex;
    align-items: flex-start;
	flex-direction: column;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    z-index: 2;
    transition: opacity 0.3s;
}
.bottom-label img{
	display: block;
	margin-bottom: 10px;
}
/* 徽章样式 */
.badge {
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px;
    border-radius: 2px;
}

.bottom-label p { margin: 0; font-size: 14px; }

/* 鼠标移入层 (黄色遮罩) */
.hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 204, 0, 0.9); /* 黄色半透明 */
    padding: 1.5625rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    opacity: 0; /* 默认隐藏 */
    transition: opacity 0.3s ease;
    z-index: 5;
    color: #000;
}

.hover-overlay h3 {
    margin: 0 0 20px 0;
    font-size: 1.25rem;
	font-weight: bold;
    /* border-bottom: 2px solid #000; */
    display: inline-block;
    padding-bottom: 5px;
    width: fit-content;
}

.hover-overlay p {
    font-size: 0.7291667rem;
    line-height: 1.6;
	color: #444444;
    margin: 0;
}

/* 触发 Hover 效果 */
.grid-item:hover .hover-overlay {
    opacity: 1;
}

.grid-item:hover .bottom-label {
    opacity: 0; /* 移入时隐藏默认底部文字 */
}


/* 移动端适配 */
@media (max-width: 900px) {
    .bento-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-template-areas: 
            "item1 item2"
            "item3 item4"
            "item5 item5"; /* 移动端让长图横跨底部 */
    }
    .grid-item {
        height: 250px;
    }
    .grid-item.semi-solid {
        height: 400px;
    }
}

@media (max-width: 600px) {
    .bento-grid {
        grid-template-columns: 1fr;
        grid-template-areas: "item1" "item2" "item3" "item4" "item5";
    }
}
.cellPage1{
	padding: 5.208333rem 0;
}
.cellPage1 .wrap > h2{
	font-size: 2.5rem;
	margin-bottom: 1.5625rem;
	color: #222222;
	font-weight: bold;
}
.cellPage1 .wrap > p{
	font-size: 0.9375rem;
	color: #666666;
	margin-bottom: 2.083333rem;
}
.cellPage2.utpage3{
	padding-bottom: 0;
}
.cellPage2.utpage3>ul>li{
	margin-top: 0;
}
.cellPage2.utpage3 .video{
	margin-top: 0;
}
.cellPage2.utpage3>ul>li{
	padding: 5.208333rem 0;
	flex-direction: row;
	
}
.cellPage2.utpage3>ul>li:nth-child(2n+1){
	background: #F9F9F9;
}
.cellPage2.utpage3>ul>li .wrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5.208333rem;
}
.cellPage2.utpage3>ul>li{
	display: block;
}
.cellPage2.utpage3 li:nth-child(2n){
	flex-direction:row;

}
.cellPage2.utpage3>ul>li:nth-child(2n+1) .wrap{
	flex-direction: row-reverse;
}
.cellPage2 .chart-section {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0px 4px 4px 2px rgba(0,0,0,0.1);
            padding: 40px;
            text-align: center;
        }

        /* Tab 切换按钮 */
        .cellPage2 .tab-container {
            display: flex;
            background: #EEEEEE;
            border-radius: 8px;
            padding: 4px;
            margin-bottom: 1.5625rem;
            width: fit-content;
            margin-left: auto;
            margin-right: auto;
			width: 80%;
        }

        .cellPage2 .tab-btn {
            padding: 10px 40px;
			flex: 1;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            /* font-weight: bold; */
            font-size: 1.0416667rem;
            transition: all 0.3s ease;
            color: #444444;
            background: none;
        }

        .cellPage2 .tab-btn.active {
            background-color: #fff;
            color: #222222;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }

        .cellPage2 .chart-title {
            font-size: 1.0416667rem;
            color: #444;
            margin-bottom: 20px;
            line-height: 1.4;
        }
        .cellPage2 .chart-title p:last-child{
            display: none;
        }
        .cellPage2 .chart-display {
            width: 566px; /* 匹配图中标注宽度 */
            height: 413px; /* 匹配图中标注高度 */
            margin: 0 auto;
            position: relative;
        }
        .GTechPage1{
            padding-top: 7.8125rem;
        }
        .cellPage2 .chart-img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: none; /* 默认隐藏 */
        }

        .cellPage2 .chart-img.active {
            display: block; /* 激活显示 */
        }

        /* --- 右侧文字信息区域 --- */
        .cellPage2 .info-section {
            flex: 1;
        }
		.cellPage2 .product-imageBox{
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			margin-bottom: 2.6041667rem;
		}

        .cellPage2 h2 {
            font-size: 2.5rem;
			color: #222222;
            font-weight: bold;
            margin: 0 0 20px 0;
        }

        .cellPage2 .feature-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .cellPage2 .feature-list li {
            font-size: 0.93775rem;
            color: #444;
            margin-bottom: 12px;
            display: flex;
            align-items: flex-start;
			justify-content:flex-start;
			margin-top: 0;
        }

        .cellPage2 .feature-list li::before {
            content: "·";
            font-weight: bold;
            margin-right: 10px;
        }

        /* 移动端简单适配 */
        @media (max-width: 1000px) {
            .cellPage2 .wrap {
                flex-direction: column;
                text-align: center;
            }
            .cellPage2 .chart-section {
                width: 100%;
				padding: 20px;
				box-sizing: border-box;
            }
            .cellPage2 .chart-display {
                width: 100%;
                height: auto;
            }
        }

/* 头部布局 */
.EcPage1 .section-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 60px;
    gap: 40px;
}

.EcPage1 .main-title {
    font-size: 2.5rem;
    font-weight: bold;
    margin: 0;
    line-height: 1.2;
    flex: 1;
}

.EcPage1 .section-intro {
    font-size: 0.9375rem;
    color: #444444;
    max-width: 500px;
    margin: 0;
    flex: 1;
}

/* 网格布局 */
.EcPage1 .chain-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.EcPage1 .chain-item {
    display: flex;
    flex-direction: column;
}

/* 图片比例锁定 */
.EcPage1 .image-box {
    width: 100%;
    aspect-ratio: 1 / 1; /* 保持正方形比例 */
    overflow: hidden;
    margin-bottom: 25px;
    background-color: #f5f5f5;
}

.EcPage1 .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.EcPage1 .image-box:hover img {
    transform: scale(1.05); /* 简单的交互动效 */
}

/* 文本样式 */
.EcPage1 .item-title {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 0 0 12px 0;
    color: #1a1a1a;
}

.EcPage1 .item-desc {
    font-size: 0.833333rem;
    color: #666666;
    margin: 0;
}

/* 移动端响应式适配 */
@media (max-width: 992px) {
    .EcPage1 .chain-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .EcPage1 .section-header {
        flex-direction: column;
        gap: 20px;
    }
}

@media (max-width: 600px) {
    .EcPage1 .chain-grid {
        grid-template-columns: 1fr;
    }
    
    .EcPage1 .main-title {
        font-size: 28px;
    }
}	
.EcPage1{
	padding: 5.2083333rem 0;
}
.EcPage2{
	padding: 5.2083333rem 0;
	background: #222222;
}
.EcPage2 .title {
            font-size: 2.5rem;
            font-weight: bold;
            margin-bottom: 20px;
            color: #fff;
			text-align: center;
        }

        .EcPage2 .description {
            font-size: 0.9375rem;
            color: #ccc;
            line-height: 1.6;
            margin-bottom: 20px;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
			text-align: center;
        }
.EcPage2 .EcPage2-header{
	margin-bottom: -100px;
}
        .bms-showcase {
            position: relative;
            height: 900px; /* Adjust as needed */
        }

        .timeline-circles {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 70%;
            height: 70%;
            pointer-events: none;
            z-index: 1;
        }

        .circle {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border: 1px dashed #444;
            border-radius: 50%;
        }

        .circle-1 { width: 300px; height: 300px; }
        .circle-2 { width: 450px; height: 450px; }
        .circle-3 { width: 600px; height: 600px; }

        .central-bms {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-width: 45%;
            z-index: 2;
        }

        .labels-container {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }

        .EcPage2 .label {
            position: absolute;
            width: 300px;
            z-index: 3;
        }
		.EcPage2 .label .label-box{
			width: 100%;
			position: relative;
            padding: 20px;
            text-align: left;
            display: flex;
			flex-direction: column;
            align-items: flex-start;
            background: rgba(102,102,102,0.2);
            border: 1px solid #666666;
            border-radius: 10px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.3);
            gap: 15px;
			box-sizing: border-box;
		}
		.EcPage2 .label .label-box .connecting-line{
			position: absolute;
			left: 0;
			top: 50%;
			transform: translate(-100% , -50%);

		}
		.EcPage2 .label:nth-child(1) .label-box .connecting-line{ 
			left: auto;
			right: 0;
			top: 50%;
			transform: translate(100%,-50%);
		}
		.EcPage2 .label:nth-child(2) .label-box .connecting-line{ 
			left: auto;
			right: 0;
			top: 50%;
			transform: translate(100%,-50%);
		}
		.EcPage2 .label:nth-child(3) .label-box .connecting-line{ 
			left: auto;
			right: 0;
			top: 50%;
			transform: translate(100%,-50%);
		}
		.EcPage2 .label:nth-child(7) .label-box .connecting-line{ 
			left: auto;
			right:50%;
			top: 0;
			transform: translate(50%,-100%);
		}

        /* Positions */
        .EcPage2 .label:nth-child(1) {left: -2%;top: 25%;}
        .EcPage2 .label:nth-child(2) {left: -8%;top: 47%;}
        .EcPage2 .label:nth-child(3) {left: -1%;top: 68%;}
        .EcPage2 .label:nth-child(4) {right: -9%;top: 22%;}
        .EcPage2 .label:nth-child(5){right: -5%;top: 50%;}
        .EcPage2 .label:nth-child(6) {right: -1%;top: 68%;}
        .EcPage2 .label:nth-child(7) {left: 50%; bottom: 0%; transform: translateX(-50%); }
		.MybmsBox{
			width: 100%;
			height: 100%;
		}
        .EcPage2 .label-icon {
            display: flex;
            align-items: end;
            gap: 10px;
        }

        .icon-yellow-svg {
            width: 30px;
            height: 30px;
        }

        .tattu-chip {
            width: 40px;
            height: 40px;
            background-color: #333;
            border: 1px solid #555;
            border-radius: 5px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #ccc;
            font-size: 0.8em;
            font-weight: bold;
        }
		.about-section .image-wrapper img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
        .label-content {
            flex: 1;
        }

        .label-title {
            font-size: 1.2em;
            font-weight: bold;
            margin: 0 0 5px 0;
            color: #fff;
        }

        .label-desc {
            font-size: 0.9em;
            color: #bbb;
            line-height: 1.4;
            margin: 0;
        }

        /* Connecting Lines */
        .connecting-lines-container {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            pointer-events: none;
            z-index: 1;
        }

        .connecting-lines-container .line {
            position: absolute;
            /* background-size: 10px 1px; */
			background-repeat: no-repeat;
			background-position: top center;
        }
		.connecting-lines-container .line:nth-child(1){
			width: 89px;
			height: 39px;
			left: 35%; top: 28%; 
			background-image: url('../images/line1.png');
		}
		.connecting-lines-container .line:nth-child(2){ 
			width: 100px;
			height: 1px;
			left: 32%;
			top: 43%;
			background-image: url('../images/line2.png');
		}
		.connecting-lines-container .line:nth-child(3){
			width: 63px;
			    height: 32px;
    left: 34%;
    top: 73%;
			background-image: url('../images/line3.png');
		}
		.connecting-lines-container .line:nth-child(4){
			width: 59px;
			height: 24px;
			right: 33%;
			top: 28%;
			background-image: url('../images/line4.png');
		}
		.connecting-lines-container .line:nth-child(5){
			width: 100px;
			height: 1px;
			right: 33%;
			top: 58%;
			background-image: url('../images/line5.png');
		}
		.connecting-lines-container .line:nth-child(6){
			width: 88px;
			height: 50px;
			right: 36%;
			top: 70%;
			background-image: url('../images/line6.png');
		}
		.connecting-lines-container .line:nth-child(7){
			width: 1px;
			height: 110px;
			    left: 50%;
    bottom: 12%;
			background-image: url('../images/line7.png');
		}
		/* 中央区域和动态光圈 */
        .bms-central-container {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 55vw;
          height: 55vw;
          display: flex;
          justify-content: center;
          align-items: center;
          z-index: 1;
        }

        /* 关键更改：动态光圈从内向外 */
        .bms-bms-pcb {
          width: 100%;
          height: auto;
          position: relative;
          z-index: 5;
        }

        /* 使用 SVG 实现从内向外的光圈动画 */
        .bms-aperture-overlay {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 2;
          pointer-events: none;
        }

        .bms-aperture-overlay .bms-box {
          width: 100%;
          height: 100%;
		  position: relative;
        }
		.bms-aperture-overlay .bms-box .bms-ring{ 
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			width: 100%;
			height: 100%;
			background: radial-gradient( 50% 50% at 50% 50%, rgba(253,208,0,0) 78.85%, rgba(253,208,0,0.1) 100%);
			border-radius: 50%;
		}
		.bms-aperture-overlay .bms-box .bms-ring.ring-1{
			transform: scale(0.75);
		}
		.bms-aperture-overlay .bms-box .bms-ring.ring-2{
			transform: scale(0.5);
		}
        /* .bms-ring {
          fill: none;
          stroke: #ffcc00;
          stroke-width: 1.5px;
          opacity: 0;
          transform-origin: center;
          animation: apertureRing 2.5s infinite linear;
		  background: radial-gradient( 50% 50% at 50% 50%, rgba(253,208,0,0) 78.85%, rgba(253,208,0,0.3) 100%);
        }
		.c-btm{ left: 50%; bottom: 0%; transform: translateX(-50%); }
        @keyframes apertureRing {
          0% {
            r: 30px;
            opacity: 0.8;
          }
          20% {
            opacity: 1;
          }
          80% {
            opacity: 0.4;
          }
          100% {
            r: 180px;
            opacity: 0;
          }
        } */

        /* 给不同的圆环应用延迟，增加层次感 */
        /* .ring-1 { animation-delay: 0s; }
        .ring-2 { animation-delay: 0.5s; }
        .ring-3 { animation-delay: 1s; }
        .ring-4 { animation-delay: 1.5s; } */
		.EcPage3{
			background: #fff;
			padding: 5.20833333rem 0;
		}
		.EcPage3 .EcPage3-box{
			display: flex;
			justify-content: space-between;
			align-items: center;
			gap: 5.20833333rem;
		}
		.EcPage3 .EcPage3-box h2{
			font-size: 2.5rem;
			color: #222;
			margin-bottom: 3.125rem;
			font-weight: bold;
		}
		.EcPage3 .EcPage3-box p{
			color: #444444;
			font-size: 0.9375rem;
			line-height: 1.5;
			margin-bottom: 1.5625rem;
		}
		
/* .header:hover{
	background: #fff !important;
}
.header:hover .icona img:nth-child(2){
	display: block;
}
.header:hover .icona img:nth-child(1){
	display: none;
}
.header .naver ul li h3 a{
	color: #222;
} */
 /* --- 生产流程部分 --- */
        .process-section {
            background-color: var(--light-bg);
            padding: 2.5rem 0 0 0;
            color: #333;
        }

        .process-section .section-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 5.20833333rem;
        }

        .process-section .section-header h2 {
            font-size: 2.5rem;
            font-weight: 900;
            margin: 0;
            color: #222;
        }

        /* 轮播按钮 */
        .nav-buttons {
            display: flex;
            gap: 10px;
        }

        .btn-nav {
            width: 40px;
            height: 40px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 18px;
            transition: background 0.3s;
			padding: 0;
        }
/* .btn-nav:hover{
	background-color: var(--tattu-yellow); color: #000; 
}
        .prev-btn,.next-btn { background-color: #ced4da; color: #495057; } */

        /* 轮播卡片 */
        .swiper-container {
            width: 100%;
            /* padding-bottom: 80px; */
            /* 让深色背景从这里开始切分 */
            background: linear-gradient(to bottom, var(--light-bg) 50%, var(--dark-bg) 50%);
        }

        .process-card {
            display: flex;
            flex-direction: column;
        }

        .process-image {
            width: 100%;
            aspect-ratio: 1 / 1;
            object-fit: cover;
            border-radius: 4px;
            margin-bottom: 20px;
        }

        .process-caption {
            font-size: 0.9375rem;
            color: #FFFFFF;
            line-height: 1.4;
            min-height: 40px;
        }

        /* --- 联系我们部分 --- */
        .connect-section {
            text-align: center;
            background-color: #222222;
			padding-top: 18.22916667rem;
			padding-bottom: 7.8125rem;
			margin-top: -7.8125rem;
        }

        .connect-section h2 {
            font-size: 2.5rem;
            font-weight: 800;
            margin-bottom: 20px;
			color: #FFFFFF;
        }

        .connect-section p {
            font-size: 0.9375rem;
            color: #FFFFFF;
            max-width: 500px;
            margin: 0 auto 1.25rem;
            line-height: 1.6;
        }

        .btn-outline {
            display: inline-block;
            padding: 12px 30px;
            border: 1px solid rgba(255,255,255,0.3);
            border-radius: 6px;
            color: #fff;
            text-decoration: none;
            font-size: 14px;
            transition: all 0.3s;
        }

        .btn-outline:hover {
            border-color: #FDD000;
            color: #222222;
			background-color: #FDD000;
        }

		.AboutBanner .wrap{
			height: 37.5rem;
		}
        /* 移动端适配 */
        @media (max-width: 768px) {
			.connecting-lines-container .line{
				display: none;
			}
            .section-header h2 { font-size: 24px; }
            .connect-section h2 { font-size: 32px; }
			.connecting-lines-container,.bms-central-container{
				display: none;
			}
			.EcPage2 .label{
				position: static;
				margin-bottom: 10px;
			}
			.EcPage2 .EcPage2-header{
				margin-bottom: 20px;
			}
			.labels-container{
				position: static;
			}
			.c-btm{
				transform: translate(0);
			}
			.bms-showcase{
				height: fit-content;
			}
			.EcPage3 .EcPage3-box{
				flex-wrap: wrap;
				gap: 10px;
			}
			.connect-section{
				padding-top: 7.8125rem;
			}
			.EcPage3 .EcPage3-box h2{
				margin-bottom: 20px;
			}
			.EcPage3 ,.EcPage2,.EcPage1,.cellPage1,.aboutPage2,.solutions-section,.afterPage,.afterPage1,.faq-section,.support-banner{
				padding: 2.08333333rem 0;
			}
			.aboutPage1{
				padding-bottom: 2.08333333rem;
			}
			.process-section .section-header{
				flex-direction: column;
				flex-wrap: wrap;
				margin-bottom: 30px;
				align-items: flex-start;
				gap: 20px;
			}
			.cellPage2.utpage3>ul>li{
				padding: 10px 0;
			}
			.cellPage2.utpage3>ul>li .wrap{
				flex-wrap: wrap;
				gap: 30px;
			}
			.cellPage2.utpage3>ul>li:nth-child(2n+1) .wrap,.cellPage2.utpage3>ul>li .wrap{
				flex-direction: column-reverse;
			}
			.utpage3 .feature-list li p{
			    text-align: left;
			}
			.cellPage2 .tab-container{
				width: 100%;
			}
			.cellPage2 .product-imageBox{
				flex-wrap: wrap;
				flex-direction: column;
				gap: 10px;
			}
			.cellPage2 .product-imageBox img:last-child{
				display: block;
				margin: auto;
			}
			.history-slide{
				box-sizing: border-box;
				width: 100%;
			}
			.timeline-nav::after{
				top: 58%;
			}
			.content-slider{
				padding: 0;
			}
			.afterPage .wrap > p{
				margin-bottom: 20px;
			}
			.appPage1_header{
				padding-top: 0;
			}
			.appPage1{
				padding: 2.08333333rem 0;
				min-height:fit-content
			}
			.appPage2,.appPage3,.appPage5,.appPage4{
				padding: 2.08333333rem 0;
			}
			.appPage3_box{
				flex-direction: column;
			}
			.appPage3_box .box_left{
				width: 100%;
			}
			.appPage3:nth-child(2) .appPage3_box{
				flex-direction: row-reverse;
			}
			.appPage5 .wrap{
				flex-wrap: wrap;
				gap: 30px;
			}
			.appPage5 .wrap .wrap_right .wrap_header{
				padding-left: 0;
			}
			.appPage5 .wrap .wrap_right{
				gap: 20px;
			}
			.appPage5 .wrap .wrap_right .wrap_header h2{
				margin-bottom: 10px;
			}
			.cusPage1,.cusPage2{
				padding: 2.08333333rem 0;
			}
			.cusPage1 .main-title,.process-header h1{
				font-size: 20px;
			}
			.process-header{
				margin-bottom: 20px;
			}
			.cusPage3 .row{
				flex-wrap: wrap;
			}
			.cusPage3 .form-group{
				margin-bottom: 0;
			}
			.cusPage3 .form-group.full{
				margin-bottom: 20px;
			}
			.GTechPage{
				padding: 2.08333333rem 0;
			}
			.GTechPage .uhvideo ul{
				gap: 30px;
				flex-direction: column;
				margin-top: 20px;
			}
			.GTechPage .uhvideo ul li{
				width: 100%;
			}
			.GTechPage .uhvideo ul p{
				margin: 15px 0;
			}
        }
		.footer .subscribe .txt{
			height: 100%;
		}
		/* 容器设置 */
.custom-select-wrapper {
    position: relative;
	flex: 1;
    width: 100%;
    /* max-width: 500px; */
    font-family: "Arial", sans-serif;
    user-select: none;
}
.custom-select-wrapper span{
	color: #666666;
	font-size: 0.9375rem;
}
/* 默认状态的显示框 */
.select-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    border: 1px solid rgba(187,187,187,0.71);
    border-radius: 6px;
    /* background-color: #fff; */
    cursor: pointer;
    color: #666;
    transition: all 0.2s;
}

/* 箭头图标 (使用 CSS 绘制) */
.custom-select-wrapper .arrow {
    width: 10px;
    height: 10px;
    /* border-right: 2px solid #888;
    border-bottom: 2px solid #888; */
    /* transform: rotate(45deg); */
    margin-bottom: 0;
    transition: transform 0.3s;
}
.custom-select-wrapper .arrow img{
	display: block;
}
/* 展开时的下拉列表容器 */
.select-options {
    position: absolute;
    top: 105%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    display: none; /* 默认隐藏 */
    z-index: 100;
    overflow: hidden;
}

/* 单个选项样式 */
.option {
    padding: 12px 15px;
    color: #333;
    cursor: pointer;
    background-color: #fff;
}

/* 【重点】图片中的灰色悬停效果 */
.option:hover {
    background-color: #e0e0e0; 
}

/* 展开状态的样式切换 */
.custom-select-wrapper.active .select-options {
    display: block;
}

.custom-select-wrapper.active .arrow {
    transform: rotate(180deg);
    margin-bottom: -4px;
}

.custom-select-wrapper.active .select-trigger {
    border-color: #999;
}
.tattuSection1{
	padding-top: 5.2083333rem;
	background-color: #0F110E;
}
.tattuSection1 .pic{
	margin-top: 3.64583333rem;
}
.tattuSection2 {
	height: 50rem;
}	
.tattuSection2 .wrap{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 100%;
	color: #ffffff;
}
.tattuSection2 .wrap h3{
	font-family: 'Montserratb';
	font-size: 2.5rem;
	font-weight: bold;
	text-align: right;
}
.tattuSection2 .wrap p{
	color: #ffffff;
	font-size: 0.9375rem;
	font-family: 'Inter';
	margin-top: 1.5625rem;
	padding-left: 7.8125rem;
	text-align: right;
}
.tattuSection2 .wrap .uhtit{
	width: 55%;
	max-width: 76.08693rem;
}
.tattuSection3.utpage4 .hds .rs{
	width: calc(100% - 26.541667rem);
}
.fpvsection .wrap .uhitem:nth-child(2n){
	flex-direction: row; 
}
.fpvsection2.uhsection6{
	padding-top: 0;
}
.fpvsection3 {
    display: flex;
    flex-direction: row;
    /* min-height: 100vh; */
    width: 100%;
}

/* --- 左侧面板 --- */
.left-panel {
    /* flex: 1; */
    background-color: #000000; /* 稍浅的黑色 */
    display: flex;
    align-items: center;
    justify-content: center;
	width: 50%;
}
.left-panel ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.left-panel ul li{
	text-align: center;
}
.left-panel ul li p{
	font-size: 0.7291667rem;
	color: #FFFFFF;
}
.left-panel h4{
	font-weight: 700;
	font-size: 1.666667rem;
	color: #FDD200;
	margin-top: 5.2083333rem;
	margin-bottom: 3.125rem;
}
.content-wrapper {
    max-width: 32.4375rem;
}

.left-panel h1 {
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 20px;
	color: #ffffff;
}

.left-panel p {
    font-size: 0.9375rem;
    color: #ffffff;
    line-height: 1.6;
}

/* --- 右侧面板 --- */
.right-panel {
    flex: 1;
    position: relative;
    /* background: url('background-pattern.jpg') center/cover no-repeat; 这里的纹理图需单独切出 */
    display: flex;
    flex-direction: column;
    align-items: center;
}
.right-panel .product-image{
    width: 100%;
}
.uhsection2 .wrap .video{
    margin-top: 2.604166666666667rem;
}
/* 顶部标题样式 */
.header-text {
    text-align: center;
    z-index: 2;
}

/* 产品图片 */
.product-image {
    width: 65%;
    /* max-width: 500px; */
}

.product-image img {
    width: 100%;
    height: auto;
	display: block;
    /* filter: drop-shadow(0 20px 50px rgba(0,0,0,0.5)); */
}

/* --- 响应式处理 --- */
@media (max-width: 768px) {
    .container {
        flex-direction: column;
    }    .left-panel, .right-panel {
        padding: 40px 20px;
    }
}


.fpvsection4 .swiper {
    width: 100%;
    height: 40rem;
    padding: 5.2083333rem; /* 给人物头部留出空间 */
	--swiper-pagination-bottom:5.2083333rem;
	--swiper-pagination-bullet-width:6px;
	--swiper-pagination-bullet-height:6px;
	overflow: visible;
}

.fpvsection4 .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    /* 重要：允许子元素超出容器 */
    overflow: visible; 
}

.fpvsection4 .slide-content {
    position: relative;
    width: 800px;
    height: 350px;
    margin-top: 100px; /* 整体下移，给人像留白 */
}

/* 半透明黑色背景框 */
.fpvsection4 .text-box {
    /* background: linear-gradient( 270deg, rgba(253,210,0,0.06) 14.82%, rgba(253,210,0,0) 74.82%), rgba(3,2,2,0.8); */
	background: url('../images/juxing.webp') no-repeat center/cover;
    width: 100%;
    height: 100%;
    padding: 3.125rem  3.125rem   3.125rem  15.625rem; /* 左侧留出人像的位置 */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.fpvsection4{
	width: 100%;
	overflow: hidden;
}
/* 人物图像定位 */
.fpvsection4 .player-img {
    position: absolute;
    bottom: 0;   /* 底部对齐内容框 */
    left: 0; /* 向左偏移出框 */
    height: 140%; /* 高度超过内容框，产生出格效果 */
    z-index: 10;
    pointer-events: none;
}

.fpvsection4 .quote {
    color: #fff;
    font-size: 1.0416667rem;
    line-height: 1.4;
    font-weight: 700;
}

.fpvsection4 .author {
    color: #ffcc00;
    margin-top: 20px;
    text-align: right;
	font-size: 0.9375rem;
    /* font-weight: bold; */
}

/* 自定义 Swiper 分页器颜色 */
.fpvsection4 .swiper-pagination-bullet { background: #555; opacity: 1; }
.fpvsection4 .swiper-pagination-bullet-active { background: #ffcc00; }
.fpvsection5.utpage3{
	padding: 5.2083333rem 0;
}
.fpvsection5.utpage3 h6:first-child{
	margin-top: 0;
}
.fpvsection6{
	padding: 7.8125rem 0;background: #F9F9F9;
}
.fpvsection6 h2{
	margin-bottom: 5.2083333rem;
	font-size: 2.5rem;
	color: #000;
}
.fpvsection6 h2 span{
	margin:0 5px ;
}
.fpvsection6 .table-wrapper {
    display: flex;
    align-items: stretch; /* 确保三个块高度一致 */
    justify-content: center;
    border-radius: 12px;
    overflow: hidden; /* 统一外圆角 */
    background: #fff;
}

.fpvsection6 .panel {
    display: flex;
    flex-direction: column;
}

.fpvsection6 .row {
    height: 50px;
    display: flex;
    align-items: center;
	justify-content: center;
    padding: 0 20px;
    border-bottom: 1px dashed rgba(0,0,0,0.1);
	border-left:  1px dashed rgba(0,0,0,0.1);
    font-size: 14px;
    white-space: nowrap;
	text-align: center;
}

/* 去掉每块最后一行的虚线 */
.fpvsection6 .panel .row:last-child {
    border-bottom: none;
}

/* --- 第一块：基础参数 --- */
.fpvsection6 .basic-panel {
    flex: 2.5; /* 宽度占比最大 */
    background-color: #fcfcfc;
    display: grid;
    grid-template-columns: 1fr 1fr; /* 左侧文字 + V5数值 */
}
.fpvsection6 .basic-panel .row-header { background-color: #f2f2f2; font-weight: bold; }

/* --- 第二块：黄色高亮 --- */
.fpvsection6 .highlight-panel {
    flex: 1;
    background-color: #ffcc00; /* 纯黄 */
    font-weight: bold;
    color: #000;
	border-radius: 8px  0   0 8px;
	margin-left: -10px;
	padding: 0 20px;
}
.fpvsection6 .highlight-panel .row { border-bottom-color: #F9F9F9; border-left-color: transparent;}

/* --- 第三块：黑色差异 --- */
.fpvsection6 .diff-panel {
    flex: 1;
    background-color: #222; /* 磨砂黑 */
    color: #ffcc00;
    font-weight: bold;
    position: relative;
    padding-left: 20px; /* 给虚线留位置 */
	border-radius: 8px;
	margin-left: -10px;
}

.fpvsection6 .diff-panel .row {
    border-bottom-color: #F9F9F9;
    justify-content: center;
}

/* 黑色块内部的纵向虚线 */
.fpvsection6 .vertical-line {
    position: absolute;
    left: 15px;
    top: 15px;
    bottom: 15px;
    border-left: 1px dashed #F9F9F9;
}
/* 栅格布局 */
    .product-grid {
        display: flex;
        justify-content: space-between;
        gap: 30px;
        flex-wrap: wrap; /* 适配移动端换行 */
    }

    .product-card {
        flex: 1;
        min-width: 280px; /* 保证移动端最小宽度 */
    }

    /* 图片容器样式 */
    .Abimage-wrapper {
        width: 100%;
        aspect-ratio: 1 / 1; /* 保持正方形 */
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 25px;
        border-radius: 4px;
        overflow: hidden;
    }

    .Abimage-wrapper img {
        width: 100%; /* 根据图片实际比例调整 */
        height: auto;
        transition: transform 0.3s ease;
    }

    .product-card:hover img {
        transform: scale(1.05); /* 简单的交互动效 */
    }

    /* 文字样式 */
    .product-card h3 {
        font-size: 1.25rem;
        font-weight: bold;
        margin-bottom: 15px;
		font-family: 'Interb';
    }

    .product-card p {
        font-size: 0.8333333rem;
        color: #444444;
        line-height: 1.5;
        padding: 0 10px;
    }
	.VoltSecion{
		padding: 7.8125rem 0;
		text-align: center;
		padding-bottom: 0;
	}
	.VoltSecion h2{ 
		color: #222222;
		font-size: 2.5rem;
		text-align: center;
		font-weight: bold;
	}
	.VoltSecion h2+p{
		margin: 0 auto;
		margin-top: 1.5625rem;
		margin-bottom: 2.34375rem;

		font-size: 0.9375rem;
		color: #444444;
		text-align: center;
		max-width: 900px;
	}
	/*产品对比*/
/* =========================================
   1. Product Card Compare Button (Yellow Badge)
   ========================================= */
.txt h6.btn-compare {
    display: inline-block;
    background-color: #FFCC00; /* Tattu Yellow */
    color: #000000;
    padding: 3px 12px;
    border-radius: 12px; /* Pill shape like the image */
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 10px;
    transition: background-color 0.2s;
}

.txt h6.btn-compare:hover {
    background-color: #e6b800; /* Slightly darker on hover */
}

/* =========================================
   2. Bottom Sticky Comparison Bar
   ========================================= */
.compare-bar-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 -4px 15px rgba(0,0,0,0.05);
    z-index: 9999;
    padding: 20px 0;
    border-top: 3px solid #FFCC00; /* Changed to Tattu Yellow */
}

.compare-bar-inner {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.compare-title {
    color: #1a1a1a; /* Dark sleek text */
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 16px;
}

.compare-items-container {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-bottom: 20px;
    min-height: 100px;
}

.compare-item-box {
    position: relative;
    width: 120px;
    text-align: center;
}

.compare-item-box img {
    max-width: 90px;
    height: auto;
    margin-bottom: 8px;
}

.compare-item-box p {
    font-size: 12px;
    color: #333;
    line-height: 1.3;
    font-weight: 500;
}

/* The remove "X" button on selected items */
.compare-item-box .remove-btn {
    position: absolute;
    top: -5px;
    right: 10px;
    cursor: pointer;
    font-size: 12px;
    color: #999;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 18px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: all 0.2s;
}

.compare-item-box .remove-btn:hover {
    color: #fff;
    background-color: #ff4444; /* Keep red for destructive actions */
    border-color: #ff4444;
}

/* =========================================
   3. Bar Action Buttons (Start / Clear)
   ========================================= */
.compare-actions button {
    padding: 10px 35px;
    border-radius: 4px; /* Square edges to match pagination */
    font-size: 14px;
    cursor: pointer;
    margin: 0 10px;
    border: none;
    outline: none;
    transition: all 0.2s;
}

.btn-start-compare {
    background-color: #FFCC00;
    color: #000;
    font-weight: 600;
}

.btn-start-compare:hover {
    background-color: #e6b800;
}

.btn-clear-compare {
    background-color: #ffffff;
    color: #666;
    border: 1px solid #cccccc !important;
}

.btn-clear-compare:hover {
    border-color: #999999 !important;
    color: #000;
}

/* =========================================
   4. Pagination Arrows (Based on image_08a71d)
   ========================================= */
.prnebtn {
    display: flex;
    gap: 15px;
    justify-content: flex-end; /* Or center depending on your layout */
    margin-top: 30px;
    list-style: none;
    padding: 0;
}

.prnebtn a, 
.prnebtn span {
    display: flex;
    align-items: center;
    justify-content: center;
    /*width: 45px;*/
    /*height: 35px;*/
    background-color: #fff;
    border: 1px solid #ddd;
    color: #666;
    border-radius: 4px; /* Slight rounding like the image */
    text-decoration: none;
    transition: all 0.2s ease;
    font-size: 16px;
}

/* Hover & Active States for Pagination */
.prnebtn a:hover, 
.prnebtn .current,
.prnebtn span.active {
    background-color: #FFCC00;
    border-color: #FFCC00;
    color: #000;
}
/* Inquiry Modal Styles */
.inquiry-mask {
    display: none;
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 98;
}
.inquiry-popup {
    display: none;
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 90%; max-width: 800px;
    background: #fff;
    padding: 40px;
    border-radius: 8px;
    z-index: 99;
    box-sizing: border-box;
    max-height: 90vh;
    overflow-y: auto;
}
.inquiry-popup .close-btn {
    position: absolute;
    top: 15px; right: 20px;
    font-size: 30px;
    cursor: pointer;
    color: #999;
    line-height: 1;
}
.inquiry-popup .close-btn:hover { color: #333; }
.inquiry-popup h3 {
    font-size: 28px; font-weight: bold;
    margin-bottom: 25px; color: #333;
}
.inquiry-form .form-group { margin-bottom: 15px; }
.inquiry-form .form-row { display: flex; gap: 20px; margin-bottom: 15px; }
.inquiry-form .form-col { flex: 1; }
.inquiry-form label { display: block; margin-bottom: 8px; font-size: 14px; color: #555; }
.inquiry-form input[type="text"], 
.inquiry-form input[type="email"], 
.inquiry-form select, 
.inquiry-form textarea {
    width: 100%; padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #fcfcfc;
    font-family: inherit;
}
.inquiry-form input:focus, .inquiry-form select:focus, .inquiry-form textarea:focus {
    outline: none; border-color: #ffd600;
}
.inquiry-form textarea { height: 100px; resize: vertical; }
.inquiry-form .verify-row { display: flex; align-items: center; gap: 10px; }
.inquiry-form .verify-row input { flex: 1; }
.inquiry-form .verify-row img.captcha-img { height: 42px; cursor: pointer; border: 1px solid #ddd; border-radius: 4px;}
.inquiry-form .file-actions .btn-file {
    background: #fff; border: 1px solid #ccc;
    padding: 8px 15px; margin-right: 10px;
    cursor: pointer; border-radius: 4px; color: #555;
    font-size: 13px;
}
.inquiry-form .file-actions .btn-file:hover { background: #f5f5f5; }
.inquiry-form .checkbox-group label { display: flex; align-items: center; font-size: 13px; font-weight: normal; }
.inquiry-form .checkbox-group input { margin-right: 8px; }
.inquiry-form .submit-btn {
    background: #FDD000;
    color: #222222;
    padding: 8px 60px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin: auto;
    margin-top: 20px;
    font-size: 0.8333333rem;
    font-family: Inter, Inter;
    transition: all 0.3s;display: block;
}
.inquiry-form .submit-btn:hover { opacity:0.8; }

/* Mobile Adaption */
@media (max-width: 768px) {
    .inquiry-popup { padding: 25px 20px; }
    .inquiry-popup h3 { font-size: 22px; margin-bottom: 20px; }
    .inquiry-form .form-row { flex-direction: column; gap: 15px; margin-bottom: 0; }
    .inquiry-form .form-col { margin-bottom: 15px; }
    .inquiry-form .verify-row { flex-direction: column; align-items: flex-start; }
    .inquiry-form .verify-row img.captcha-img { width: 120px; }
}
    /* 响应式适配 */
    @media (max-width: 768px) {
        .product-grid {
            flex-direction: column;
            align-items: center;
        }
        .product-card {
            max-width: 400px;
        }
    }
	.UAVSection{
		margin-top: 5.20833333rem;
	}