*{
	margin: 0;
	padding: 0;
	white-space:normal !important;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
}
a{
	text-decoration: none;
	color: #fff;
	transition: all .5s;
-webkit-transition: all .5s;
}
a:hover{
	color: #fff;
	transition: all .5s;
-webkit-transition: all .5s;
}
li{
	list-style: none;
}
.sf-body{
	width: 100%;
	overflow: hidden;
}
img{
	vertical-align: middle;
	max-width: 100%;
	
}
img.max{
	width: 100%;
}
.bjimg img{
	 width: 100%;
    height: 100%;
    object-fit: cover;
}

@font-face{
	font-family: HarmonyOS_Sans_Medium;
	src: url('../fonts/HarmonyOS_Sans_Medium.woff2'), 
		 url('../fonts/HarmonyOS_Sans_Medium.TTF'),
		 url('../fonts/HarmonyOS_Sans_Medium.eot'); 
}
.fm-HOS-M{
	font-family: HarmonyOS_Sans_Medium;
	font-weight: 500;
}

@font-face{
	font-family: HarmonyOS_Sans_Regular;
	src: url('../fonts/HarmonyOS_Sans_Regular.woff2'), 
		 url('../fonts/HarmonyOS_Sans_Regular.TTF'),
		 url('../fonts/HarmonyOS_Sans_Regular.eot'); 
}
.fm-HOS-R{
	font-family: HarmonyOS_Sans_Regular;
	font-weight: 500;
}
@font-face{
	font-family: BENTONSANS-BOLD;
	src: url('../fonts/BENTONSANS-BOLD.woff2'), 
		 url('../fonts/BENTONSANS-BOLD.TTF'),
		 url('../fonts/BENTONSANS-BOLD.eot'); 
}
.fm-BT-B{
	font-family: BENTONSANS-BOLD;
}

body{
	width: 100%;
	font-size: 16px;
	background: #000;
	color: #fff;
    line-height: 1.5;
    width: 100%;
    font-family: BENTONSANS-BOLD;
}


header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 19;
	height: 5.2vw;
	border-bottom: 1px solid rgba(255,255,255,.2);
transition: all .5s;
-webkit-transition: all .5s;
}
.logo{
	display: inline-block;
	width: 10vw;
	line-height: 5.2vw;
	position: relative;
	z-index: 2;
}
.header-nav{
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
}
.header-a{
	margin:0 2.1vw;
	display: inline-block;
	vertical-align: top;
	height: 5.2vw;
	line-height: 5.2vw;
}
@media(min-width:1201px){
	.header-a:hover{
		line-height: 4vw;
	}
}

.header-dx{
	width: 35px;
	margin-top: 25px;
	text-align: right;
	margin-left:40px ;
	overflow: hidden;
	float: right;
	display: none;
}
.header-dx1,.header-dx2,.header-dx3{
	width: 100%;
	height: 4px;
	margin-bottom: 8px;
	background:#fff;
	float: right;
	
}
.header-dx div{
	transition: all .5s; 
}
.header-dx.cli .header-dx1{
	-webkit-transform: rotate(44deg);
   -ms-transform: rotate(44deg);
   transform: rotate(44deg);
  transform-origin:0%;
  -ms-transform-origin:0%;
  -webkit-transform-origin:0%;
  -moz-transform-origin:0%;
  transition: all .5s; 
}
.header-dx.cli .header-dx2{
   opacity: 0;
   transition: all .5s; 
}
.header-dx.cli .header-dx3{
	-webkit-transform: rotate(-44deg);
   -ms-transform: rotate(-44deg);
   transform: rotate(-44deg);
   position: relative;
   top:1px;
  transform-origin:0%;
  -ms-transform-origin:0%;
  -webkit-transform-origin:0%;
  -moz-transform-origin:0%;
  transition: all .5s; 
}
header.on{
	background: #000;
transition: all .5s;
-webkit-transition: all .5s;
}
@media(max-width:1200px){
	header{
		height: 80px;
	}
	.header-dx{
		display: block;
	}
	.logo{
		width: 150px;
		line-height: 80px;
	}
	.header-nav{
		position: absolute;
		top: 80px;
		left: 0;
		width: 100%;
		height: 100vh;
		background: #000;
		padding: 5% 4%;
		display: none;
	}
	.header-a{
		display: block;
		width: 100%;
		margin: 0;
		font-size: 20px;
		height: auto;
		line-height: 100px;
		border-bottom: 1px solid rgba(255,255,255,.5);
		text-align: left;
	}
	
	header.bj{
		background: #000;
	}
}
@media(max-width:750px){
	header{
		height: 1rem;
	}
	.logo{
		width: 2rem;
		line-height: 1rem;
	}
	.header-nav{
		top: 1rem;
	}
	.header-a{
		line-height: 1rem;
		font-size: .3rem;
	}
	.header-dx{
		display: block;
		width: .45rem;
		margin-top: .1rem;
		margin-left: .45rem;
		padding-top: .23rem;
		margin-right: 0;
	}
	.header-dx1, .header-dx2, .header-dx3{
		height: .04rem;
		margin-bottom: .11rem;
	}
}

