@charset "utf-8";
/* CSS Document */
body{
	font-size:12px;
	font-weight:normal;
	color:#fff;
	line-height:1.5;
	font-family: zt3;
	margin:auto;
	background: var(--Color-6, #000);
	overflow-x:hidden;
}
@supports (font: -apple-system-body) {
  body {
    font-family: 
      "PingFang SC",
      -apple-system,
      "HarmonyOS Sans",
      sans-serif;
  }
}

.apple-os body {
  font-family: "PingFang SC", -apple-system, sans-serif;
}
@media not all and (min-resolution: 0.001dpcm) { 
  @supports (-webkit-appearance: none) {
    body {
      font-family: "PingFang SC", -apple-system, sans-serif;
    }
  }
}
@font-face
{
	font-family: 思源黑体;
	src: url('../font/思源黑体 CN-Light.otf'),
	url('../font/思源黑体 CN-Light.otf'); /* IE9+,可以是具体的实际链接 */
}
@font-face
{
	font-family: DIN;
	src: url('../font/DIN-Bold.otf'),
	url('../font/DIN-Bold.otf'); /* IE9+,可以是具体的实际链接 */
}
@font-face
{
	font-family: Roboto;
	src: url('../font/Roboto-Regular.ttf'),
	url('../font/Roboto-Regular.ttf'); /* IE9+,可以是具体的实际链接 */
}
@font-face
{
	font-family: Source;
	src: url('../font/Source-Han-Serif-CN-Bold.ttf'),
	url('../font/Source-Han-Serif-CN-Bold.ttf'); /* IE9+,可以是具体的实际链接 */
}
@font-face
{
	font-family: zt;
	src: url('../font/HarmonyOS_Sans_SC_Light.ttf'),
	url('../font/HarmonyOS_Sans_SC_Light.ttf'); /* IE9+,可以是具体的实际链接 */
	font-weight: 300; /* Light */
	
}
@font-face
{
	font-family: zt2;
	src: url('../font/HARMONYOS_SANS_SC_BOLD.TTF'),
	url('../font/HARMONYOS_SANS_SC_BOLD.TTF'); /* IE9+,可以是具体的实际链接 */
	font-weight: 700; /* Bold */
	
}
@font-face
{
	font-family: zt3;
	src: url('../font/HARMONYOS_SANS_SC_REGULAR.TTF'),
	url('../font/HARMONYOS_SANS_SC_REGULAR.TTF'); /* IE9+,可以是具体的实际链接 */
	font-weight: 400; /* Regular/Normal */
	
}
@font-face
{
	font-family: zt4;
	src: url('../font/HARMONYOS_SANS_SC_MEDIUM.TTF'),
	url('../font/HARMONYOS_SANS_SC_MEDIUM.TTF'); /* IE9+,可以是具体的实际链接 */
	font-weight: 500; /* Medium */
	
}
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	}
img{
	border:0;
	}
ul,li{
	list-style:none;
	}
a{
	color:#333333;
	text-decoration:none;
	transition: all 0.6s;
	}
a:hover{
	color:#002E86;
	text-decoration: none;
	}
table{ 
	margin: auto;
	}
i{ font-style:normal}
em{ font-style:normal}






