@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-pr{
    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:90%;
    position: absolute;
    left:50%;
    transform: translateX(-50%);
	text-align: center;
}
.H90_Pro-cw{
    width:95%;
	margin: 0 auto;
}
.a-g{
	font-family: "AvantGarde";
}	
.m-b{
	font-family: "Muli-Bold";
}
.m-r{
	font-family: "Muli-Regular";
}
.t0{
    font-size:64px;
    line-height:80px;
	text-align: center;
	font-style: italic;
}
.t1{
    font-size:50px;
    line-height:60px;
}
.t2{
    font-size:42px;
    line-height:50px;
}
.t3{
    font-size:36px;
    line-height:42px;
}
.t4{
    font-size:30px;
    line-height:36px;
	margin-top: 20px;
}
.t5{
    font-size:28px;
    line-height:36px;
}
.t6{
    font-size:24px;
    line-height:30px;
}
.fff{
	color: #fff;
}
.H90_Pro-pr img{
    width:100%;
    display: block;
    border:0;
    vertical-align: middle;
}
.H90_Pro-pr .H90_Pro-clear-both{
    zoom: 1;
}
.H90_Pro-pr .H90_Pro-clear-both:before,.H90_Pro-pr .H90_Pro-clear-both:after{
    display: block;
    content: "";
    clear: both;
    visibility: hidden;
    height:0;
}

/*s1*/
.H90_Pro-pr .H90_Pro-s1{
    width: 100%;
}
.H90_Pro-pr .H90_Pro-s1 .s1-text{
    width:95%;
	top:5%;
    position: absolute;
	text-align:center;
	margin-left: 2.5%;
    color:#fff;
}
.H90_Pro-pr .H90_Pro-s1 .s1-text .s1-tit{
	font-family: "AvantGarde";
    font-size: 70px;
	line-height: 80px;
    color:#ff4d00;
}

/*s2*/
.H90_Pro-pr .H90_Pro-s2{
	margin: 50px 0 30px 0;
    width: 100%;
}
.H90_Pro-pr .H90_Pro-s2 .s2-param{
	display: grid;
	grid-template-columns: repeat(2,3fr);
	gap:10px;
}
.H90_Pro-pr .H90_Pro-s2 .s2-param .param01 p{
	color: #fff;
	top: 30%;
}

