@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");
}

.V10-p{
    width:100%;
    background: #fff;
	position: relative;
    font-family: "Muli-Regular";
    overflow: hidden;
}
.V10-p .relative{
    width:100%;
    position: relative;
    margin:0 auto;
    color:#333;
    font-family: "Muli-Regular";
    overflow: hidden;
}
.V10-p .V10-cw{
	width: 100%;
    max-width: min(1200px, 90vw);
    margin: 0 auto;
	box-sizing: border-box;
}
.V10-p .V10-1520{
	width: 100%;
    max-width:min(1520px, 95vw);
    margin:0 auto;
	box-sizing: border-box;
}
.V10-p .V10-absolute{
    width:100%;
	max-width: min(1200px, 90vw);
    position: absolute;
    left:50%;
    transform: translateX(-50%);
	box-sizing: border-box;
}
.V10-p .V10-title,.V10-stickyNest .V10-title{
    font-family: "Muli-Bold";
    font-size:42px;
    line-height:54px;
}
.V10-p .V10-subtitle,.V10-stickyNest .V10-subtitle{
    font-family: "Muli-Regular";
    font-size:20px;
    line-height: 30px;
    margin-top:30px;
}
.V10-p .V10-title01{
    font-family: "Muli-Bold";
    font-size:50px;
    line-height:60px;
}
.V10-p .V10-subtitle01{
	font-family: "Muli-Regular";
    font-size:24px;
    line-height: 36px;
    margin-top:30px;
}
.V10-p .V10-title02{
    font-family: "Muli-Bold";
    font-size:24px;
    line-height:30px;
}
.V10-p .V10-subtitle02{
	font-family: "Muli-Regular";
    font-size:30px;
    line-height: 36px;
}
.V10-p img{
    width:100%;
    display: block;
    border:0;
    vertical-align: middle;
}

.V10-p .V10-clear-both{
    zoom: 1;
}
.V10-p .V10-clear-both:before,.V10-p .V10-clear-both:after{
    display: block;
    content: "";
    clear: both;
    visibility: hidden;
    height:0;
}

.V10-p .fff{
    color:#fff;
}
/*s1*/
.V10-p .V10-s1{
    width: 100%;
}
.V10-p .V10-s1 .s1-text{
	top:15%;
}
.V10-p .V10-s1 .s1-text .s1-tit{
    font-family: "AvantGarde";
    font-size: 80px;
    line-height: 90px;
    color:#ff4d00;
}

/*s2*/
.V10-p .V10-s2{
    width: 100%;
	background: #333;
}
.V10-p .V10-s2 .s2-text{
    top:-110px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: 120px;
	text-align: center;
}
.V10-p .V10-s2 .s2-text p{
	margin-top: 100px;
}
/*s3*/
.V10-p .V10-s3{
	width: 100%;
	padding-bottom: 10px;
}
.V10-p .V10-s3 .s3-text{
	width: 550px;
	text-align: left;
	top:20%;
	margin-left: -20%;
}
.V10-p .V10-s3 .s3-text span{
    font-family: "AvantGarde";
    font-size: 60px;
    line-height: 100px;
    color:#ff4d00;
}

/*s4*/
.V10-p .V10-s4{
	width: 100%;
	padding-bottom: 10px;
}
.V10-p .V10-s4 .s4-text{
	width: 500px;
	text-align: left;
	top:20%;
	margin-left: 25%;
}
.V10-p .V10-s4 .s4-text span{
    font-family: "AvantGarde";
    font-size: 60px;
    line-height: 100px;
    color:#ff4d00;
}

/*nav*/
.V10-p .V10-nav{
    margin-top: 30px;
	background: #333;
	height: 400px;
	width: 100%;
}
.V10-p .V10-nav .nav-text{
	top:30%;
	text-align: center;
}

/*s6*/
.V10-p .V10-s6{
    width:100%;
    background: #fff;
}
.V10-p .V10-s6 img{
	float: right;
	margin-top: 50px;
	width:90%;
}
.V10-p .V10-s6 .s6-text{
	position: absolute;
	width: 380px;
	top: 32%;
	padding-left: 180px;	
}

/*s7*/
.V10-p .V10-s7{
    width:100%;
    background: #fff;
}
.V10-p .V10-s7 img{
	float: left;
	margin-top: 50px;
	width: 90%;
}
.V10-p .V10-s7 .s7-text{
	position: absolute;
	width: 450px;
	top: 30%;
	right: 13%;
}

/*s9*/
.V10-p .V10-s9{
	width: 100%;
}
.V10-p .V10-s9 .s9-text{
	text-align: center;
	margin-top: 60px;
}
.V10-p .V10-s9 .s9-item{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap:20px;
}
.V10-p .V10-s9 .s9-item img{
	width: 100%;
}
.V10-p .V10-s9 .s9-item .item-01{
	position: relative;
}
.V10-p .V10-s9 .s9-item .item-01 p{
	position: absolute;
	text-align: center;
	top:91%;
	left: 50%;
	transform: translate(-50%);
}
.V10-p .V10-s9 .s9-item .item-02{
	position: relative;
	margin: 40px 0 60px 0;
}
.V10-p .V10-s9 .s9-item .item-02 p{
	position: absolute;
	text-align: center;
	top:88%;
	left: 50%;
	transform: translate(-50%);
}
/*s10*/
.V10-p .V10-s10{
    width:100%;
    background: #fff;
}
.V10-p .V10-s10 img{
	width: 100%;
	margin-top: 50px;
}
.V10-p .V10-s10 .s10-text{
	top:15%;
}
.V10-p .V10-s10 .tips-1 img{
	position: absolute;
	top:35%;
	width: 30%;
	left: 13.5%;
}
.V10-p .V10-s10 .tips-2 img{
	position: absolute;
	top:75%;
	width: 30%;
	left: 13.5%;
}
.V10-p .V10-s10 .tips-2 span{
	position: absolute;
	top:84%;
	left: 15%;
}

/*s16*/
.V10-p .V10-s16 .s16-text{
    top:120px;
}
.V10-p .V10-s16 .s16-param{
    margin-top:30px;
    width:38%;
}
.V10-p .V10-s16 .s16-param p{
    width:100%;
    height:54px;
    line-height:54px;
    font-size: 18px;
    border-bottom:1px dashed #333;
    box-sizing: border-box;
}

