@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");
}
.A12_Pro-p{
    width:100%;
    background: #fff;
    font-family: "Muli-Regular";
    position: relative;
    overflow: hidden;
}
.A12_Pro-p .relative{
    width:100%;
    position: relative;
    margin:0 auto;
    color:#333;
    font-family: "Muli-Regular";
    overflow: hidden;
}
.A12_Pro-p .A12_Pro-absolute{
    width:100%;
	max-width: min(1200px, 90vw);
    position: absolute;
    left:50%;
    transform: translateX(-50%);
	box-sizing: border-box;
}

.A12_Pro-p .A12_Pro-cw{
    width:100%;
	max-width: min(1200px, 90vw);
    margin: 0 auto;
	box-sizing: border-box;
}
.A12_Pro-p .A12_Pro-1520{
    width:100%;
	max-width: min(1520px, 95vw);
    margin: 0 auto;
	box-sizing: border-box;
}
.A12_Pro-p .A12_Pro-title{
    font-family: "Muli-Bold";
    font-size:42px;
    line-height:50px;
}
.A12_Pro-p .A12_Pro-subtitle{
    font-family: "Muli-Regular";
    font-size:22px;
    line-height: 30px;
	margin-top: 20px;
}
.A12_Pro-p .A12_Pro-title01{
    font-family: "Muli-Bold";
    font-size:54px;
    line-height:64px;
	color: #fff;
}
.A12_Pro-p .A12_Pro-subtitle01{
    font-family: "Muli-Regular";
    font-size:24px;
    line-height:90px;
	color: #fff;
}
.A12_Pro-p .A12_Pro-nav{
    background: #333333;
	height: 400px;
	text-align: center;
}
.A12_Pro-p .A12_Pro-nav .nav-text{
	margin-top: 120px;
}
.A12_Pro-p img{
    width:100%;
    display: block;
    border:0;
    vertical-align: middle;
}
.A12_Pro-p .A12_Pro-clear-both{
    zoom: 1;
}
.A12_Pro-p .A12_Pro-clear-both:before,.A12_Pro-p .A12_Pro-clear-both:after{
    display: block;
    content: "";
    clear: both;
    visibility: hidden;
    height:0;
}


/*s1*/
.A12_Pro-p .A12_Pro-s1{
    width: 100%;
}
.A12_Pro-p .A12_Pro-s1 .s1-text{
    width:800px;
	top:200px;
    position: absolute;
	text-align:left;
	margin-left: 150px;
    color:#fff;
}
.A12_Pro-p .A12_Pro-s1 .s1-text .s1-tit{
	font-family: "AvantGarde";
    font-size: 90px;
	line-height: 100px;
    color:#ff4d00;
}
.A12_Pro-p .A12_Pro-s1 .s1-text .s1-tit2{
    font-size: 54px;
    line-height: 70px;
    font-family: "Muli-Bold";
	margin-top: 30px;
}
.A12_Pro-p .A12_Pro-s1 .s1-text .s1-sub{
	margin-top: 20px;
    font-size: 26px;
    line-height: 36px;
	font-family: "Muli-Regular";
}