footer{
	background: #161616;
}
.footer{
	padding: 2.5vw 0;
	font-size: 0;
}
.footer-lt{
	width: 50%;
	padding-top: 2.5vw;
	display: inline-block;
	vertical-align: top;
}
.footer-lt img{
	width: 10vw;
}
.footer-rt{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	text-align: right;
}
.footer-c a{
	display: inline-block;
	vertical-align: top;
	margin-left: .5vw;
	width: 2.34375vw;
	border-radius: 100%;
}
.footer-c a:hover{
	background: rgba(255,255,255,.2);
}
.footer-d2{
	display: inline-block;
	vertical-align: top;
	width: 24vw;
	line-height: 3.125vw;
	padding: 0 1.2vw;
	background: #fff url(../img/ico14.png) no-repeat 95% center; 
	background-size: 1.3vw;
	text-align: left;
	color: #353535 !important;
}
.footer-btm{
	background: #000;
}
.footer-ef{
	overflow: hidden;
	padding: 1.2vw 0;
}
.footer-e{
	display: inline-block;
	max-width: 46%;
	float: left;
}
.footer-f{
	display: inline-block;
	max-width: 46%;
	float: right;
}
@media(max-width:1200px){
	.footer{
		padding: 40px 0;
	}
	.footer-c a{
		width: 40px;
		margin-left: 10px;
	}
	.footer-d2{
		width: 300px;
		line-height: 40px;
		padding: 0 20px;
		background-size: 20px;
	}
	.footer-ef{
		padding: 15px 0;
	}
	.footer-lt{
		padding-top: 20px;
	}
	.footer-lt img{
		width: 150px;
	}
}
@media(max-width:750px){
	.footer{
		padding: .6rem 0;
	}
	.footer-lt{
		padding: 0;
		width: 100%;
	}
	.footer-rt{
		width: 100%;
		margin-top: .4rem;
		text-align: left;
	}
	.footer-c a{
		margin-left: 0;
		margin-right: 10px;
	}
	.footer-d2{
		width: 5rem;
	}
	.footer-e,
	.footer-f{
		width: 100%;
		max-width: 100%;
		margin: 3px 0;
	}
}



.about-top{
	width: 100%;
	position: relative;
	height: 52vw;
	max-height: 100vh;
}
.about-a{
	width: 33.33vw;
	position: absolute;
	top: 19.8vw;
	left: 50%;
	z-index: 2;
	margin-left: -16.66vw;
	text-align: center;
}
.about-a2{
	margin-top: 2.6vw;
}

.about-b{
	position: absolute;
	bottom:4.2vw;
	left: 50%;
	opacity: .45;
	text-align: center;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	z-index: 3;
	cursor: pointer;
transition: all .5s;
-webkit-transition: all .5s;  
}
.about-b:hover{
	opacity: 1;
transition: all .5s;
-webkit-transition: all .5s;  
}
.about-b2{
	width: 1.2vw;
}


