@font-face {
    font-family: "Muli-Bold";
    src: url("/u_file/photo/products_detail/font/MULI-BOLD.TTF") format("truetype");
}
@font-face {
    font-family: "Muli-Regular";
    src: url("/u_file/photo/products_detail/font/MULI-REGULAR.TTF") format("truetype");
}
@font-face {
    font-family: "Muli-SemiBold";
    src: url("/u_file/photo/products_detail/font/MULI-SEMIBOLD.TTF") format("truetype");
}
@font-face {
    font-family: "Muli-Black";
    src: url("/u_file/photo/products_detail/font/MULI-BLACK.TTF") format("truetype");
}
@font-face {
    font-family: "AvantGarde";
    src: url("/u_file/photo/products_detail/font/3957FE_1.OTF") format("truetype");
}
.H90_Pro-p{
    width:100%;
    background: #fff;
    font-family: "Muli-Regular";
    position: relative;
    overflow: hidden;
}
.relative{
    width:100%;
    position: relative;
    margin:0 auto;
    color:#333;
    font-family: "Muli-Regular";
    overflow: hidden;
}
.absolute{
    width:100%;
	max-width: min(1200px, 90vw);
    position: absolute;
    left:50%;
    transform: translateX(-50%);
	margin: 0 auto;
}
.H90_Pro-1520{
    width:100%;
    max-width: min(1520px, 95vw);
	margin: 0 auto;
}
.H90_Pro-cw{
    width:100%;
    max-width: min(1200px, 90vw);
	margin: 0 auto;
}
.a-g{
	font-family: "AvantGarde";
}	
.m-b{
	font-family: "Muli-Bold";
}
.m-r{
	font-family: "Muli-Regular";
}
.t0{
	font-size:60px;
    line-height:80px;
}
.t1{
    font-size:50px;
    line-height:60px;
	margin-top: 20px;
}
.t2{
    font-size:36px;
    line-height:42px;
}
.t3{
    font-size:30px;
    line-height:36px;
}
.t4{
    font-size:24px;
    line-height:30px;
}
.t5{
    font-size:20px;
    line-height:30px;
	margin-top: 20px;
}
.t6{
    font-size:16px;
    line-height: 22px;
	margin-top: 10px;
}
.fff{
	color: #fff;
}
.fr{
	float: right;
}
.fl{
	float: left;
}
.H90_Pro-p img{
    width:100%;
    display: block;
    border:0;
    vertical-align: middle;
}
.H90_Pro-p .H90_Pro-clear-both{
    zoom: 1;
}
.H90_Pro-p .H90_Pro-clear-both:before,.H90_Pro-p .H90_Pro-clear-both:after{
    display: block;
    content: "";
    clear: both;
    visibility: hidden;
    height:0;
}
.H90_Pro-p .gradient-text{
  background:linear-gradient(to right, #2b2d3c, #9142eb,#2b2d3c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*s1*/
.H90_Pro-p .H90_Pro-s1{
    width: 100%;
}
.H90_Pro-p .H90_Pro-s1 .s1-text{
    position: absolute;
    color:#fff;
	top: 20%;
	left: 10%;	
}
.H90_Pro-p .H90_Pro-s1 .s1-text .s1-tit{
	font-family: "AvantGarde";
    font-size: 90px;
	line-height: 100px;
    color:#ff4d00;
}

/*s2*/
.H90_Pro-p .H90_Pro-s2{
    width: 100%;
	padding: 60px 0;
}
.H90_Pro-p .H90_Pro-s2 .s2-param-up{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap:10px;
}
.H90_Pro-p .H90_Pro-s2 .s2-param-down{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.H90_Pro-p .H90_Pro-s2 .s2-param-up .s2-param1{
	position: relative;
	justify-content: center;
	display: flex;
}
.H90_Pro-p .H90_Pro-s2 .s2-param-up .s2-param1 p{
	position: absolute;
	top: 45%;
}
.H90_Pro-p .H90_Pro-s2 .s2-param-up .s2-param2{
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.H90_Pro-p .H90_Pro-s2 .s2-param-up .s2-param2 .s2-param01{
	position: relative;
	justify-content: center;
	display: flex;
}
.H90_Pro-p .H90_Pro-s2 .s2-param-up .s2-param2 .s2-param01 p{
	position: absolute;
	top: 40%;
}
.H90_Pro-p .H90_Pro-s2 .s2-param-down .s2-param3{
	position: relative;
	padding-top: 10px;
	justify-content: center;
	display: flex;
}
.H90_Pro-p .H90_Pro-s2 .s2-param-down .s2-param3 p{
	position: absolute;
	top: 45%;
}
/*nav*/
.H90_Pro-p .H90_Pro-nav{
    width:100%;
	margin-bottom: 40px;
}
.H90_Pro-p .H90_Pro-nav .nav-text{
  position: absolute;
  top:30%;
}

/*s4*/
.H90_Pro-p .H90_Pro-s4{
	width: 100%;
	margin-bottom: 20px;
}
.H90_Pro-p .H90_Pro-s4 .s4-param{
	top:5%;
}
.H90_Pro-p .H90_Pro-s4 .s4-param .tips{
	position: absolute;
	bottom: 6%;
	margin-left: 20%;
}
.H90_Pro-p .H90_Pro-s4 .s4-param .s4-up{
	width: 50%;
	margin-top: 40px;
}
.H90_Pro-p .H90_Pro-s4 .s4-param .s4-up .s4-img{
	margin: 50px 0;
}

.H90_Pro-p .H90_Pro-s4 .s4-param .s4-up .s4-img .img-tit{
	top:4%;
	position: absolute;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	width: 100%;
}
.H90_Pro-p .H90_Pro-s4 .s4-param .s4-up .s4-img .img-text{
	bottom:5%;
	position: absolute;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	width: 100%;
}
.H90_Pro-p .H90_Pro-s4 .s4-param .s4-up .s4-img .img-text .text-l{
	width: 49%;
	text-align: center;
}

/*s8*/
.H90_Pro-p .H90_Pro-s8{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.H90_Pro-p .H90_Pro-s8 .s8-img{
	width: 50%;
}
.H90_Pro-p .H90_Pro-s8 .box{
	width: 50%;
}
.H90_Pro-p .H90_Pro-s8 .s8-text{
	width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.H90_Pro-p .H90_Pro-s8 .s8-img p{
	position: absolute;
	bottom: 8%;
	margin-left: 10%;
}

/*s13*/
.H90_Pro-p .H90_Pro-s13{
	width: 100%;
	padding-bottom: 20px;
}
.H90_Pro-p .H90_Pro-s13 .s13-text{
	top: 40%;
	width: 33%;
	position: absolute;
}

/*s14*/
.H90_Pro-p .H90_Pro-s14{
	width: 100%;
	padding-bottom: 20px;
}
.H90_Pro-p .H90_Pro-s14 .s14-text{
	top:8%;
	text-align: center;
}

/*s18*/
.H90_Pro-p .H90_Pro-s18{
	width: 100%;
}
.H90_Pro-p .H90_Pro-s18 .s18-text{
	width: 38%;
	text-align: left;
	margin-top: 300px;
}

.H90_Pro-p .H90_Pro-s19{
	width: 100%;
	padding: 40px 0;
}
.H90_Pro-p .H90_Pro-s19 .bg-img{
	display: block;
	width: 100%;
	height: auto;
}
.H90_Pro-p .H90_Pro-s19 .s19-text{
	top:12%;
	text-align: center;
}
.H90_Pro-p .H90_Pro-s19 .s19-spe{
	top:40%;
	width: 600px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;	
	position: absolute;
	right: 0;
	text-align: center;
	padding-right: 160px;
}

.H90_Pro-p .H90_Pro-s19 .s19-tips{
	position: absolute;
	top:58%;
	right: 0;
	padding-right: 160px;
}
.H90_Pro-p .H90_Pro-s19 .s19-tips .overlay-img{
	width: 100%;
	object-fit: cover;
	display: block;
}
.H90_Pro-p .H90_Pro-s19 .s19-tips p{
	position: absolute;
	top: 40%;
	left: 48%;
	transform: translate(-50%,-50%);
}

.H90_Pro-p .H90_Pro-s19 .s20-text{
	top:15%;
	text-align: left;
	width: 500px;
	position: absolute;
	margin-left: 100px;
}

.H90_Pro-p .H90_Pro-s19 .s21-text{
	top:40%;
	text-align: left;
	width: 550px;
	position: absolute;
	right: 120px;
}

.H90_Pro-p .H90_Pro-s22{
	width: 100%;
	padding: 60px 0;
}
.H90_Pro-p .H90_Pro-s22 .s22-text {
	width: 1200px;
	text-align: center;
	padding-bottom:60px;
	margin: 0 auto;
}

.H90_Pro-p .H90_Pro-s22 .s22-img{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap:10px;
}

.H90_Pro-p .H90_Pro-s23{
	width: 100%;
}
.H90_Pro-p .H90_Pro-s23 .s23-text {
	top:30%;
	text-align: left;
    display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.H90_Pro-p .H90_Pro-s23 .s23-text .s23-tit{
	width: 40%;
}

.H90_Pro-p .H90_Pro-s23 .s23-text .s23-sub{
	width: 40%;
	margin-top: 10px;
}

.H90_Pro-p .H90_Pro-s24{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap:10px;
	padding: 60px 0;
}
.H90_Pro-p .H90_Pro-s24 .s24-l .l-text{
	position: absolute;
	top:30%;
	width: 400px;
	left: 5%;
}
.H90_Pro-p .H90_Pro-s24 .s24-p{
	position: absolute;
	bottom: 5%;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	width: 500px;
}

.H90_Pro-p .H90_Pro-s24 .s24-r .r-text{
	position: absolute;
	top:25%;
	width: 400px;
	right: 5%;
}

.H90_Pro-p .H90_Pro-s25{
	width: 100%;
}
.H90_Pro-p .H90_Pro-s25 .s25-text{
	top:15%;
	position: absolute;
	text-align: left;
	right: 10%;
	width: 400px;
}





/*s26*/
.H90_Pro-p .H90_Pro-s26{
    width: 100%;
}
.H90_Pro-p .H90_Pro-s26 .s26-text{
	position: absolute;
	text-align: left;
	top:45%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.H90_Pro-p .H90_Pro-s26 .s26-text h2{
	width: 600px;
	border-bottom:1px dashed #333;
	box-sizing: border-box;
}
.H90_Pro-p .H90_Pro-s26 .s26-param{
    width:800px;
	display: flex;
	margin-top: 40px;
}
.H90_Pro-p .H90_Pro-s26 .s26-param p{
    width:400px;
    line-height: 26px;
    font-size: 20px;
	font-family: "Muli-Regular";
}
.H90_Pro-p .H90_Pro-s26 .s26-param span{
	line-height: 36px;
    font-size: 30px;
	font-family: "Muli-Bold";
}