/*s2*/
.A12_Pro-p .A12_Pro-s2{
    width: 100%;
	padding-bottom: 30px;
}
.A12_Pro-p .A12_Pro-s2 .s2-param{
    position: absolute;
    top:-20px;
	padding: 40px;
    font-size: 22px;
    line-height: 30px;
	color: #333;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
.A12_Pro-p .A12_Pro-s2 .s2-param .s2-item{
	margin-top: 140px;
	text-align: center;
}

/*s3*/
.A12_Pro-p .A12_Pro-s3{
    width:100%;
}
.A12_Pro-p .A12_Pro-s3 img{
	padding-top: 80px;
}
.A12_Pro-p .A12_Pro-s3 .s3-text{
	top:15%;
	color:#fff;
}

/*s4*/
.A12_Pro-p .A12_Pro-s4{
    width:100%;
	padding-top: 50px;
}
.A12_Pro-p .A12_Pro-s4 img{
	padding-top: 30px;
}
.A12_Pro-p .A12_Pro-s4 .s4-text{
    padding: 40px;
}
/*s5*/
.A12_Pro-p .A12_Pro-s5{
    width:100%;
	padding-top: 60px;
}
.A12_Pro-p .A12_Pro-s5 .s5-text{
    top:38%;
	width: 600px;
	text-align: left;
	margin-left: 380px;
}
/*s6*/
.A12_Pro-p .A12_Pro-s6{
	width: 100%;
	padding: 60px 0 80px 0;
}
.A12_Pro-p .A12_Pro-s6 .s6-text{
	top: 38%;
	width: 600px;
	text-align:left;
	margin-left: -360px;
}
/*s7*/
.A12_Pro-p .A12_Pro-s7{
	width: 100%;
	padding-top: 30px;
}
.A12_Pro-p .A12_Pro-s7 img{
	width: 1710px;
	height: 650px;
	float: left;
	margin-top: 200px;
}
.A12_Pro-p .A12_Pro-s7 .s7-text{
    top: 8%;
}

/*s8*/
.A12_Pro-p .A12_Pro-s8{
    width:100%;
	padding-top: 30px;
}
.A12_Pro-p .A12_Pro-s8 img{
	width: 1710px;
	height: 650px;
	float: right;
	margin-top: 200px;
}
.A12_Pro-p .A12_Pro-s8 .s8-text{
	top:8%;
}

/*s9*/
.A12_Pro-p .A12_Pro-s9{
    width:100%;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap:40px;
	padding: 60px 0 80px 0;

}
.A12_Pro-p .A12_Pro-s9 .s9-item{
	display: flex;
	flex-direction: column;
	color: #fff;
	align-content: center;
	text-align: center;
	height: 100%;
}
.A12_Pro-p .A12_Pro-s9 .s9-item .item-01{
	position: absolute;
	width: 700px;
	padding: 20px;
	margin-top: 560px;
	text-align: center;
}
.A12_Pro-p .A12_Pro-s9 .s9-item h2{
	font-size: 30px;
    line-height: 40px;
    font-family: "Muli-Bold";
}
.A12_Pro-p .A12_Pro-s9 .s9-item p{
	margin-top:30px;
	font-size: 18px;
    line-height: 24px;
	font-family: "Muli-Regular";
}

/*s10*/
.A12_Pro-p .A12_Pro-s10{
    width:100%;
	display: flex;
	margin-top: 80px;
}
.A12_Pro-p .A12_Pro-s10 .s10-text{
	width: 500px;
	text-align: left;
	padding: 150px 0 0 60px;
}
.A12_Pro-p .A12_Pro-s10 .s10-text .s10-tag{
	margin-top: 60px;
}
.A12_Pro-p .A12_Pro-s10 .s10-text .s10-tag .tag2{
	margin-top: 20px;
}
.A12_Pro-p .A12_Pro-s10 .s10-text .s10-tag span{
	font-family: "AvantGarde";
    font-size: 54px;
	line-height: 70px;
    color:#ff4d00;
}
.A12_Pro-p .A12_Pro-s10 .s10-text .s10-tag h{
	font-size: 24px;
    line-height: 30px;
    font-family: "Muli-Bold";
}
.A12_Pro-p .A12_Pro-s10 .s10-text .s10-tag p{
	font-size: 18px;
    line-height: 24px;
	font-family: "Muli-Regular";
}
/*s11*/
.A12_Pro-p .A12_Pro-s11{
    width:100%;
	display: flex;
	margin-top: 80px;
}

.A12_Pro-p .A12_Pro-s11 .s11-text{
    width: 620px;
	text-align: left;
	padding: 200px 50px 0 50px;
}
.A12_Pro-p .A12_Pro-s11 .s11-text .s11-tag{
	margin-top: 80px;
	display: flex;
	text-align: center;
	width: 600px;
	gap:30px;
}
.A12_Pro-p .A12_Pro-s11 .s11-text .s11-tag .tag{
	background: #f0f0f0;
	padding: 40px;
	border-radius: 20px;
}
.A12_Pro-p .A12_Pro-s11 .s11-text .s11-tag span{
	font-family: "AvantGarde";
    font-size: 54px;
	line-height: 70px;
    color:#ff4d00;
}
.A12_Pro-p .A12_Pro-s11 .s11-text .s11-tag h{
	font-size: 24px;
    line-height: 30px;
    font-family: "Muli-Bold";
}
.A12_Pro-p .A12_Pro-s11 .s11-text .s11-tag p{
	font-size: 18px;
    line-height: 24px;
	font-family: "Muli-Regular";
}
/*s12*/
.A12_Pro-p .A12_Pro-s10 .s10-text .s12-tag{
	width: 300px;
	height: 180px;
	margin-top: 60px;
}

/*s13*/
.A12_Pro-p .A12_Pro-s11 .s11-text .s13-tag{
	width: 250px;
	height: 100px;
	margin-top: 60px;
}

/*s14*/
.A12_Pro-p .A12_Pro-s14{
	width: 100%;
	background: #f5f5f5;
	margin-top: 80px;
	padding-bottom: 60px;
}
.A12_Pro-p .A12_Pro-s14 .s14-text{
	margin-top: 60px;
	text-align: center;
}
.A12_Pro-p .A12_Pro-s14 .s14-item{
	width: 100%;
	display: flex;
	gap:25px;
	margin-top: 20px;
}
.A12_Pro-p .A12_Pro-s14 .s14-item .item-01{
	width: 490px;
	height: 720px;
}

.A12_Pro-p .A12_Pro-s14 .s14-item p{
	font-size: 24px;
    line-height: 30px;
	font-family: "Muli-Regular";
	color: #333;
	text-align: center;
}
/*s15*/
.A12_Pro-p .A12_Pro-s15{
    width: 100%;
}
.A12_Pro-p .A12_Pro-s15 .s15-text{
    top:10%;
	text-align: left;
}

.A12_Pro-p .A12_Pro-s15 .s15-param{
    margin-top:30px;
    width:570px;
}
.A12_Pro-p .A12_Pro-s15 .s15-param p{
    width:100%;
    height:60px;
    line-height: 60px;
    font-size: 24px;
    border-bottom:1px dashed #333;
    box-sizing: border-box;
}