/*nav*/
.H90_Pro-pr .H90_Pro-nav{
    width:100%;
	padding-top: 20px;
}
.H90_Pro-pr .nav-text{
	top:5%;
    background:linear-gradient(to right, #2b2d3c, #9142eb,#2b2d3c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.H90_Pro-pr .H90_Pro-nav p{
	position: absolute;
	top:20%;
	width: 90%;
	text-align: center;
	margin-left: 5%;
}


/*s4*/
.H90_Pro-pr .H90_Pro-s4{
    width:100%;
}
.H90_Pro-pr .H90_Pro-s4 .s4-text{
	top: 3%;
	text-align: center;
}
.H90_Pro-pr .H90_Pro-s4 .vs{
	bottom: 50px;
}
.H90_Pro-pr .H90_Pro-s4 .vs .vs-tit{
	top:1%;
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: space-around;
	position: absolute;
	gap:30px;
}
.H90_Pro-pr .H90_Pro-s4 .vs .vs-text{
	bottom:2%;
	display: flex;
	flex-direction: row;
	width: 100%;
	position: absolute;
	gap:10px;
	align-items: center;
}
.H90_Pro-pr .H90_Pro-s4 .vs .vs-text .text-l{
	width: 95%;
	text-align: center;
}
.H90_Pro-pr .H90_Pro-s4 .vs .vs-text .text-r{
	width: 95%;
	text-align: center;
}

/*s8*/
.H90_Pro-pr .H90_Pro-s8{
	width: 100%;
}
.H90_Pro-pr .H90_Pro-s8 img{
	width: 95%;
	margin-left: 2.5%;
	padding-top: 30px;
}
.H90_Pro-pr .H90_Pro-s8 .s8-text{
	width:90%;
	margin-top: 60px;
	text-align: center;
	margin-left: 5%;
}
.H90_Pro-pr .H90_Pro-s8 .s8-img .tips{
	width: 90%;
	margin-left: 5%;
	text-align: center;
	position: absolute;
	bottom: 5%;
}

/*s13*/
.H90_Pro-pr .H90_Pro-s13{
	width: 98%;
	margin-top: 40px;
}
.H90_Pro-pr .H90_Pro-s13 .s13-text{
	top:5%;
}

/*s18*/
.H90_Pro-pr .H90_Pro-s18{
	width: 98%;
	margin-left: 1%;
}
.H90_Pro-pr .H90_Pro-s18 .s18-text{
	width:90%;
	margin: 0 auto;
	text-align: center;
	padding: 60px 0 30px 0;
}

/*s19*/
.H90_Pro-pr .H90_Pro-s19{
	width: 100%;
	background: #f5f5f5;
	margin-top: 30px;
	position: relative;
}
.H90_Pro-pr .H90_Pro-s19 .s19-text{
	width:90%;
	margin: 0 auto;
	text-align: center;
	padding: 60px 0 30px 0;
}
.H90_Pro-pr .H90_Pro-s19 img{
	width: 98%;
	margin-left: 1%;
}
.H90_Pro-pr .H90_Pro-s19 .tips-text{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	position: absolute;
	top:35%;
	width: 100%;
	text-align: center;
}
.H90_Pro-pr .H90_Pro-s19 .tips-text span{
	font-family: "AvantGarde";
    font-size: 60px;
	line-height: 80px;
    color:#fff;
}
.H90_Pro-pr .H90_Pro-s19 .tips01{
	width:50%;
	text-align: center;
	right: 3%;
	position: absolute;
	top:88%;
}

/*s22*/
.H90_Pro-pr .H90_Pro-s22{
	width: 100%;
}
.H90_Pro-pr .H90_Pro-s22 .s22-text{
	width:90%;
	margin: 0 auto;
	text-align: center;
	padding: 60px 0 30px 0;
}
.H90_Pro-pr .H90_Pro-s22 .img {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap:10px;
	width: 98%;
	margin-left: 1%;
}

/*s24*/
.H90_Pro-pr .H90_Pro-s24{
	width: 95%;
	margin-left: 2.5%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap:20px;
}
.H90_Pro-pr .H90_Pro-s24 .pic {
	width: 50%;
	margin: 30px 0;
}
.H90_Pro-pr .H90_Pro-s24 p{
	position: absolute;
	bottom: 1%;
	text-align: center;
	width: 100%;
}
.H90_Pro-pr .H90_Pro-s24 .pic span{
	font-size: 70px;
	line-height: 80px;
}

/*s26*/
.H90_Pro-pr .H90_Pro-s26{
    width: 100%;
}
.H90_Pro-pr .H90_Pro-s26 .s26-text{
	width: 95%;
    top:5%;
}
.H90_Pro-pr .H90_Pro-s26 .s26-text h2{
	border-bottom:1px dashed #333;
	box-sizing: border-box;
}
.H90_Pro-pr .H90_Pro-s26 .s26-param{
	top:30%;
    width:60%;
	left: 35%;
	text-align: left;
}
.H90_Pro-pr .H90_Pro-s26 .s26-param .s26-param01{
	display:flex;
	flex-direction:row;
	margin-top: 30px;
}

.H90_Pro-pr .H90_Pro-s26 .s26-param .s26-param01 p{
    width:60%;
	font-size: 24px;
    line-height: 40px;
	font-family: "Muli-Regular";
}
.H90_Pro-pr .H90_Pro-s26 .s26-param .s26-param01 span{
	font-size: 40px;
	line-height: 50px;
	font-family: "Muli-Bold";
}
