.main {
padding-top: 0.5rem;
}
@keyframes zoomLoop {
0% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
.part1 {
height: 8.07rem;
position: relative;
text-align: center;
padding-top: 2.15rem;
color: #000;
overflow: hidden;
}
.part1 .con {
position: relative;
z-index: 1;
}
.part1 .part1-tit {
width: 5.13rem;
height: 0.53rem;
margin: 0 auto 0.25rem;
}
.part1 h5 {
font-family: "Nexa XBold";
font-size: 0.24rem;
line-height: 0.3rem;
margin: 0.5rem 0 0.4rem;
}
.part1 p {
font-size: 0.24rem;
line-height: 0.3rem;
}
.part1 p.con-tit {
font-family: "Nexa XBold";
font-size: 0.24rem;
line-height: 0.3rem;
margin: 0.5rem 0 0.4rem;
}
.part1 .bg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
animation: zoomLoop 4s ease-in-out;
}
.part2 {
height: 9.6rem;
padding-top: 1.8rem;
padding-left: 2.4rem;
}
.part2 .con h2 {
font-family: "Nexa Heavy Italic";
font-size: 0.65rem;
color: #f37021;
margin-bottom: 0.3rem;
}
.part2 .con p {
font-size: 0.24rem;
line-height: 0.3rem;
color: #000;
}
.part2 .msg {
margin-top: 2.7rem;
margin-left: 10rem;
}
.part2 .msg i {
width: 0.29rem;
height: 0.29rem;
border-radius: 50%;
background-color: #f37021;
color: #fedc86;
font-size: 0.16rem;
line-height: 0.29rem;
text-align: center;
}
.part2 .msg .msg-item {
display: flex;
column-gap: 0.1rem;
}
.part2 .msg .msg-item:nth-child(3) i {
font-size: 0.2rem;
}
.part2 .msg p {
font-size: 0.24rem;
line-height: 0.4rem;
font-family: "Nexa XBold";
color: #000;
}
.part2 .msg h5 {
color: #ff8714;
margin-top: 0.05rem;
font-size: 0.24rem;
}
@media (max-width: 750px) {
.main {
padding-top: 1rem;
}
.part1 {
height: 11.57rem;
}
.part1 .part1-tit {
width: 4.31rem;
height: 0.46rem;
margin-bottom: 0.85rem;
}
.part1 p {
font-size: 0.26rem;
line-height: 0.36rem;
letter-spacing: -0.05px;
}
.part1 p.con-tit {
font-size: 0.26rem;
line-height: 0.36rem;
}
.part2 {
background-position: center;
background-size: cover;
padding-top: 0.5rem;
padding-left: 0;
height: 13.34rem;
}
.part2 .con {
text-align: center;
}
.part2 .con h2 {
font-size: 0.55rem;
margin-bottom: 0.45rem;
}
.part2 .con p {
font-size: 0.26rem;
line-height: 0.36rem;
letter-spacing: -0.05px;
}
.part2 .msg {
margin-top: 7.5rem;
margin-left: 2.45rem;
}
.part2 .msg i {
width: 0.38rem;
height: 0.38rem;
line-height: 0.38rem;
font-size: 0.22rem;
}
.part2 .msg p {
font-size: 0.26rem;
line-height: 0.52rem;
}
.part2 .msg .msg-item:nth-child(3) i {
font-size: 0.26rem;
}
.part2 .msg h5 {
font-size: 0.26rem;
line-height: 0.4rem;
letter-spacing: -0.05px;
color: #f3480a;
}
}