.about-bj{
	position: relative;
	overflow: hidden;
}
.about-bj-img{
	background: no-repeat center top;
	background-size: 100% auto;
}
.about-cnt{
	position: relative;
	z-index: 2;
	padding: 11vw 0;
}
.about-c{
	padding-right: 7.5vw;
}
.about-d{
	margin-top: 4vw;
}
.about-e{
}
.about-fg{
	margin-top: 7.8125vw;
	overflow: hidden;
}
.about-f{
	width: 35%;
	float: left;
	padding-top: 3.7vw;
}
.about-f1{
	height: 4.16vw;
}
.about-f3{
	width: 19.27vw;
}
.about-g{
	font-size: 0;
	width: 37.5vw;
	float: right;
	overflow: hidden;
	border-radius: 1vw;
}
.about-h{
	margin-top: 14.0625vw;
	text-align: center;
}
.about-j{
	margin-top: 4.785vw;
	background: rgba(87,88,88,.25);
	border-radius: 1vw;
	overflow: hidden;
}
.about-jli{
	width: 16.666%;
	float: left;
	height: 15.1vw;
	padding: 2.6vw 1.2vw;
	text-align: center;
	border-left: 1px solid rgba(255,255,255,.1);
}
.about-jli:first-child{
	border: 0;
}
.about-j1{
	height: 5.2vw;
}
.about-km{
	margin-top: 15.625vw;
	overflow: hidden;
}
.about-k{
	width: 35.156vw;
	float: left;
	overflow: hidden;
	border-radius: 1vw;
}
.about-m{
	width: 31.25vw;
	float: right;
	padding: 0 2.5vw;
	text-align: right;
	margin-top: 10vw;
}
@media(max-width:1200px){
	.about-a{
		width: 500px;
		margin-left: -250px;
	}
	.about-b2{
		width: 20px;
	}
	.about-f{
		width: 45%;
		padding-top: 20px;
	}
	.about-f3{
		width: 100%;
	}
	.about-g{
		width: 45%;
	}
	.about-jli{
		height: 180px;
		padding: 30px 10px;
	}
	.about-k{
		width: 40%;
	}
	.about-m{
		width: 40%;
		margin-top: 50px;
		padding: 0;
	}
	.about-c{
		padding: 0;
	}
}
@media(max-width:1000px){
	.about-top{
		height: 65vw;
	}
	.about-a{
		top: 22vw;
	}
	.about-f{
		padding-top: 0;
	}
	.about-jli{
		width: 33.333%;
	}
	.about-jli:nth-child(n + 4){
		border-top: 1px solid rgba(255,255,255,.1);
	}
	.about-jli:nth-child(4){
		border-left: 0;
	}
	.about-j1{
		height: 45px;
	}
}
@media(max-width:750px){
	.about-top{
		height: 100vh;
	}
	.about-a{
		top: 40%;
		width: 80%;
		margin-left: -40%;
	}
	.about-a2{
		font-size: .24rem;
		line-height: 1.5;
		margin-top: .3rem;
	}
	.about-cnt{
		padding: 1rem 0;
	}
	.about-c{
		font-size: .4rem;
	}
	.about-d{
		font-size: .36rem;
		margin-top: .6rem;
	}
	.about-e{
		font-size: .26rem;
		margin-top: .4rem;
	}
	.about-fg{
		margin-top: 1rem;
	}
	.about-f{
		width: 100%;
	}
	.about-f1{
		height: .8rem;
	}
	.about-g{
		width: 100%;
		margin-top: .6rem;
		border-radius: .2rem;
	}
	.about-h{
		margin-top: 1rem;
		font-size: .45rem;
	}
	.about-j{
		margin-top: .8rem;
	}
	.about-jli{
		width: 50%;
		height: 2.6rem;
		padding: .4rem .2rem;
	}
	.about-jli:nth-child(3){
		border-top: 1px solid rgba(255,255,255,.1);
		border-left: 0;
	}
	.about-jli:nth-child(4){
		border-left: 1px solid rgba(255,255,255,.1);
	}
	.about-jli:nth-child(5){
		border-left: 0;
	}
	.about-j1{
		height: .8rem;
	}
	.about-j2{
		font-size: .3rem;
		margin-top: .2rem;
	}
	.about-km{
		margin-top: 1rem;
	}
	.about-k{
		width: 45%;
		border-radius: .2rem;
	}
	.about-m{
		width: 45%;
		margin-top: 8vw;
		font-size: .3rem;
	}
}



.contact{
	width: 100%;
	min-height: 78.125vw;
	position: relative;
	overflow: hidden;
}
.contact-cnt{
	padding: 20.833vw 0 5.2vw 0;
	position: relative;
	z-index: 2;
}
.contact-ul{
	margin-top: 15.625vw;
	font-size: 0;
	position: relative;
}
.contact-li{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding-top: 3.9vw;
	height: 13.54vw;
}
.contact-lt{
	width: 7.8125vw;
	display: inline-block;
	vertical-align: top;
	padding-top: .6vw;
}
.contact-lt img{
	width: 5.73vw;
}
.contact-rt{
	display: inline-block;
	vertical-align: top;
}
.contact-c{
	margin-top: 1vw;
}
.contact-c a{
	display: inline-block;
	vertical-align: top;
	margin-right: .6vw;
	border-radius: 100%;
	width: 3.125vw;
transition: all .5s;
-webkit-transition: all .5s;  
}
.contact-c a:hover{
	background: rgba(255,255,255,.2);
transition: all .5s;
-webkit-transition: all .5s;  
}
.contact-c a img{
	width: 100%;
}
.contact-d2{
	display: inline-block;
	vertical-align: top;
	line-height: 1.5;
}
.contact-d2 span{
	border-bottom: 1px solid #fff;
}
.contact-ul:after{
	content: '';
	width: 100vw;
	height: 1px;
	background: rgba(255,255,255,.1);
	position: absolute;
	left:50%;
	top: 0;
	margin-left: -50vw;
}
.contact-ul:before{
	content: '';
	width: 100vw;
	height: 1px;
	background: rgba(255,255,255,.1);
	position: absolute;
	left:50%;
	top: 13.54vw;
	margin-left: -50vw;
}
@media(max-width:1200px){
	.contact{
		min-height: 100vh;
	}
	.contact-cnt{
		padding-top: 40vw;
	}
	.contact-li{
		height: 160px;
	}
	.contact-ul:before{
		top: 160px;
	}
	.contact-lt{
		width: 100px;
	}
	.contact-lt img{
		width: 70px;
	}
	.contact-c{
		margin-top: 10px;
	}
	.contact-c a{
		width: 50px;
		margin-right: 10px;
	}
}

@media(max-width:750px){
	.contact-ul:before,
	.contact-ul:after{
		display: none;
	}
	.contact-li{
		width: 100%;
		position: relative;
		height: auto;
		padding: .5rem 0;
	}
	.contact-li:after{
		content: '';
		width: 100vw;
		height: 1px;
		background: rgba(255,255,255,.1);
		position: absolute;
		left:50%;
		top: 0;
		margin-left: -50vw;
	}
	.contact-c a{
		width: .8rem;
	}
}