@keyframes animateTop{
    0%{ transform: translateY(500%);opacity: 0;}
    100%{ transform: translateY(0); opacity: 1; }
}
@-moz-keyframes animatedTop {
    0%{ -moz-transform: translateY(500%);opacity: 0; }
    100%{ -moz-transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes animatedTop {
    0%{ -webkit-transform: translateY(500%);opacity: 0; }
    100%{ -webkit-transform: translateY(0); opacity: 1;}
}
@-ms-keyframes animatedTop {
    0%{ -ms-transform: translateY(500%);opacity: 0; }
    100%{ -ms-transform: translateY(0); opacity: 1;}
}

@media (min-width:1000px) {
/*底部开始*/
.footer{
	background: var(--Color-6, #000);
	width: 100%;
	position: static;
	z-index: 300;
	left: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 12;
}
.footer.foot_show{
	height: auto;
	overflow: visible;
}
.footTop{
	opacity: 0;
	-webkit-transform:translateY(150px);
	-moz-transform:translateY(150px);
	transform:translateY(150px);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
}
.footBottom{
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #1a1a1b;
	text-align: center;
	font-size: 12px;
}
.footer.foot_show .footTop{
	opacity: 1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	transform:translateY(0px);
}

.footer,.foot_top{
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
/*底部结束*/

.main{
	width: 100%;
	float:left;
	padding:0 2.0vw;
}
.header{
	width: 100%;
	position: fixed;
	top: 1.25rem;
	left: 0;
	z-index: 99;
	padding:0 2.0vw;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.header .logo{
	width: auto;
	max-width: 13%;
	display: flex;
	align-items: center;
}
.header .logo img{
	max-width: 100%;
	max-height: 100%;
}

.innav{
	width:auto;
	border-radius: 6.25rem;
	border: 1px solid var(--10, rgba(255, 255, 255, 0.10));
	background: var(--Color-5, rgba(181, 181, 181, 0.10));
	padding:0rem 2.0vw;
	position:relative;
	
}
.innav::before{
	width:100%;
	height:100%;
	position:absolute;
	z-index:-1;
	left:0;
	top:0;
	content:'';
	display:inline-block;
	
	border-radius: 6.25rem;
	background: var(--Color-5, rgba(181, 181, 181, 0.10));
	/* 0.4背景模糊 */
	backdrop-filter: blur(12.5px);
}
.innav ul{
	display: flex;
	align-items: center;
}
.innav ul li{
	width:auto;
	display: flex;
	align-items: center;
	position:relative;
}
.innav ul li a{
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	height:3.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding:0 2.4vw;
}
.innav ul li a::after{
	width: 0rem;
	height: 0.33563rem;
	content:'';
	display:inline-block;
	margin-left:0rem;
	background-image:url(../img/yuan.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	margin-top:0.5rem;
}
.innav ul li a.cur::after{
	width: 0.33575rem;
	margin-left:0.25rem;
}
.innav ul li .xiala{
	width:130%;
	position:absolute;
	top:3.75rem;
	left:-15%;
	z-index:999;
	opacity:0;
	visibility: hidden;
	border-radius: 1rem;
	background: var(--Color-5, rgba(181, 181, 181, 0.30));
	/* 0.4背景模糊 */
	-webkit-backdrop-filter: blur(12.5px);
	backdrop-filter: blur(12.5px);
	
	transform: translate3d(0, 0, 0);
	isolation: isolate;
	will-change: backdrop-filter;
	padding:1.0rem 0;
}

.innav ul li .xiala a{
	height:auto;
	line-height:250%;
	color: var(---white, #FFF);
	font-family: zt3;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	text-transform: capitalize;
}
.innav ul li:hover .xiala{
	opacity:1;
	visibility:visible;
}
.zyw{
	width:auto;
	position:relative;
}
.zyw a{
	width: 3.75rem;
	height: 3.75rem;
	display:flex;
	justify-content: center;
	align-items: center;
	color:#FFF;
	border-radius: 6.25rem;
	background: var(---white, #FFF);
	color: var(---black, #000);
	font-family: zt4;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
}
.zyw .xl{
	width:auto;
	position:absolute;
	left:0;
	top:3.75rem;
	z-index:1;
	opacity:0;
	visibility:hidden;
}
.zyw:hover .xl{
	opacity:1;
	visibility:visible;
}

.index01{
	width: 100%;
	float: left;
	background-image:url(../img/a01.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
}
.index01 .a01{
	width:auto;
	position:absolute;
	left:2.0vw;
	bottom:10%;
	z-index:1;
}
.index01 .a01 dl dt{
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-family: zt4;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
}
.index01 .a01 dl dd{
	margin-top:1.2rem;
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 3rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
}
.index01 .a02{
	width:24%;
	position:absolute;
	right:10.4vw;
	bottom:10%;
	z-index:2;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.8rem */
	text-transform: capitalize;
}
.inmore{
	display: flex;
}
.inmore a{
	width: 12rem;
	height: 3.75rem;
	padding: 0.625rem 0.625rem 0.625rem 2.77863rem;
	display:flex;
	align-items: center;
	border-radius: 6.25rem;
	background: var(--10, rgba(255, 255, 255, 0.10));
	position:relative;
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	text-transform: uppercase;
}
.inmore a::after{
	width: 2.5rem;
	height: 2.5rem;
	content:'';
	display:inline-block;
	position:absolute;
	right:0.625rem;
	top:0.625rem;
	z-index:1;
	background-image:url(../img/jt.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	transition: all 0.6s;
}
.inmore a:hover::after{
	right:8.875rem;
}
.inmore a:hover{
	background: var(---Gray-6, #F2F2F2);
	color: var(---333, #333);
	padding: 0.625rem 0.625rem 0.625rem 4.77863rem;
}

.index01.active .a01{opacity: 1;-webkit-transform:translateY(0px) scale(1);-moz-transform:translateY(0px) scale(1);transform:translateY(0px) scale(1);}
.index01 .a01{
	opacity: 0;-webkit-transform:translateX(-200px);-moz-transform:translateX(-200px);transform:translateX(-200px);-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;
}
.index01.active .a02{opacity: 1;-webkit-transform:translateY(0px) scale(1);-moz-transform:translateY(0px) scale(1);transform:translateY(0px) scale(1);}
.index01 .a02{
	opacity: 0;-webkit-transform:translateX(200px);-moz-transform:translateX(200px);transform:translateX(200px);-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;
}


.index02{
	width: 100%;
	float: left;
}
.inab{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	padding:14.0rem 8.33vw;
}
.innum{
	width:24.5%;
}
.innum ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.innum ul li{
	width:100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	padding-bottom:2.5rem;
	border-bottom:1px solid rgba(255, 255, 255, 0.30);
	margin-top:5.0rem;
}
.innum ul li:first-child{
	margin-top:0px;
}
.innum ul li dl dt{
	color: var(---white, #FFF);
	font-size: 4rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.innum ul li dl dd{
	margin-top:0.62rem;
	color: var(---white, #FFF);
	font-family: Arial;
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.innum ul li::after{
	width: 4.25rem;
	height: 4.25rem;
	content:'';
	display:inline-block;
	background-image:url(../img/gy01.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
.innum ul li:nth-child(2)::after{
	background-image:url(../img/gy02.svg);
}
.innum ul li:nth-child(3)::after{
	background-image:url(../img/gy03.svg);
}
.inabtex{
	width:64.3%;
	border-radius: 1.5rem;
	border: 2px solid var(--10, rgba(255, 255, 255, 0.30));
	background: var(---black, #000);
	/* 0.4背景模糊 */
	backdrop-filter: blur(12.5px);
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.8rem */
	text-transform: capitalize;
	padding:4.56rem 6.36rem;
}
.inabtex h1{
	margin-bottom:3.75rem;
	color: var(---white, #FFF);
	font-size: 3rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	font-family: zt4;
}

.index02.active .innum{opacity: 1;-webkit-transform:translateY(0px) scale(1);-moz-transform:translateY(0px) scale(1);transform:translateY(0px) scale(1);}
.index02 .innum{
	opacity: 0;-webkit-transform:translateX(-200px);-moz-transform:translateX(-200px);transform:translateX(-200px);-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;
}

.index02.active .inabtex{opacity: 1;-webkit-transform:translateY(0px) scale(1);-moz-transform:translateY(0px) scale(1);transform:translateY(0px) scale(1);}
.index02 .inabtex{
	opacity: 0;-webkit-transform:translateY(200px) scale(0.6);-moz-transform:translateY(200px) scale(0.6);transform:translateY(200px) scale(0.6);-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;
}

.index02.ny .innum{
	opacity: 1;-webkit-transform:translateY(0px) scale(1);-moz-transform:translateY(0px) scale(1);transform:translateY(0px) scale(1);
}
.index02.ny .inabtex{opacity: 1;-webkit-transform:translateY(0px) scale(1);-moz-transform:translateY(0px) scale(1);transform:translateY(0px) scale(1);}

.index02.ny .inab{
	padding:11.25rem 2.0vw;
	padding-bottom:4.94rem;
}

.index03{
	width: 100%;
	height:100%;
	float: left;
}
.index03.ny{
	height:100vh;
	position:relative;
}
.projs{
	width:23%;
	position:absolute;
	bottom:22.6%;
	left:8.33vw;
	z-index:3;
}
.protit{
	width:100%;
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 3rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
}
.prosm{
	width:100%;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.8rem */
	text-transform: capitalize;
}
.proys{
	width:27.2%;
	position:absolute;
	right:8.33vw;
	bottom:10.4%;
	z-index:3;
}
.proys ul{
	display: flex;
	flex-wrap: wrap;
}
.proys ul li{
	width:calc(33.33% - 0.62rem);
	height:auto;
	padding: 0.9375rem 0.9375rem 2.82244rem 0.9375rem;
	border-radius: 12.5rem;
	border: 2px solid var(--10, rgba(255, 255, 255, 0.10));
	background: var(--Color-5, rgba(181, 181, 181, 0.10));
	/* 0.4背景模糊 */
	backdrop-filter: blur(12.5px);
	margin-right:0.62rem;
	margin-top:0.62rem;
	transition: all 0.6s;
}
.proys ul li:nth-child(3n){
	margin-right:0px;
}
.proys ul li dl dt{
	overflow:hidden;
}
.proys ul li dl dt img{
	width:100%;
	height:auto;
	display:block;
}
.proys ul li dl dd{
	margin-top:1.93rem;
	color: var(---white, #FFF);
	text-align: center;
	font-family: zt4;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
}



.index03.active .projs{opacity: 1;-webkit-transform:translateY(0px) scale(1);-moz-transform:translateY(0px) scale(1);transform:translateY(0px) scale(1);}
.index03 .projs{
	opacity: 0;-webkit-transform:translateX(-200px);-moz-transform:translateX(-200px);transform:translateX(-200px);-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;
}

.index03.active .proys{opacity: 1;-webkit-transform:translateY(0px) scale(1);-moz-transform:translateY(0px) scale(1);transform:translateY(0px) scale(1);}
.index03 .proys{
	opacity: 0;-webkit-transform:translateX(200px);-moz-transform:translateX(200px);transform:translateX(200px);-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;
}

.index03.ny .projs{opacity: 1;-webkit-transform:translateY(0px) scale(1);-moz-transform:translateY(0px) scale(1);transform:translateY(0px) scale(1);}
.index03.ny .proys{opacity: 1;-webkit-transform:translateY(0px) scale(1);-moz-transform:translateY(0px) scale(1);transform:translateY(0px) scale(1);}


.index04{
	width: 100%;
	float: left;
}
.index04 .intit{
opacity: 0;-webkit-transform:translateX(-200px);-moz-transform:translateX(-200px);transform:translateX(-200px);-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;
}
.index04.active .intit{opacity: 1;-webkit-transform:translateY(0px) scale(1);-moz-transform:translateY(0px) scale(1);transform:translateY(0px) scale(1);}

.index04.active .infa{opacity: 1;-webkit-transform:translateY(0px) scale(1);-moz-transform:translateY(0px) scale(1);transform:translateY(0px) scale(1);}
.index04 .infa{
	opacity: 0;-webkit-transform:translateY(200px) scale(0.6);-moz-transform:translateY(200px) scale(0.6);transform:translateY(200px) scale(0.6);-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;
}
.famain{
	width:100%;
	margin:auto;
	padding:0 8.33vw;
}
.intit{
	width:100%;
	float:left;
	color: var(---white, #FFF);
	text-align: center;
	font-family: zt4;
	font-size: 3rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	margin-top:7.0rem;
}
.infa{
	width:100%;
	float:left;
	margin-top:3.0rem;
}
.infa ul{
	display: flex;
	flex-wrap: wrap;
}
.infa ul li{
	width:calc(33.4% - 1.25rem);
	margin-right:1.25rem;
	border-radius: 1rem;
	background: var(---black, #000);
	overflow:hidden;
	position:relative;
	max-height:55vh;
	overflow:hidden;
}
.infa ul li:nth-child(3n){
	margin-right:0px;
}
.infa ul li img{
	width:100%;
	height:auto;
	display:block;
	transition: all 0.6s;
}
.infa ul li:hover img{
	transform: scale(1.05);
}
.infa ul li .tex{
	width:100%;
	position:absolute;
	left:0rem;
	top:1.87rem;
	padding:0 1.25rem;
	z-index:1;
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.infa ul li .tex img{
	max-height:2.0rem;
	width:auto;
}

.index05{
	width: 100%;
	float: left;
	position:relative;
}
.index05 .intit{
opacity: 0;-webkit-transform:translateX(-200px);-moz-transform:translateX(-200px);transform:translateX(-200px);-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;
}
.index05.active .intit{opacity: 1;-webkit-transform:translateY(0px) scale(1);-moz-transform:translateY(0px) scale(1);transform:translateY(0px) scale(1);}

.index05.active .sdanniu{opacity: 1;-webkit-transform:translateY(0px) scale(1);-moz-transform:translateY(0px) scale(1);transform:translateY(0px) scale(1);}
.index05 .sdanniu{
	opacity: 0;-webkit-transform:translateY(200px) scale(0.6);-moz-transform:translateY(200px) scale(0.6);transform:translateY(200px) scale(0.6);-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;
}
.lxwrap{
	width:100%;
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.inlx{
	width:100%;
	float:left;
	margin-top:5.0rem;
	padding: 5rem 4.19144rem;
	border-radius: 1.5rem;
	background: var(--Color-5, rgba(181, 181, 181, 0.10));
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.inlx.ny{
	background-color:transparent;
	padding:0;
}
.inlx .a01{
	width:auto;
	max-width:27%;
}
.inlx .a01 .pic{
	overflow:hidden;
}
.inlx .a01 .pic img{
	max-width:4.25rem;
}
.inlx .a01 dl dt{
	margin-top:1.88rem;
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
}
.inlx .a01 dl dd{
	margin-top:1.88rem;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.inlx .sx{
	width:1px;
	background: rgba(255, 255, 255, 0.30);
}
.inlx.ny .sx{
	display:none;
}
.inlx.ny .a01{
	width:32%;
}
.index06{
	width: 100%;
	float: left;
	position:relative;
}
.foot{
	width:100%;
	float:left;
	background: var(--Color-6, #000);
	padding:5.0rem 8.33vw;
	padding-bottom:0;
}

.foot01{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.foot01 .a01{
	width:61.3%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.foot01 .a01 dl{
	width:auto;
}
.foot01 .a01 dl dt{
	font-size: 1rem;
	color:#FFF;
	margin-bottom:15px;
}
.foot01 .a01 dl dd{
	color:rgba(255, 255, 255, 0.60);
	font-family: "Microsoft YaHei";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top:1.0rem;
}
.foot01 .a01 dl dd.mart2{
	margin-top:1.87rem;
}
.foot01 .a01 dl dd a{
	color:rgba(255, 255, 255, 0.60);
}
.foot01 .a02{
	width:15.1rem;
}
.foot01 .a02 dl dt{
	overflow:hidden;
}
.foot01 .a02 dl dt img{
	max-width:100%;
}
.foot01 .a02 dl dd{
	margin-top:2.63rem;
}
.foot02{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top:6.5rem;
	border-top:1px solid rgba(255, 255, 255, 0.1);
	padding:2.5rem 0vw;
	color: var(---999, #999);
	font-size: 0.75rem;
}
.foot02 div{
	display: flex;
	align-items: center;
}
.foot02 div a{
	display:flex;
	margin-left:1.25rem;
}

.nymain{
	width:100%;
	float:left;
	padding:0 8.33vw;
}
.nymain2{
	width:100%;
	float:left;
	padding:0 8.33vw;
	display: flex;
	align-items: center;
	height:100%;
}

.nab{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.nab-l{
	width:48.1%;
}
.nab-l.w41{
	width:41.7%;
}
.nab-r{
	width:46.6%;
}
.nab-r img{
	width:100%;
	height:auto;
	display:block;
}
.abtit{
	width:100%;
	float:left;
	display: flex;
	justify-content:center;
}
.abtit div{
	width:100%;
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 2.1rem;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 4.5rem */
	text-transform: capitalize;
}
.absp{
	width:100%;
	float:left;
}
.absp img{
	width:100%;
	height:auto;
	display:block;
}
.absm{
	width:100%;
	float:left;
	margin-top:1.0rem;
	display: flex;
	justify-content:center;
}
.absm div{
	width:100%;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.8rem */
	text-transform: capitalize;
}

.abwh{
	width:100%;
	float:left;
	margin-top:5.0rem;
}
.abwh ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.abwh ul li{
	width:100%;
	margin-top:3.75rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-radius: 1.5rem;
	background: var(--Color-5, rgba(181, 181, 181, 0.10));
	overflow:hidden;
}
.abwh ul li .pic{
	width:37.5%;
	overflow:hidden;
	border-radius: 1.5rem;
}
.abwh ul li .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;      /* 关键属性：保持比例填充容器 */
    display: block;         /* 消除图片底部间隙 */
}
.abwh ul li .tex{
	width:58.75%;
	padding:5.0rem 3.38rem;
	padding-right:9.18rem;
}
.abwh ul li .tex dl dt{
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 2.25rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	padding-bottom:1.68rem;
}
.abwh ul li .tex dl dd{
	margin-top:3.0rem;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.8rem */
	text-transform: capitalize;
}
.rtxt{
	width:100%;
	float:left;
	margin-top:2.0rem;
	border-radius: 1.5rem;
	background: var(--Color-5, rgba(181, 181, 181, 0.10));
	padding:1.0rem 0;
}
.rtxt img{
	max-width:100%;
}
.rtxt2{
	width:100%;
	float:left;
	margin-top:2.0rem;
	text-align:center;
}
.rtxt2 img{
	max-width:100%;
	max-height:70vh;
	width:auto;
	height:auto;
}
.tysm{
	width:100%;
	float:left;
	margin-top:3.75rem;
	color: var(--60, rgba(255, 255, 255, 0.60));
	text-align: center;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.8rem */
	text-transform: capitalize;
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.tylb{
	width:100%;
	float:left;
	margin-top:6.25rem;
}
.tylb ul{
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
}
.tylb ul li{
	width:10rem;
	height:auto;
	padding: 0.9375rem 0.9375rem 2.82244rem 0.9375rem;
	border-radius: 12.5rem;
	border: 2px solid var(--10, rgba(255, 255, 255, 0.10));
	background: var(--Color-5, rgba(181, 181, 181, 0.10));
	/* 0.4背景模糊 */
	backdrop-filter: blur(12.5px);
	margin-right:0.31rem;
	margin-left:0.31rem;
	margin-top:0.62rem;
	transition: all 0.6s;
}
.tylb ul li dl dt{
	overflow:hidden;
}
.tylb ul li dl dt img{
	width:100%;
	height:auto;
	display:block;
}
.tylb ul li dl dd{
	margin-top:1.93rem;
	color: var(---white, #FFF);
	text-align: center;
	font-family: zt4;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
}
.tylb ul li:hover{
	background: var(---white, #FFF);
	/* 0.4背景模糊 */
	backdrop-filter: blur(12.5px);
}
.tylb ul li:hover dl dd{
	color: var(---333, #333);
}

.allist{
	width:100%;
	float:left;
	margin-top:3.75rem;
}
.allist ul{
	display: flex;
	flex-wrap: wrap;
}
.allist ul li{
	width:12.5%;
}
.allist ul li img{
	width:100%;
	height:auto;
	display:block;
}
.cshu{
	width:100%;
	float:left;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.cshu dl{
	width:100%;
	padding:1.5rem 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom:1px solid var(--60, rgba(255, 255, 255, 0.20));
}
.cshu dl dt{
	width:35%;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: capitalize;
}
.cshu dl dd{
	width:65%;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: capitalize;
}

.solution{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	float:left;
}
.solution .pic{
	overflow:hidden;
	width:50%;
	position: relative;
	border-radius: 1.5rem;
	background: var(---black, #000);
	max-height:80vh;
}
.solution .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;      /* 关键属性：保持比例填充容器 */
    display: block;         /* 消除图片底部间隙 */
}
.solution .tex{
	width:41.9%;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
.solution .tex dl dt{
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 2.25rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
}
.solution .tex dl dd{
	margin-top:1.7rem;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.8rem */
	text-transform: capitalize;
}

.subNavBox{
	width:100%;
	float:left;
}
.subNav{
	width:100%; 
	float:left; 
	HEIGHT: auto;
	DISPLAY: block;  
	CURSOR: pointer; 
	text-align:left; 
	border-bottom:0px solid rgba(255, 255, 255, 0.30);
	padding-bottom:1.25rem;
	font-size:1.0rem;
	margin-top:2.5rem;
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.subNav:hover{float:left; }
.currentDd{
	border-bottom:0px solid rgba(255, 255, 255, 0.30);
}
.currentDd a{
	color: #FFF;
}

.navContent{
	display: block;
	float:left; 
	width:100%;
	padding-bottom:1.25rem;
	padding-top:1.25rem;
	border-bottom:1px solid rgba(255, 255, 255, 0.30);
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.575rem */
}
.fwld{
	width:100%;
	float:left;
	margin-top:3.75rem;
}
.fwld ul{
	display: flex;
	flex-wrap: wrap;
}
.fwld ul li{
	width:calc(16.66% - 1.25rem);
	margin-right:1.25rem;
	border-radius: 1.5rem;
	border: 2px solid var(--10, rgba(255, 255, 255, 0.10));
	background: var(--Color-5, rgba(181, 181, 181, 0.10));
	/* 0.4背景模糊 */
	backdrop-filter: blur(12.5px);
	padding: 2.0rem 1.5rem;
	text-align:center;
	transition: all 0.6s;
}
.fwld ul li:nth-child(6n){
	margin-right:0px;
}
.fwld ul li .pic{
	overflow:hidden;
}
.fwld ul li .pic img{
	max-height:8.125rem;
}
.fwld ul li dl dt{
	margin-top:2.5rem;
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
}
.fwld ul li dl dd{
	margin-top:1.25rem;
	color: var(--30, rgba(255, 255, 255, 0.30));
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.35rem */
	text-transform: capitalize;
}
.fwld ul li:hover{
	background-color:#FFF;
}
.fwld ul li:hover dl dt{
	color: var(--Color-6, #212426);
}
.fwld ul li:hover dl dd{
	color: var(--Color-6, #212426);
}

.lx02-r{
	width:100%;
	float:left;
	margin-top:5.0rem;
}
.lx02-r ul{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.lx02-r ul li{
	width:49.5%;
	margin-top:1.25rem;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.lx02-r ul li:first-child{
	margin-top:0px;
}
.lx02-r ul li:last-child{
	margin-top:2.5rem;
}
.lx02-r ul li:nth-child(2){
	margin-top:0px;
}
.lx02-r ul li.w100{
	width:100%;
}
.lxanniu{
	width:calc(100% - 12.4rem);
	height: 3.75rem;
	padding:0 1.88rem;
	text-align:right;
	background: #888B8B;
	color: var(---white, #FFF);
	font-family: zt;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.75rem; /* 2.20375rem */
	border:0;
	cursor:pointer;
}
.lxbk{
	width:100%;
	border:0px;
	padding:0 1.28rem;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.75rem; /* 1.763rem */
	height: 3.75rem;
	outline:none;
	font-family:zt;
	border-radius: 0.5rem;
	border: 1px solid var(--Color-6, #212426);
	background: var(--10, rgba(255, 255, 255, 0.10));
}
.cpmain{
	width:100%;
	height:100%;
	padding:0 8.33vw;
	display: flex;
	align-items: center;
}
.cpshow{
	width:100%;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.cpshow .pic{
	width:40%;
}

.cpshow .tex{
	width:56%;
}
.cptit{
	width:100%;
	float:left;
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 2.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 3.75rem */
	text-transform: capitalize;
	margin-bottom:2.25rem;
}




























.red{
	color: var(--Color-3, #C30D23);
}
.w100{
	width:100%;
}
.fl{
	float:left;
}
.jz{
	justify-content: center;
}
.mart5{
	margin-top:5rem;
}
.mart3{
	margin-top:3.62rem;
}
.mart6{
	margin-top:6.25rem;
}
.marr1{
	margin-right:0.62rem;
}
.mart13{
	margin-top:13.75rem;
}
.mart10{
	margin-top:10rem;
}
.mart0{
	margin-top:0rem;
}



.pc{
	display: block;
}
.moblie{
	display: none;
}
.footer{position: absolute;}
.header2{
	display: none;
}
.dingw{ width:100%; float:left; margin-top:-180px;}	
}
@media (min-width:1000px) and (max-width:1720px){
.inlx .a01 dl dd{font-size: 0.9rem;}
.innum ul li{
	padding-bottom:2.0rem;
	margin-top:3.0rem;
}
.innum ul li dl dt{
	font-size:3.0rem;
}
.inabtex{
	padding:3.75rem 2.5rem;
}
.inabtex h1{
	font-size:2.0rem;
	margin-bottom:2.0rem;
}
.intit{
	font-size:2.0rem;
}
.infa{
	margin-top:3.0rem;
}
.inlx{
	padding:4.0rem;
}
.inlx.ny{
	background-color:transparent;
	padding:0;
}
.abtit div{
	font-size:1.7rem;
}

.tylb ul li{
	max-width:12.5%;
}


.cshu dl{
	padding:1.0rem 0;
}
.cshu dl dt{
	font-size:0.875rem;
}
.cshu dl dd{
	font-size:0.875rem;
}
.cptit{
	font-size:2.0rem;
	margin-bottom:1.0rem;
}



















.mart6{
	margin-top:5.0rem;
}
.mart5{
	margin-top:3.0rem;
}



}

@media (min-width:1000px) and  (max-width:1360px){

.index01 .a01 dl dt{
	font-size:1.0rem;
}
.index01 .a01 dl dd{
	font-size:2.0rem;
}
.index01 .a02{
	font-size:0.75rem;
}
.inmore a{
	width:9rem;
	height:2.5rem;
	font-size:0.75rem;
	padding:0.625rem 0.625rem 0.625rem 2.5rem
}
.inmore a::after{
	height:1.5rem;
	width:1.5rem;
	top:0.5rem;
}
.inmore a:hover::after{
	right:6.775rem;
}
.inmore a:hover{
	padding: 0.625rem 0.625rem 0.625rem 3.5rem;
}
.innum ul li{
	padding-bottom:1.0rem;
	margin-top:2.0rem;
}
.innum ul li dl dt{
	font-size:2.0rem;
}
.inabtex{
	padding:2.25rem 1.5rem;
	font-size:0.75rem;
}
.inabtex h1{
	font-size:1.5rem;
	margin-bottom:1.75rem;
}
.inabtex p{
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.innum ul li::after{
	width:2.0rem;
	height:2.0rem;
}
.prosm{
	font-size:0.75rem;
}
.protit{
	font-size:2.0rem;
}
.projs{
	width:33%;
	bottom:12.6%;
}
.proys ul li dl dd{
	font-size:0.75rem;
	margin-top:1.0rem;
}
.proys ul li{
	padding:0.5375rem 0.5375rem 1.82244rem 0.5375rem;
}
.proys{
	bottom:5.4%;
}
.intit{
	font-size:1.5rem;
	margin-top:5.0rem;
}
.infa{
	margin-top:2.0rem;
}
.inlx{
	margin-top:2.0rem;
}
.inlx.ny{
	background-color:transparent;
	padding:0;
}
.inlx{
	padding:1.5rem 2.0rem;
}
.inlx.ny{
	background-color:transparent;
	padding:0;
}
.inlx .a01 .pic img{
	max-width:1.5rem;
}
.inlx .a01 dl dt{
	font-size:0.875rem;
	margin-top:1.0rem;
}
.inlx .a01 dl dd{
	margin-top:1.0rem;
	font-size:0.65rem;
}

.index06{
	width: 100%;
	float: left;
	position:relative;
}

.foot01 .a01 dl{
	max-width:20%;
}
.foot02{
	margin-top:3.0rem;
	padding:1.0rem 0;
}
.foot01 .a01 dl dd{
	font-size:0.75rem;
	margin-top:0.5rem;
}
.footer.foot_show{
	height:20rem;
}
.foot01 .a02 dl dt img{
	max-width:50%;
}
.foot01 .a01 dl dd.mart2{
	margin-top:1.0rem;
}
.foot01 .a01 dl dt{
	font-size:0.875rem;
}

.foot{
	padding:3.0rem 8.33vw;
	padding-bottom:0px;
}
.innav ul li a{
	height:2.5rem;
}
.innav ul li .xiala{
	top:2.5rem;
}
.zyw a{
	width:2.5rem;
	height:2.5rem;
	font-size:0.75rem;
}
.foot01 .a02{
	width:12.0rem;
}
.foot01 .a01{
	width:70%;
}
.abtit{
	margin-top:2.7rem;
}
.abtit div{
	font-size:1.2rem;
}
.absp{
	margin-top:3.25rem;
}
.absm{
	margin-top:1.25rem;
}
.absm div{
	font-size:0.875rem;
}
.abwh{
	margin-top:2.0rem;
}
.abwh ul li .tex{
	padding:3.0rem 2.38rem;
}
.abwh ul li .tex dl dt{
	font-size:1.55rem;
	padding-bottom:1.0rem;
}
.abwh ul li .tex dl dd{
	margin-top:0.5rem;
	font-size:0.75rem;
}
.fwld ul li .pic img{
	max-height:2.0rem;
}
.solution .tex{
	display: inline-block;
}
.solution .tex dl dd{
	margin-top:2.0rem;
	font-size:0.75rem;
}
.solution .tex dl dt{
	font-size:1.25rem;
}
.subNav{
	margin-top:1.5rem;
	padding-bottom:1.0rem;
	font-size:0.875rem;
}
.navContent{
	font-size:0.75rem;
}
.fwld ul li{
	padding:1.0rem;
	width:calc(16.66% - 0.5rem);
	margin-right:0.5rem;
}
.fwld ul li dl dt{
	margin-top:1.0rem;
}
.fwld ul li dl dd{
	margin-top:0.5rem;
}

.tylb ul li{
	max-width:12.5%;
}
.tylb ul li dl dd{
	font-size:0.75rem;
}
.nab{
	margin-top:5.0rem;
}
.rtxt{
	margin-top:2.0rem;
	padding:0;
}

.rtxt2{
	margin-top:2.0rem;
}
.tysm{
	font-size:0.75rem;
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-top:1.5rem;
}
.rtxt2 img{
	max-height:50vh;
}
.lxbk{
	height:2.5rem;
	line-height:2.5rem;
}
.lx02-r{
	margin-top:1.5rem;
}
.lx02-r ul li{
	margin-top:0.5rem;
}
.lx02-r ul li:last-child{
	margin-top:1.0rem;
}

.cshu dl{
	padding:0.5rem 0;
}
.cshu dl dt{
	font-size:0.875rem;
}
.cshu dl dd{
	font-size:0.875rem;
}
.cptit{
	font-size:2.0rem;
	margin-bottom:1.0rem;
}





.mart13{
	margin-top:8.25rem;
}
.mart0{
	margin-top:0rem;
}
.mart10{
	margin-top:5.0rem;
}
.mart5{
	margin-top:2.0rem;
}
.mart6{
	margin-top:2.0rem;
}
.mart3{
	margin-top:1.5rem;
}

}




@media (max-width:999px) {

.footer{}
.footer.foot_show{}
.pc{
	display: none;
}
.moblie{
	width: 100%;
}
.header{
	display: none;
}
.header2{ 
	width:100%; 
	float:left; 
	height:4.875rem; 
	line-height:4.875rem;
	background: var(--Color-6, #212426);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 996;
	box-shadow: 0px 4px 23px 0px rgba(0,0,0,0.10); 
}
.logo{ 
	width:100%; 
	float:left; 
	height:4.875rem; 
	text-align:center;
}
.logo span{ 
	height:100%; 
	display:inline-block; 
	vertical-align:middle;
}
.logo img{ 
	max-width:50%; 
	max-height:4rem; 
	vertical-align:middle; 
}
.nav2{ 
	width:60%; 
	float:right; 
	line-height:110px; 
	height:110px; 
	text-align:right;
}
.nav2 a{ 
	width: auto; 
	font-size:16px; 
	margin-right:5%;
}
.nav-bar2 { 
	width:4.875rem; 
	height:4.875rem; 
	position:absolute; 
	z-index:11; 
	left:0%; 
	top:0; 
	text-align:center;
}
.nav-bar2 img{ 
	max-width:100%; 
	max-height:4.875rem; 
	vertical-align:middle;
}
.nav-bar2 span{ 
	display:inline-block; 
	height:100%; 
	vertical-align:middle;
}
.nav-bg { 
	width:0px; 
	height: auto; 
	overflow:hidden; 
	position: absolute; 
	right:0px; 
	top:0; 
	z-index:998;
}
.v_close { 
	display:block; 
	position: absolute; 
	top: 3%; 
	left:5%; 
	z-index:102;  
	width: 2.0rem; 
	height: 2.0rem; 
	background:url(../img/close.png) no-repeat; 
	background-size: contain; 
	display:none;
}
.nav { 
	margin:0 0 0 0;
}

.top-r{
	width:auto;
	display: flex;
	align-items: center;
	position:absolute;
	right:0.5rem;
	top:0;
	z-index:3;
}
.top-r .zyw{
	width:auto;
	display: flex;
	align-items: center;
	height:4.875rem;
	color: #fff;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	position:relative;
}
.top-r .zyw .a01{
	display: flex;
	align-items: center;
	text-align: center;
	font-family: "Microsoft YaHei";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.24rem;
	text-transform: uppercase;
	color:#FFF;
}
.top-r .zyw .a01::after{
	width: 0.75rem;
	height: 0.75rem;
	content:'';
	display:inline-block;
	background-image:url(../img/arrow2.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	margin-left:0.12rem;
	margin-top:-2px;
}
.top-r .zyw .a01::before{
	width: 1.2rem;
	height: 1.2rem;
	content:'';
	display:inline-block;
	background-image:url(../img/qiu.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	margin-right:0.32rem;
}

.top-r .zyw:hover .xl{
	opacity:1;
	visibility:visible;
}
.top-r .zyw .xl{
	width:100%;
	position:absolute;
	top:4.875rem;
	left:0;
	z-index:2;
	opacity:0;
	visibility:hidden;
	background-color:#FFF;
	padding:1.0rem;
	color: var(---333, #333);
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.top-r .zyw .xl a{
	color: var(---333, #333);
}

.subNavBox3{
	width:65%;
	float:right; 
	background: var(--Color-6, #212426); 
	padding-bottom:4rem;
}
.subNavBox3 h1{ 
	text-align:center; 
	height:4.875rem; 
	background: url(../img/topbj.png) no-repeat center;
	background-size:cover;
}
.subNavBox3 h1 span{ 
	height:100%; 
	display:inline-block; 
	vertical-align:middle;
}
.subNavBox3 h1 img{ 
	max-width:80%; 
	max-height:4rem; 
	vertical-align:middle;
} 
.subNav3{
	width:100%; 
	float:left; 
	HEIGHT:3.0rem;
	CURSOR: pointer; 
	padding-left:5%;
	text-align:left; 
	border-bottom:1px solid var(--10, rgba(255, 255, 255, 0.20)); 
	line-height:3.0rem; 
	font-size:1.0rem;
	font-weight: bold;
	display:flex;
}
.subNav3 a{
	width:100%;
	color:#FFF;
}
.subNav3 i{ 
	padding:0.3rem; 
	background:url(../img/jt01.png) no-repeat center / contain; 
	margin-right:1rem; 
	float:right; 
	margin-top:1.2rem;
}
.subNav3:hover{float:left; }
.currentDd3{ color: #FFFFFF;}
.currentDd3 a{
	color: #FFFFFF;
	width:100%;
}
.currentDd3 i{
	background:url(../img/jt001.png) no-repeat center / contain;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
	-webkit-transition:all .25s ease 0s;
	-moz-transition:all .25s ease 0s;
	-o-transition:all .25s ease 0s;
	transition:all .25s ease 0s;
}
.navContent3{
	display: none;
	float:left; 
	width:90%; 
	padding:0.5rem 5% 1rem 5%; 
	line-height:2.0rem; 
	font-size:0.8rem; 
	padding-bottom:0px;
	color:#FFF;
}
.navContent3 a{
	color:#FFF;
}
.navContent3 h2{
	font-size: 0.8rem;
	line-height: 2.0rem;
	font-weight:normal;
}

.main{
	width:100%;
	float:left;
	padding:0 8.33vw;
}


.index01{
	width: 100%;
	float: left;
	margin-top:4.875rem;
	position:relative;
}
.index01 .a01{
	width:100%;
	position:absolute;
	left:2.0vw;
	bottom:10%;
}
.index01 .a01 dl dt{
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-family: zt4;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
}
.index01 .a01 dl dd{
	margin-top:0.5rem;
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
}
.index01 .a02{
	width:100%;
	float:left;
	margin-top:3.0rem;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.8rem */
	text-transform: capitalize;
}
.inmore{
	display: flex;
}
.inmore a{
	width: 8rem;
	height: 2.5rem;
	padding: 0.625rem 0.625rem 0.625rem 1.77863rem;
	display:flex;
	align-items: center;
	border-radius: 6.25rem;
	background: var(--10, rgba(255, 255, 255, 0.10));
	position:relative;
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	text-transform: uppercase;
}
.inmore a::after{
	width: 1.5rem;
	height: 1.5rem;
	content:'';
	display:inline-block;
	position:absolute;
	right:0.625rem;
	top:0.5rem;
	z-index:1;
	background-image:url(../img/jt.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	transition: all 0.6s;
}
.inmore a:hover::after{
	right:5.875rem;
}
.inmore a:hover{
	background: var(---Gray-6, #F2F2F2);
	color: var(---333, #333);
	padding: 0.625rem 0.625rem 0.625rem 2.77863rem;
}




.index02{
	width: 100%;
	float: left;
}
.inab{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	padding:3.0rem 8.33vw;
}
.inab.ny{
	margin-top:5.25rem;
}
.innum{
	width:100%;
}
.innum ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.innum ul li{
	width:100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	padding-bottom:1.0rem;
	border-bottom:1px solid rgba(255, 255, 255, 0.30);
	margin-top:2.0rem;
}
.innum ul li:first-child{
	margin-top:0px;
}
.innum ul li dl dt{
	color: var(---white, #FFF);
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.innum ul li dl dd{
	margin-top:0.62rem;
	color: var(---white, #FFF);
	font-family: Arial;
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.innum ul li::after{
	width: 2.0rem;
	height: 2.0rem;
	content:'';
	display:inline-block;
	background-image:url(../img/gy01.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
.innum ul li:nth-child(2)::after{
	background-image:url(../img/gy02.svg);
}
.innum ul li:nth-child(3)::after{
	background-image:url(../img/gy03.svg);
}
.inabtex{
	width:100%;
	border-radius: 1.5rem;
	border: 2px solid var(--10, rgba(255, 255, 255, 0.30));
	background: var(---black, #000);
	/* 0.4背景模糊 */
	backdrop-filter: blur(12.5px);
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.8rem */
	text-transform: capitalize;
	padding:3.25rem 2.5rem;
	margin-top:2.0rem;
}
.inabtex h1{
	margin-bottom:1.75rem;
	color: var(---white, #FFF);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	font-family: zt4;
}


.index02.ny .inab{
	padding:7.25rem 8.33vw;
	padding-bottom:2.94rem;
}

.index03{
	width: 100%;
	height:100%;
	float: left;
	background-image:url(img/ren.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size: auto 88.3%;
	padding:0 8.33vw;
}
.index03.ny{
	height: auto;
	position:relative;
	margin-top:8.0rem;
}
.projs{
	width:100%;
	float:left;
}
.protit{
	width:100%;
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
}
.prosm{
	width:100%;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.8rem */
	text-transform: capitalize;
}
.proys{
	width:100%;
	float:left;
	margin-top:1.0rem;
}
.proys ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.proys ul li{
	width:calc(33.33% - 0.62rem);
	height:auto;
	padding: 0.9375rem 0.9375rem 2.82244rem 0.9375rem;
	border-radius: 12.5rem;
	border: 2px solid var(--10, rgba(255, 255, 255, 0.10));
	background: var(--Color-5, rgba(181, 181, 181, 0.10));
	/* 0.4背景模糊 */
	backdrop-filter: blur(12.5px);
	margin-right:0.62rem;
	margin-top:0.62rem;
	transition: all 0.6s;
}
.proys ul li:nth-child(3n){
	margin-right:0px;
}
.proys ul li dl dt{
	overflow:hidden;
}
.proys ul li dl dt img{
	width:100%;
	height:auto;
	display:block;
}
.proys ul li dl dd{
	margin-top:1.93rem;
	color: var(---white, #FFF);
	text-align: center;
	font-family: zt4;
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
}





.index04{
	width: 100%;
	float: left;
}


.famain{
	width:100%;
	float:left;
	padding:0 8.33vw;
}
.intit{
	width:100%;
	float:left;
	color: var(---white, #FFF);
	text-align: center;
	font-family: zt4;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	margin-top:3.0rem;
}
.infa{
	width:100%;
	float:left;
	margin-top:2.0rem;
}
.infa ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.infa ul li{
	width:48%;
	margin-top:1.0rem;
	border-radius: 1rem;
	background: var(---black, #000);
	overflow:hidden;
	position:relative;
}
.infa ul li img{
	width:100%;
	height:auto;
	display:block;
	transition: all 0.6s;
}
.infa ul li:hover img{
	transform: scale(1.05);
}
.infa ul li .tex{
	width:100%;
	position:absolute;
	left:0rem;
	top:1.5rem;
	padding:0 1.25rem;
	z-index:1;
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.infa ul li .tex img{
	max-height:2.0rem;
	width:auto;
}
.index05{
	width: 100%;
	float: left;
	position:relative;
}

.lxwrap{
	width:100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.inlx{
	width:100%;
	float:left;
	margin-top:2.0rem;
	padding: 3rem 2.0rem;
	border-radius: 1.5rem;
	background: var(--Color-5, rgba(181, 181, 181, 0.10));
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.inlx .a01{
	width:100%;
}
.inlx .a01 .pic{
	overflow:hidden;
}
.inlx .a01 .pic img{
	max-width:2.25rem;
}
.inlx .a01 dl dt{
	margin-top:1.0rem;
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
}
.inlx .a01 dl dd{
	margin-top:1.0rem;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}
.inlx .sx{
	width:100%;
	height:1px;
	background: rgba(255, 255, 255, 0.30);
	margin-bottom:2.0rem;
	margin-top:2.0rem;
}

.foot{
	width:100%;
	float:left;
	background: var(--Color-6, #000);
	padding:3.0rem 8.33vw;
	padding-bottom:0;
}

.foot01{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.foot01 .a01{
	width:61.3%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	display:none;
}
.foot01 .a01 dl{
	width:auto;
}
.foot01 .a01 dl dt{
	font-size: 1rem;
	color:#FFF;
	margin-bottom:15px;
}
.foot01 .a01 dl dd{
	color:rgba(255, 255, 255, 0.60);
	font-family: "Microsoft YaHei";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top:1.0rem;
}
.foot01 .a01 dl dd.mart2{
	margin-top:1.87rem;
}
.foot01 .a01 dl dd a{
	color:rgba(255, 255, 255, 0.60);
}
.foot01 .a02{
	width:12.1rem;
}
.foot01 .a02 dl dt{
	overflow:hidden;
}
.foot01 .a02 dl dt img{
	max-width:100%;
}
.foot01 .a02 dl dd{
	margin-top:2.63rem;
}
.foot02{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top:3.5rem;
	border-top:1px solid rgba(255, 255, 255, 0.1);
	padding:1.5rem 0vw;
	color: var(---999, #999);
	font-size: 0.75rem;
}
.foot02 div{
	display: flex;
	align-items: center;
}
.foot02 div a{
	display:flex;
	margin-right:1.25rem;
	margin-top:1.0rem;
}

.nymain{
	width:100%;
	float:left;
	padding:0 8.33vw;
}
.nymain2{
	width:100%;
	float:left;
	padding:0 8.33vw;
}
.nab{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.nab-l{
	width:100%;
}
.nab-l.w41{
	width:100%;
}
.nab-r{
	width:100%;
	margin-top:2.0rem;
}
.nab-r img{
	width:100%;
	height:auto;
	display:block;
}
.abtit{
	width:100%;
	float:left;
	margin-top:2.7rem;
	display: flex;
	justify-content:center;
}
.abtit div{
	width:100%;
	color: var(---white, #FFF);
	text-align: center;
	font-family: zt4;
	font-size: 1.0rem;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 4.5rem */
	text-transform: capitalize;
}
.absp{
	width:100%;
	float:left;
	margin-top:3.25rem;
}
.absp img{
	width:100%;
	height:auto;
	display:block;
}
.absm{
	width:100%;
	float:left;
	margin-top:3.25rem;
	display: flex;
	justify-content:center;
}
.absm div{
	width:100%;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.8rem */
	text-transform: capitalize;
}

.abwh{
	width:100%;
	float:left;
	margin-top:2.0rem;
}
.abwh ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.abwh ul li{
	width:100%;
	margin-top:3.75rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-radius: 1.5rem;
	background: var(--Color-5, rgba(181, 181, 181, 0.10));
	overflow:hidden;
}
.abwh ul li .pic{
	width:100%;
	overflow:hidden;
	border-radius: 1.5rem;
}
.abwh ul li .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;      /* 关键属性：保持比例填充容器 */
    display: block;         /* 消除图片底部间隙 */
}
.abwh ul li .tex{
	width:100%;
	padding:3.0rem 2.0rem;
}
.abwh ul li .tex dl dt{
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
	padding-bottom:1.0rem;
}
.abwh ul li .tex dl dd{
	margin-top:1.0rem;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.8rem */
	text-transform: capitalize;
}
.rtxt{
	width:100%;
	float:left;
	margin-top:2.0rem;
	border-radius: 1.5rem;
	background: var(--Color-5, rgba(181, 181, 181, 0.10));
	padding:3.0rem 0;
}
.rtxt img{
	max-width:100%;
}
.rtxt2{
	width:100%;
	float:left;
	margin-top:5.0rem;
}
.rtxt2 img{
	max-width:100%;
}
.tysm{
	width:100%;
	float:left;
	margin-top:2.0rem;
	color: var(--60, rgba(255, 255, 255, 0.60));
	text-align: center;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.8rem */
	text-transform: capitalize;
}

.tylb{
	width:100%;
	float:left;
	margin-top:3.25rem;
}
.tylb ul{
	display: flex;
	flex-wrap: wrap;
}
.tylb ul li{
	width:calc(33.33% - 0.62rem);
	margin-right:0.62rem;
	height:auto;
	padding: 0.9375rem 0.9375rem 1.82244rem 0.9375rem;
	border-radius: 12.5rem;
	border: 2px solid var(--10, rgba(255, 255, 255, 0.10));
	background: var(--Color-5, rgba(181, 181, 181, 0.10));
	/* 0.4背景模糊 */
	backdrop-filter: blur(12.5px);
	margin-right:0.31rem;
	margin-left:0.31rem;
	margin-top:0.62rem;
	transition: all 0.6s;
}
.tylb ul li:nth-child(3n){
	margin-right:0px;
}
.tylb ul li dl dt{
	overflow:hidden;
}
.tylb ul li dl dt img{
	width:100%;
	height:auto;
	display:block;
}
.tylb ul li dl dd{
	margin-top:1.0rem;
	color: var(---white, #FFF);
	text-align: center;
	font-family: zt4;
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
}
.tylb ul li:hover{
	background: var(---white, #FFF);
	/* 0.4背景模糊 */
	backdrop-filter: blur(12.5px);
}
.tylb ul li:hover dl dd{
	color: var(---333, #333);
}

.allist{
	width:100%;
	float:left;
	margin-top:3.75rem;
}
.allist ul{
	display: flex;
	flex-wrap: wrap;
}
.allist ul li{
	width:25%;
}
.allist ul li img{
	width:100%;
	height:auto;
	display:block;
}
.cshu{
	width:100%;
	float:left;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.cshu dl{
	width:100%;
	padding:1.5rem 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom:1px solid var(--60, rgba(255, 255, 255, 0.20));
}
.cshu dl dt{
	width:35%;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: capitalize;
}
.cshu dl dd{
	width:65%;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: capitalize;
}

.solution{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.solution .pic{
	overflow:hidden;
	width:100%;
	position: relative;
	border-radius: 1.5rem;
	background: var(---black, #000);
}
.solution .pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;      /* 关键属性：保持比例填充容器 */
    display: block;         /* 消除图片底部间隙 */
}
.solution .tex{
	width:100%;
	padding:2.0rem 0;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
.solution .tex dl dt{
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: capitalize;
}
.solution .tex dl dd{
	margin-top:2.7rem;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.8rem */
	text-transform: capitalize;
}

.subNavBox{
	width:100%;
	float:left;
	margin-top:3.0rem;
}
.subNav{
	width:100%; 
	float:left; 
	HEIGHT: auto;
	DISPLAY: block;  
	CURSOR: pointer; 
	text-align:left; 
	border-bottom:0px solid rgba(255, 255, 255, 0.30);
	padding-bottom:1.25rem;
	font-size:1.0rem;
	margin-top:2.5rem;
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.subNav:hover{float:left; }
.currentDd{
	border-bottom:0px solid rgba(255, 255, 255, 0.30);
}
.currentDd a{
	color: #FFF;
}

.navContent{
	display: block;
	float:left; 
	width:100%;
	padding-bottom:1.25rem;
	padding-top:1.25rem;
	border-bottom:1px solid rgba(255, 255, 255, 0.30);
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.575rem */
}
.fwld{
	width:100%;
	float:left;
	margin-top:2.75rem;
}
.fwld ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.fwld ul li{
	width:48%;
	margin-top:1.0rem;
	border-radius: 1.5rem;
	border: 2px solid var(--10, rgba(255, 255, 255, 0.10));
	background: var(--Color-5, rgba(181, 181, 181, 0.10));
	/* 0.4背景模糊 */
	backdrop-filter: blur(12.5px);
	padding: 2.0rem 1.5rem;
	text-align:center;
	transition: all 0.6s;
}
.fwld ul li:nth-child(6n){
	margin-right:0px;
}
.fwld ul li .pic{
	overflow:hidden;
}
.fwld ul li .pic img{
	max-height:3.125rem;
}
.fwld ul li dl dt{
	margin-top:2.5rem;
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 1rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
}
.fwld ul li dl dd{
	margin-top:1.25rem;
	color: var(--30, rgba(255, 255, 255, 0.30));
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.35rem */
	text-transform: capitalize;
}
.fwld ul li:hover{
	background-color:#FFF;
}
.fwld ul li:hover dl dt{
	color: var(--Color-6, #212426);
}
.fwld ul li:hover dl dd{
	color: var(--Color-6, #212426);
}

.lx02-r{
	width:100%;
	float:left;
	margin-top:2.0rem;
}
.lx02-r ul{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.lx02-r ul li{
	width:100%;
	margin-top:1.0rem;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.lx02-r ul li:first-child{
	margin-top:0px;
}
.lx02-r ul li:last-child{
	margin-top:2.5rem;
}
.lx02-r ul li.w100{
	width:100%;
}
.lxanniu{
	width:calc(100% - 12.4rem);
	height: 3.0rem;
	padding:0 1.0rem;
	text-align:right;
	background: #888B8B;
	color: var(---white, #FFF);
	font-family: zt;
	font-size: 1.0rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.0rem; /* 2.20375rem */
	border:0;
	cursor:pointer;
}
.lxbk{
	width:100%;
	border:0px;
	padding:0 1.0rem;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.0rem; /* 1.763rem */
	height: 3.0rem;
	outline:none;
	font-family:zt;
	border-radius: 0.5rem;
	border: 1px solid var(--Color-6, #212426);
	background: var(--10, rgba(255, 255, 255, 0.10));
}

.cpmain{
	width:100%;
	height:100%;
	padding:0 8.33vw;
	display: flex;
	align-items: center;
}
.cpshow{
	width:100%;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.cpshow .pic{
	width:100%;
}

.cpshow .tex{
	width:100%;
	margin-top:2.0rem;
}
.cptit{
	width:100%;
	float:left;
	color: var(---white, #FFF);
	font-family: zt4;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 3.75rem */
	text-transform: capitalize;
	margin-bottom:2.25rem;
}








.red{
	color: var(--Color-3, #C30D23);
}
.w100{
	width:100%;
}
.fl{
	float:left;
}
.jz{
	justify-content: center;
}
.mart5{
	margin-top:3rem;
}
.mart3{
	margin-top:2.62rem;
}
.mart6{
	margin-top:3.25rem;
}
.marr1{
	margin-right:0.62rem;
}
.mart13{
	margin-top:7.75rem;
}
.mart10{
	margin-top:7rem;
}

.mart0{
	margin-top:0rem;
}
.dingw{ width:100%; float:left; margin-top:-5rem;}	





}



.intit.ny{
	text-align:left;
}