@font-face {
    font-family: "Roboto-Bold";
    src: url("/u_file/photo/products_detail/font/Roboto-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto-Regular";
    src: url("/u_file/photo/products_detail/font/Roboto-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto-Black";
    src: url("/u_file/photo/products_detail/font/Roboto-Black.ttf") format("truetype");
}
@font-face {
    font-family: "AvantGarde";
    src: url("/u_file/photo/products_detail/font/3957FE_1.OTF") format("truetype");
}
body,p{
    font-family: "Roboto-Regular";
}
.t60s-pr .img{
    width:100%;
}
.t60s-pr img{
    display: block;
    width:100%;
    pointer-events: none;
	vertical-align: middle;
}
.mu-b{
    font-family: "Roboto-Bold";
}
.mu-r{
    font-family: "Roboto-Regular";
}
.t60s-pr{
    width:100%;
    background: #fff;
    font-family: "Roboto-Regular";
    position: relative;
    overflow: hidden;
}
.t60s-pr .relative{
    width:100%;
    position: relative;
    margin:0 auto;
    color:#333;
    font-family: "Roboto-Regular";
    overflow: hidden;
}
.t60s-pr .t60s-cw{
    max-width:95%;
    min-width: 62.5%;
    margin: 0 auto;
	text-align: center;
}
.t60s-pr .absolute{
    width:95%;
    position: absolute;
    left:50%;
    transform: translateX(-50%);
	text-align: center;
}
.t60s-pr .t60s-clear-both{
    zoom: 1;
}
.t60s-pr .t60s-clear-both:before,.t60s-pr .t60s-clear-both:after{
    display: block;
    content: "";
    clear: both;
    visibility: hidden;
    height:0;
}
.t60s-pr .fff{
    color:#fff;
}

.t0{
    font-size: 50px;
    line-height: 60px;
}
.t1{
    font-size: 30px;
    color: #ff4d00;
	margin-bottom: 10px;
}
.t2{
    font-size: 42px;
    line-height: 50px;
	margin-bottom: 10px;
}
.t3{
    font-size: 26px;
	line-height: 36px;
	margin-top: 20px;
}
.t4{
    font-size: 30px;
	line-height: 36px;
}
.t5{
    font-size: 20px;
	line-height: 30px;
	margin-top: 10px;
}
.t6{
    font-size: 24px;
	line-height: 30px;
	margin-top: 10px;
}
.t7{
    font-size: 28px;
	line-height: 36px;
	margin-bottom: 10px;
}
/*s1*/
.t60s-pr .t60s-s1{
    width: 100%;
}
.t60s-pr .t60s-s1 .s1-text{
    color:#fff;
	top: 10%;
}
.t60s-pr .t60s-s1 .s1-text .s1-tit{
    font-family: "AvantGarde";
    font-size: 70px;
    line-height: 50px;
    color:#ff4d00;
}
.t60s-pr .t60s-s1 .s1-text .s1-tit2{
    font-size: 42px;
    line-height: 60px;
    margin-top:30px;
    font-family: "Roboto-Bold";
}
.t60s-pr .t60s-s1 .s1-text .s1-sub{
    font-size: 24px;
    margin-top:10px;
}

/*s2*/
.t60s-pr .t60s-s2{
    width: 100%;
	margin-top: 30px;
}

.t60s-pr .t60s-s2 .s2-l{
    display: flex;
	color: #fff;
	height: 425px;
}
.t60s-pr .t60s-s2 .s2-l .s2-p1{
    width: 50%;
	text-align: center;
}
.t60s-pr .t60s-s2 .s2-l .s2-p1 p{
    margin-top: -400px;
	font-size: 20px;
}

.t60s-pr .t60s-s2 .s2-l .s2-p2{
    width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 255px;
}

.t60s-pr .t60s-s2 .s2-l .s2-p2 .s2-p2-1 p{
    margin-top: -185px;
	font-size: 20px;
}

.t60s-pr .t60s-s2 .s2-p3{
    width: 100%;
	height: 240px;
}
.t60s-pr .t60s-s2 .s2-p3 p{
	margin: -120px 0 0 -350px;
	font-size: 22px;
}

/*s3*/
.t60s-pr .t60s-s3{
    width:100%;
}
.t60s-pr .t60s-s3 .t60s-s3-txt{
	top: 5%;
}

/*s4*/
.t60s-pr .t60s-s4{
    height:1380px;
    width: 100%;
    background: #fff;
    margin:50px auto 0;
}
.t60s-pr .t60s-s4 .t60s-s4-txt{
	text-align: center;
}
.t60s-pr .t60s-s4 .s4-1{
	width: 100%;
	margin-top: 40px;
}
.t60s-pr .t60s-s4 .s4-2{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
}
.t60s-pr .t60s-s4 .s4-2 .s4-item{
    width: 49%;
}
.t60s-pr .t60s-s4 .s4-2 .s4-item .text{
	width: 45%;
	position: absolute;
	margin: -195px 0 0 8px;
}

.t60s-pr .t60s-s4 .s4-2 .s4-item .s4-item-line{
	line-height: 24px;
	border-top: 1px solid #d8d8d8;
	padding-top: 10px;
}
.t60s-pr .t60s-s4 .s4-2 .s4-item img{
	margin-bottom: 20px;
}

/*s5*/
.t60s-pr .t60s-s5{
	width: 100%;
	height: 1280px;
}
.t60s-pr .t60s-s5 .t60s-s5-txt{
	top:3%;
	color: #fff;
}
.t60s-pr .t60s-s5 .s5-item{
	width: 95%;
	margin-left: 2.5%;
}
.t60s-pr .t60s-s5 .s5-item img{
	margin-top: 30px;
}
.t60s-pr .t60s-s5 .s5-item .s5-item-txt1{
	position: absolute;
	width: 380px;
	margin: -150px 0 0 320px;
}
.t60s-pr .t60s-s5 .s5-item .s5-item-txt2{
	position: absolute;
	width: 400px;
	margin: -160px 0 0 30px;
}

/*s6*/
 
.t60s-pr .t60s-s6{
	width: 100%;
    height: 1200px;
}
.t60s-pr .t60s-s6 .t60s-s6-txt{
	top:2%;
	color: #fff;
}
.t60s-pr .t60s-s6 .content-text{
	width: 70%;
    position: absolute;
    color: #fff;
	display: flex;
	top:24%;
	justify-content: space-around;
}

.t60s-pr .t60s-s6 .slide-content{
    display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.t60s-pr .t60s-s6 .slide-content .slide{
	width: 49%;
}
.t60s-pr .t60s-s6 .slide-content .slide .slide-text{
	margin-top: 20px;
}
/*s7*/
.t60s-pr .t60s-s7{
    width: 100%
}
.t60s-pr .t60s-s7 .s7-text{
    top:5%;
}

/*s10*/
.t60s-pr .t60s-s10{
	width: 100%;
}

.t60s-pr .t60s-s10 .s10-text{
	top:5%;
}
.t60s-pr .t60s-s10 .s10-txt{
	top: 32%;
    display: flex;
	justify-content: space-around;
}
.t60s-pr .t60s-s10 .s10-txt .num{
	font-size: 80px;
	font-family: "AvantGarde";
	color: #ff4d00;
}

/*s11*/
.t60s-pr .t60s-s11{
	width: 100%;
}
	
.t60s-pr .t60s-s11 .s11-text{
	top:3%;
}
.t60s-pr .t60s-s11 .s11-txt{
	top: 88%;
    display: flex;
	justify-content: space-around;
}
.t60s-pr .t60s-s11 .s11-txt1{
	width: 48%;
}

/*s14*/

.t60s-pr .t60s-s14-2{
	width: 100%;
	height: 580px;
	display: flex;
	justify-content: space-between;
}
.t60s-pr .t60s-s14-2 .s14-item{
	width: 49%;
	margin-top: 20px;
}
.t60s-pr .t60s-s14-2 .s14-item .s14-txt{
	margin-top: 30px;
	text-align: left;
}

/*s16*/
.t60s-pr .t60s-s16{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
}
.t60s-pr .t60s-s16 .s16-item{
    width: 49%;
	height: 320px;
}
.t60s-pr .t60s-s16 .s16-item .s16-item-line{
	height: 80px;
	border-top: 1px solid #d8d8d8;
	padding-top: 10px;
}
.t60s-pr .t60s-s16 .s16-2 .s16-item img{
	margin-bottom: 20px;
}

/*s17*/
.t60s-pr .t60s-s17{
	width:100%;
}

.t60s-pr .t60s-s17 .s17-text{
	top:5%;
}
.t60s-pr .t60s-s17 .s17-item{
	width: 102%;
	display: flex;
	position: absolute;
	justify-content: space-evenly;
	top:85%;
}
.t60s-pr .t60s-s17 .s17-item .s17-txt{
	width: 42%;
}
.t60s-pr .t60s-s17 .s17-item .s17-txt .number{
	font-size: 50px;
	line-height: 60px;
	font-family: "AvantGarde";
	color: #fff;
}

/*app*/
.t60s-app{
	width: 100%;
	height: 1550px;
	background: #000;
}
.t60s-app .s18-text{
	top: 3%;
}
.t60s-app .t60s-s18{
	width: 100%;
    margin-top: 45%;
}
.t60s-s18 .s18-left{
	background: #333;
	height: 700px;
	width: 100%;
	border-radius: 0 0 20px 20px ;
}

.s18-right{
    width: 100%;
	height: 482px;
    overflow: hidden;
	position: relative;
}
.s18-img{
	display: none;
}
.s18-img:first-child {
    display: block;     /* 默认显示第一张 */
        }
.s18-list{
	text-align: left;
	border-left: 2px solid #5c3727;
	padding-top: 50px;
	margin-left: 80px;
}
.s18-t{
    height: 60px;
    line-height: 60px;
    border-left: 5px solid #ff4d00;
    padding-left: 30px;
    margin-bottom: 10px;
    font-size: 36px;
    color: #fff;
    opacity: 0.1;
    cursor: pointer;
	margin-left: -3px;
	transition: opacity 0.3s; /* 添加过渡效果 */
}
.s18-t.on{
    opacity: 1;
}
.s18-bot{
    margin-top: 70px;
}
.s18-botm{
    color: #fff;
    font-size: 30px;
	display: none;
}
.s18-botm:first-child {
    display: block;     /* 默认显示第一条 */
    }


/*s19*/
.t60s-pr .t60s-s19{
	width: 100%;
    height:1020px;
}
.t60s-pr .t60s-s19 img{
    width: 95%;
    margin: 350px 0 0 2.5%;
}	
.t60s-pr .t60s-s19 .s19-text{
    top:5%;
}
/*s20*/
.t60s-pr .t60s-s20{
	width: 100%;
}
.t60s-pr .t60s-s20 .s20-text{
	position: absolute;
	top: 60px;
	text-align: center;
}
.t60s-pr .t60s-s20 .list-l{
	width: 40%;
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 59%;
	margin-left: 40px;
}

.t60s-pr .t60s-s20 .list-l .list-txt{
	margin-bottom: 70px;
}
.t60s-pr .t60s-s20 .list-r{
	width: 45%;
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 58%;
	margin-left: 390px;
}
.t60s-pr .t60s-s20 .list-r .list-txt{
	margin-bottom: 60px;
}

/*s21*/
.t60s-pr .t60s-s21{
	width: 100%;
}
.t60s-pr .t60s-s21 .s21-text{
    top:4%;
}
.t60s-pr .t60s-s21 .s21-content{
	top: 51%;
	text-align: left;
}
.t60s-pr .t60s-s21 .s21-param{
    width:100%;
	display: flex;
	margin-left: 2.5%;
	margin-top: 20px;
}
.t60s-pr .t60s-s21 .s21-param p{
    width:50%;
	font-size: 26px;
    line-height: 36px;
	font-family: "Roboto-Regular";
}
.t60s-pr .t60s-s21 .s21-param span{
	font-size: 32px;
	line-height: 50px;
	font-family: "Roboto-Bold";
}