.case-top{
	height: 42.7vw;
	width: 100%;
	position: relative;
}
.case-a{
	width: 60vw;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}

.case-div{
	position: relative;
	/*min-height: 100vh;*/
	padding: 3.75vw 0;
}
.case-ce{
	position: relative;
	z-index: 2;
}
.case-d{
	position: relative;
	margin-top: 3.7vw;
}
.case-d1{
	border-radius: 1.5vw;
	overflow: hidden;
}
.gyvd-i{
	background: url(../img/ico06.png) no-repeat center; 
	background-size: 3.1vw;
	cursor: pointer;
}
.case-d3{
	width: 100%;
}
.case-d3 video{
	width: 100%;
}
.case-e{
	margin-top: 2.6vw;
	width: 102%;
	overflow: hidden;
}
.case-eli{
	width: 31.333%;
	margin-right: 2%;
	margin-bottom: 3%;
	float: left;
	opacity: .5;
}
.case-e1{
	opacity: 1;
}
.case-fh{
	padding: 1vw 0 5.2vw 0;
}
.case-g{
	width: 101.4%;
	font-size: 0;
	margin-top: 4.16vw;
}
.case-gli{
	width: 31.933%;
	margin-right: 1.4%;
	margin-bottom: 2%;
	position: relative;
	display: inline-block;
	vertical-align: top;
	border-radius: 1vw;
	height: 15.365vw;
	
}
@media(max-width:1200px){
	.case-gli{
		height: 18.2vw;
	}
	.gyvd-i{
		background-size: 50px;
	}
	.case-top{
		height: 52vw;
	}
}
@media(max-width:1000px){
	.case-e{
		width: 100%;
	}
	.case-eli{
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	
}
@media(max-width:750px){
	.case-top{
		height: 100vw;
	}
	.case-div{
		padding: .6rem 0;
	}
	.case-c{
	/*	font-size: .45rem;*/
	}
	.case-d{
		margin-top: .4rem;
	}
	.case-d1{
		border-radius: .2rem;
	}
	.gyvd-i{
		background-size: .8rem;
	}
	.case-e{
		margin-top: .4rem;
	}
	.case-eli{
		margin-bottom: .2rem;
	}
	.case-fh{
		padding: .4rem 0 1rem 0;
	}
	.case-g{
		width: 100%;
		margin-top: .6rem;
	}
	.case-gli{
		width: 100%;
		height: 45vw;
		margin-right: 0;
		margin-bottom: .3rem;
		border-radius: .2rem;
	}
}

.products-a{
	width: 60vw;
	margin-left: -30vw;
}
.products-bc-bj{
	background: url(../img/img13.jpg)  no-repeat center; 
	background-size: cover;
}
.products-bc{
	padding: 5.2vw 0 10vw 0;
}
.products-c{
	width: 102%;
	font-size: 0;
	margin-top: 6.25vw;
}
.products-cli{
	display: inline-block;
	vertical-align: top;
	width: 31.333%;
	margin-right: 2%;
	margin-bottom: 4%;
	text-align: center;
}
.products-c1 img{
	height: 4.6875vw;
}
.products-c3{
	opacity: .5;
}
.products-df{
	padding: 4.16vw 0;
	position: relative;
	z-index: 2;
}
.products-e2{
	display: inline-block;
    vertical-align: top;
    background: url(../img/img14.jpg);
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
.products-f{
	margin-top: 5.2vw;
}
.products-f img{
	width: 100%;
}
.products-gh-bj{
	position: relative;
	z-index: 1;
}
.products-gh-img{
	width: 100%;
	height: 100%;
	min-height: 58.33vw;
	position: absolute;
	top: -35vw;
	left: 0;
	background:  no-repeat center top;
	background-size: 100% auto;
}
.products-gh{
	padding-top: 7.3vw;
	width: 95.833vw;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.products-h{
	margin-top: 6.25vw;
	width: 101.6%;
	font-size: 0;
}
.products-hli{
	width: 18.4%;
	display: inline-block;
	vertical-align: top;
	margin-right: 1.6%;
	margin-bottom: 2.5%;
}
.products-h1{
	height: 20.573vw;
	border-radius: 1vw;
	overflow: hidden;
}
.products-h2{
	min-height: 3.125vw;
}
.products-h3 div{
	min-height: 2.5vw;
	margin-bottom: 1vw;
}

.products-jk{
	width: 88.54166vw;
	margin: 0 auto;
	padding-top: 4.16vw;
}
.products-kul{
	width: 101.5%;
	font-size: 0;
	margin-top: 3.125vw;
}
.products-kli{
	display: inline-block;
	vertical-align: top;
	width: 23.5%;
	margin-right: 1.5%;
	margin-bottom: 1.5%;
	border-radius: 1vw;
	background: #212121;
}
.products-k1{
	width: 100%;
	height: 17.1875vw;
	overflow: hidden;
}
.products-k23{
	padding: 1.2vw;
	min-height: 6.5vw;
}
.products-mo{
	padding: 5.2vw 0 7.8215vw 0;
}
.products-n{
	margin-top: 4.16vw;
}
.products-o{
	width: 40vw;
	margin-left: 4.8vw;
	margin-top: -7.3vw;
	position: relative;
	z-index: 2;
}
.products-oul{}
.products-oli{
	margin-bottom: .6vw;
}
.products-o2{
	display: inline-block;
	vertical-align: top;
	padding: .5vw 1vw;
	padding-left: 1.8vw;
	background: url(../img/img20.jpg) no-repeat center; 
	background-size: cover;
	border-radius: 5vw;
	position: relative;
}
.products-o2:after{
	content: '';
	width: 1.8vw;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/ico09.png) no-repeat center; 
	background-size: auto .5vw;
}
.products-pq-bj{
	min-height: 60.9375vw;
	position: relative;
}
.products-pq{
	padding: 4.5vw 0;
	position: relative;
	z-index: 2;
}
.products-q{
	width: 30vw;
	margin-top: 7.8125vw;
	font-size: 0;
}
.products-qli{
	width: 46%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.products-q1{
	height: 6.25vw;
}
.products-qli:nth-child(2n + 0){
	margin-left: 8%;
}

.products-rs{
	padding-top: 7.8125vw;
}
.products-s{
	margin-top: 5.2vw;
	width: 108.3%;
	font-size: 0;
}
.products-sli{
	width: 41.7%;
	display: inline-block;
	vertical-align: top;
	margin-right: 8.3%;
	margin-bottom: 3.125vw;
}
.products-s1{
	height: 19vw;
	overflow: hidden;
}

.products-tw-bj{
	position: relative;
	overflow: hidden;
}
.products-tw-img{
	background:  no-repeat center top;
	background-size: 100% auto;
}
.products-tw{
	padding: 6.25vw 0 10.4vw 0;
	text-align: center;
	position: relative;
	z-index: 2;
}
.products-u{
	margin-top: 3.75vw;
}
.products-uli{
	width: 24.635vw;
	display: inline-block;
	vertical-align: top;
}
.products-u12{
	position: relative;
}
.products-u23{
	width: 14vw;
	display: inline-block;
	vertical-align: top;
	position: absolute;
	    top: 7.82vw;
    left: 6.5vw;
}
.products-uli:nth-child(2n + 0){
	margin-left:6.77vw ;
}
.products-uli:nth-child(2n + 0) .products-u23{
	left: 4.5vw;
}
.products-u5{
	width: 23vw;
	margin-top: 1vw;
	margin-left: 3.75vw;
	text-align: left;
}
.products-uli:nth-child(2n + 0) .products-u5{
	margin-left: 2.1vw;
}
.products-v{
	margin-top: 3.75vw;
}
.products-w{
	width: 50.78125vw;
	display: inline-block;
	vertical-align: top;
	background: url(../img/ico12.png) no-repeat center; 
	background-size: cover;
	padding: 3.75vw 3.125vw;
	text-align: left;
	border-radius: 1.5vw;
}
@media(max-width:1200px){
	.products-c1 img{
		height: 55px;
	}
	.products-k23{
		padding: 15px;
		min-height: 13vw;
	}
	.products-o2{
		padding: 8px 15px;
		padding-left: 25px;
	}
	.products-o2:after{
		width: 25px;
		background-size: 12px;
	}
	.products-q{
		width: 55vw;
	}
	.products-s1{
		height: 26.5vw;
	}
	.products-uli{
		width: 35vw;
	}
	.products-u23{
		width: 22vw;
	}
	.products-u23{
		    top: 12vw;
    left: 7.5vw;
	}
	.products-uli:nth-child(2n + 0){
		margin-left: 4vw;
	}
	.products-u5{
		width: 26vw;
	}
	.products-w{
		width: 66.8vw;
	}
}

@media(max-width:1000px){
	.products-h{
		width: 102%;
	}
	.products-hli{
		width: 31.333%;
		margin-right: 2%;
		margin-bottom: 3%;
	}
	.products-h1{
		height: 34vw;
	}
	.products-kul{
		width: 102%;
	}
	.products-kli{
		width: 31.333%;
		margin-right: 2%;
		margin-bottom: 3%;
	}
	.products-k23{
		min-height: 17vw;
	}
	.products-k1{
		height: 23vw;
	}
	.products-sli{
		margin-bottom: 6%;
	}
	.products-u2{
		font-size: 16px;
	}
	.products-u5{
		font-size: 18px;
	}
	.products-v{
		margin-top: 40px;
	}
}

@media(max-width:750px){
	.products-a{
		width: 80%;
		margin-left: -40%;
	}
	.products-bc{
		padding: 1rem 0;
	}
	.products-c{
		width: 100%;
		margin-top: 6rem;
	}
	.products-cli{
		width: 100%;
		margin-right: 0;
		margin-bottom: .6rem;
	}
	.products-df{
		padding: 1rem 0 0 0;
	}
	.products-e2{
		font-size: .28rem;
	}
	.products-f{
		margin-top: .6rem;
	}
	.products-gh{
		padding-top: 1rem;
	}
	.products-h{
		margin-top: .6rem;
	}
	.products-hli{
		width: 48%;
	}
	.products-h1{
		height: 52vw;
	}
	.products-h2{
		font-size: .3rem;
		min-height: .8rem;
	}
	.products-h3 div{
		font-size: .24rem;
		min-height: .7rem;
		margin-bottom: .15rem;
	}
	.products-hli{
		margin-bottom: .4rem;
	}
	.products-jk{
		padding-top: 1rem;
	}
	.products-kli{
		width: 48%;
		margin-bottom: .4rem;
	}
	.products-k1{
		height: 35vw;
	}
	.products-k23{
		min-height: 28vw;
		padding: .3rem;
	}
	.products-k2{
		font-size: .28rem;
	}
	.products-k3{
		font-size: .24rem;
	}
	.products-mo{
		padding: 1rem 0;
	}
	.products-o{
		margin: 0;
		margin-top: .5rem;
		width: 100%;
	}
	.products-oli{
		margin-bottom: .15rem;
	}
	.products-pq{
		padding: .8rem 0;
	}
	.products-qli{
		width: 100%;
		margin-bottom: .4rem;
		margin-left: 0 !important;
	}
	.products-q1{
		height: 1rem;
	}
	.products-q2{
		line-height: 1.1;
		margin-top: .15rem;
	}
	.products-q3{
		font-size: .24rem;
		line-height: 1.3;
		margin-top: .15rem;
	}
	.products-rs{
		padding-top: .8rem;
	}
	.products-r2{
		font-size: .26rem;
	}
	.products-s{
		width: 103%;
		margin-top: .7rem;
	}
	.products-sli{
		width: 47%;
		margin-right: 3%;
		margin-bottom: .45rem;
	}
	.products-s1{
		height: 28.5vw;
	}
	.products-s2{
		font-size: .28rem;
	}
	.products-s3{
		font-size: .24rem;
	}
	.products-tw{
		padding: 1rem 0;
	}
	.products-u{
		margin-top: .6rem;
	}
	.products-uli{
		width: 80%;
		margin-left: 0 !important;
		margin-bottom: .5rem;
	}
	.products-u23{
		width: 50vw;
		    top: 22vw;
    left: 12.5vw ;
	}
	.products-u2{
		font-size: .28rem;
	}
	.products-u5{
		width: 100%;
		margin: 0;
		margin-top: .2rem;
	}
	.products-uli:nth-child(2n + 0) .products-u23 {
	    left: 8.5vw;
	}
	.products-v{
		margin-top: .6rem;
	}
	.products-w{
		width: 100%;
		padding: .4rem;
		margin-top: .5rem;
		border-radius: .2rem;
		font-size: .28rem;
	}
}




.idxban-swiper{
	height: 56.25vw;
	max-height: 100vh;
}
.idxban-pos{
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 2;
	width: 100%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.idxban-div{
	opacity: 0;
	position: relative;
	left: 3vw;
}
.idxban-sd.swiper-slide-active .idxban-div{
	opacity: 1;
	left: 0;
transition: all .5s .7s;
-webkit-transition: all .5s .7s;  
}
.idxban-c{
	display: inline-block;
	width: 12.5vw;
	line-height: 3.75vw;
	text-align: center;
	background: rgba(255,255,255,.9);
	color: #000;
transition: all .5s;
-webkit-transition: all .5s;  
}
.idxban-c img{
	width: .4vw;
	margin-left: 1vw;
transition: all .5s;
-webkit-transition: all .5s;  
}
@media(min-width:1201px){
	.idxban-c:hover{
		color: #000;
		background: #fff;
	transition: all .5s;
	-webkit-transition: all .5s;  
	}
	.idxban-c:hover img{
		margin-left: 2vw;
	transition: all .5s;
	-webkit-transition: all .5s;  
	}
}

.idxban-cl{
	position: absolute;
	z-index: 5;
	top: 50%;
	right: 0;
	width: 3.4vw;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.idxban-sz{
	line-height: 3;
	margin: .5vw 0;
	border-bottom: 2px solid rgba(255,255,255,.25);
	position: relative;
	right: -1.5vw;
	cursor: pointer;
transition: all .5s;
-webkit-transition: all .5s;  
}
.idxban-sz.on{
	right: 0;
transition: all .5s;
-webkit-transition: all .5s;  
}


@media(max-width:1200px){
	.idxban-swiper{
		height: 65vw;
	}
	.idxban-c{
		width: 140px;
		line-height: 45px;
	}
	.idxban-c img{
		width: 7px;
		margin-left: 15px;
	}
	.idxban-cl{
		width: 50px;
		top: initial;
		bottom: 5%;
		transform: initial;
	}
	.idxban-sz{
		right: -20px;
	}
}
@media(max-width:750px){
	.idxban-swiper{
		height: 100vh;
	}
	.idxban-c{
		line-height: 40px;
	}
}




.iese-div{
	padding: 5.2vw 0;
}
.iese-img{
	background: no-repeat center top;
	background-size: 100% auto;
}
.iese-k{
	width: 105%;
	font-size: 0;
	margin-top: 5.2vw;
/*	border-top: 1px solid rgba(255,255,255,.2);*/
}
.iese-kli{
	width: 20%;
	margin-right: 5%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-bottom: 5.4vw;
}
.iese-k2{
	height: 5.208vw;
}
@media(max-width:1200px){
	.iese-k{
		width: 103%;
		margin-top: 50px;
	}
	.iese-kli{
		width: 30.333%;
		margin-right: 3%;
		margin-bottom: 50px;
	}
	.iese-k2{
		height: 65px;
	}
}
@media(max-width:1000px){
	.iese-k{
		width: 103%;
		margin-top: 50px;
	}
	.iese-kli{
		width: 47%;
		margin-right: 3%;
		margin-bottom: 50px;
	}
	.iese-k2{
		height: 55px;
	}
}
@media(max-width:750px){
	.iese-k{
		width: 100%;
		margin-top: .8rem;
	}
	.iese-kli{
		width: 100%;
		margin-right: 0%;
		margin-bottom: .6rem;
	}
	.iese-k2{
		height: .8rem;
	}
	.iese-k4{
		font-family: HarmonyOS_Sans_Regular;
	}
}



.iabt-bj{
	padding: 6.25vw 0 5.2vw 0;
	position: relative;
}
.iabt-a{
	position: relative;
	z-index: 2;
}

.iabt-b{
	width: 50%;
	/*height: 40vw;*/
	margin-top: 5vw;
	position: relative;
	z-index: 2;
	 perspective: 1000px; /* 设置透视距离 */
  perspective-origin: 50% 50%; /* 设置透视原点在中心 */
}
.iabt-b img{
	display: inline-block;
	/*position: absolute;
    width: 200px;
    height: 300px;*/
    top: 0;
    left: 0;
	transform-style: preserve-3d; /* 确保子元素以3D方式渲染 */
	perspective-origin: 50% 50%; 
  transform: rotateY(45deg); /* 应用一个3D旋转 */
	transform:rotateY(40deg) translateZ(4px) skewY(10deg);
}


.iabt-c{
	width: 101%;
	font-size: 0;
	margin-top: 4.16vw;
	
}
.iabt-bli{
	width: 19%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 1%;
	margin-right: 1%;
	
	perspective: 1000px; 
  perspective-origin: 50% 50%;
}
.iabt-bdiv{
	height: 14.5vw;
	transform-style: preserve-3d; 
	perspective-origin: 50% 50%; 
      transform: rotateY(20deg) translateZ(20px) skewY(2deg);
}
.iabt-bli:nth-child(3) .iabt-bdiv,
.iabt-bli:nth-child(8) .iabt-bdiv{
	transform: scale(.9);
}
.iabt-bli:nth-child(3) .iabt-bdiv{
	position: relative;
	top: .5vw;
}
.iabt-bli:nth-child(8) .iabt-bdiv{
	position: relative;
	top: -.5vw;
}
.iabt-bli:nth-child(2) .iabt-bdiv{
	width: 120%;
	    transform: rotateY(23deg) translateZ(-12px) skewY(3deg);
	position: relative;
	top: 0vw;
}
.iabt-bli:nth-child(1) .iabt-bdiv{
	    transform: rotateY(23deg) translateZ(-12px) skewY(-3deg);
	position: relative;
	bottom: 0vw;
}



.iabt-d{
	width: 101%;
	font-size: 0;
	margin-top: 4.16vw;
	position: relative;
	z-index: 2;
}
.iabt-dli{
	display: inline-block;
	vertical-align: top;
	width: 19%;
	height: 13.8vw;
	margin-right: 1%;
	margin-bottom: 1%;
	position: relative;
}
.iabt-ddiv{
	width: 100%;
	height: 100%;
	position: relative;
}
.iabt-d2{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 1vw;
	z-index: 2;
	text-align: center;
}
@media(max-width:1200px){
	.iabt-d2{
		font-size: 14px;
	}
}
@media(max-width:1000px){
	.iabt-d2{
		font-size: 12px;
	}
	.iese-div{
		padding: 40px 0;
	}
}
@media(max-width:750px){
	.iabt-d{
		width: 102%;
		margin-top: .6rem;
	}
	.iabt-dli{
		width: 48%;
		margin-right: 2%;
		margin-bottom: 2%;
		font-size: .28rem;
		height: 34vw;
	}
	.iabt-d2{
		padding: .15rem;
	}
	
	.iese-div{
		padding: 1rem 0;
	}
	.iabt-bj{
		padding: 1rem 0;
	}
	
	.iabt-a2{
		font-size: .26rem;
	}
}


.ipro-bj{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.ipro{
	padding: 4.8vw 0;
	font-size: 0;
	position: relative;
	z-index: 2;
}
.ipro-ab{
	font-size: 0;
}
.ipro-a{
	width: 50%;
	display: inline-block;
	vertical-align: top;
}
.ipro-b{
	width: 48%;
	margin-left: 2%;
	display: inline-block;
	vertical-align: top;
	text-align: right;
}
.ipro-bli{
	display: inline-block;
	vertical-align: top;
	width: 10vw;
	margin-left: 3.16vw;
}
.ipro-b3{
	opacity: .3;
}
.ipro-bli:nth-child(1){
	width: 12vw;
	margin-left: 0;
}

.ipro-swiper{
	margin-top: 5.2vw;
	/*width: 130%;
	padding-right: 50%;*/
}
.ipro-sd{
	/*width: 17.96vw;
	border-radius: 1vw;
	height: 25vw;
	padding: 2.1vw;
transition: all .5s;
-webkit-transition: all .5s;*/  
}
.ipro-scl-bj{
	width: 12vw;
	margin-left: 50%;
	position: relative;
	left: -6vw;
	margin-top: 5.5vw;
	height: 10px;
}
.ipro-scl-bj .swiper-scrollbar{
	height: 5px;
	opacity: 1 !important;
	background: #61656b;
}
.ipro-scl-bj .swiper-scrollbar-drag{
	background: #fff !important;
}

.ipro-e{
	position: relative;
	z-index: 3;
}
.ipro-e3{
	display: inline-block;
	padding:0 1.2vw;
	line-height: 2.5;
	border: 1px solid rgba(255,255,255,.3);
	border-radius: 10px;
	opacity: 0;
}
.ipro-e3 img{
	margin-left: 1.2vw;
}
.ipro-f{
	z-index: 2;
}
.ipro-h{
	z-index: 1;
	opacity: 0;
}
.ipro-gps{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding:1.2vw 2.1vw;
	min-height: 14.6vw;
}
.ipro-h{
	width: 33.333vw;
	
}
.ipro-hli{
	width: 100%;
	margin-bottom: .5vw;
}
.ipro-g{
	width: 102%;
	font-size: 0;
}
.ipro-gli{
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 1.6vw;
}
.ipro-g2 span{
	display: inline-block;
	vertical-align: top;
}
.ipro-k{
	width: 100%;
	border-radius: 1vw;
	overflow: hidden;
}


@media(min-width:1201px){
	/*.ipro-sd:hover{
		width: 33.333vw;
	transition: all .5s;
	-webkit-transition: all .5s;  
	}
	.ipro-sd:hover .ipro-e2{
		display: none;
	}
	.ipro-sd:hover .ipro-e3{
		opacity: 1;
		transition: all .5s .5s;
		-webkit-transition: all .5s .5s; 
	}
	.ipro-sd:hover .ipro-f{
		display: none;
	}
	.ipro-sd:hover .ipro-h{
		opacity: 1;
		transition: all .5s .5s;
		-webkit-transition: all .5s .5s; 
	}*/
}


@media(max-width:1200px){
	/*.ipro-sd{
		width: 45vw;
		height: 35vw;
		padding: 20px;
	}*/
	.ipro-gps{
		padding: 20px;
		min-height: 20vw;
	}
	/*.ipro-swiper{
		width: 130%;
		padding-right: 30%;
	}*/
	.ipro-scl-bj{
		width: 30vw;
		left: -15vw;
		margin-top: 60px;
	}
	.ipro-h{
		display: none;
	}
}

@media(max-width:1000px){
	.ipro{
		padding: 60px 0;
	}
	.ipro-a{
		width: 100%;
	}
	.ipro-b{
		width: 100%;
		margin-left: 0;
		margin-top: 25px;
		text-align: left;

	}
	.ipro-bli{
		width: 22vw !important;
		margin-right: 25px;
	}
	.ipro-swiper{
		margin-top: 50px;
	}
	/*.ipro-sd{
		width: 55vw;
		height: 40vw;
	}*/
	.ipro-gps{
		padding: 20px;
		min-height: 25vw;
	}
	.ipro-gli{
		margin-bottom: 2vw;
	}
}

@media(max-width:750px){
	.ipro{
		padding: 1rem 0;
	}
	.ipro-b{
		margin-top: .6rem;
	}
	.ipro-bli{
		width: 100% !important;
		margin: 0 !important;
		margin-bottom: .4rem !important;
	}
	.ipro-swiper{
		margin-top: .8rem;
		/*width: 100vw;
		margin-left: -4vw;
		padding: 0 4vw;
		margin-top: .8rem;*/
	}
	/*.ipro-sd{
		width: 80vw;
		height:80vw;
		padding: .3rem;
	}*/
	.ipro-gps{
		padding: .3rem;
		min-height: 45vw;
	}
	.ipro-gli{
		margin-bottom: .3rem;
	}
	.ipro-scl-bj{
		margin-top: .8rem;
	}
	
}