.product_banner {
    width: 100%;
    height: 8.5rem;
    background: url(../img/SpiderCrane-banner.jpg) no-repeat center center;
    background-size: cover;
}

.product_model {
    width: 100%;
}

.product_model .model_content {
    width: 15rem;
    margin: 0 auto;
    padding: .6rem 0 1.2rem;
    overflow: hidden;
}

.product_model .model_swiper {
    width: 100%;
    position: relative;
    padding: 1rem 0;
}

.product_model .model_swiper .swiper-slide {
    width: 100%;
    flex-shrink: 0;
}

.product_model .model_swiper .model_li {
    width: 100%;
    background-color: #f5f5f5;
    padding: .8rem 0 .8rem 2.5rem;
    position: relative;
}

.product_model .model_swiper .swiper-button-prev,
.product_model .model_swiper .swiper-button-next {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background-color: #ffb30b;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.product_model .model_swiper .swiper-button-prev {
    left: 0.3rem;
}

.product_model .model_swiper .swiper-button-next {
    right: 0.3rem;
}

.product_model .model_swiper .swiper-button-prev::after,
.product_model .model_swiper .swiper-button-next::after {
    font-size: .2rem;
    color: #fff;
    font-weight: bold;
}

.product_model .model_swiper .swiper-button-disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

.product_model .model_swiper .model_li .titleH {
    font-size: .3rem;
    text-align: left;
    position: relative;
    margin-bottom: .6rem;
}

.product_model .model_swiper .model_li .titleH::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -.2rem;
    width: 1rem;
    height: .06rem;
    background-color: #ffb30b;
}

.product_model .model_swiper .model_li .msgH {
    text-align: left;
    margin-bottom: .2rem;
    color: #686565;
}

.product_model .model_swiper .model_li .model_liImg {
    width: 100%;
    height: 7rem;
    position: absolute;
    top: -1rem;
    right: -3rem;
}

.product_model .model_swiper .model_li .model_liImg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product_detail {
    width: 100%;
    background-color: #ffb30b;
}

.product_detail .detail_content {
    width: 15rem;
    margin: 0 auto;
    padding: .8rem 0 .6rem;
}

.product_detail .titleH {
    margin-bottom: .4rem;
}

.product_detail .detail_ul {
    display: none;
}

.product_detail .detail_imgP {
    width: 100%;
    height: 7.5rem;
    margin-top: -.6rem;
}

.application_scenarios {
    width: 100%;
}

.application_scenarios .application_content {
    width: 15rem;
    margin: 0 auto;
    padding: .6rem 0;
}

.application_scenarios .application_ul {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: .2rem;
    margin-top: .4rem;
}

.application_scenarios .application_L {
    width: 100%;
    height: 6.9rem;
    overflow: hidden;
}

.application_scenarios .application_L img,
.application_scenarios .application_RImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.application_scenarios .application_L img:hover,
.application_scenarios .application_RImg img:hover {
    transform: scale(1.05);
}

.application_scenarios .application_R {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: .2rem;
}

.application_scenarios .application_RImg {
    width: 100%;
    height: 3.3rem;
    overflow: hidden;
}

.customer_feedback {
    width: 100%;
    background-color: #feb403;
    padding: .6rem 0;
}

.customer_feedback .titleH {
    margin: 0 auto;
}

.customer_feedback .customer_img {
    width: 100%;
    height: 8rem;
    margin: 0 auto;
    background: url(../img/SpiderCrane18.jpg) no-repeat center center;
    background-size: contain;
}

.whyChoose_us {
    width: 100%;
}

.whyChoose_us .why_content {
    width: 15rem;
    margin: 0 auto;
    padding: .8rem 0 .6rem;
}

.whyChoose_us .msgHT {
    margin-top: .2rem;
}

.whyChoose_us .why_ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-top: .8rem;
}

.whyChoose_us .why_li {
    padding: .2rem .4rem;
    font-size: .22rem;
    font-family: pb;
    color: #192a39;
    background-color: #fff;
    border: 2px solid #ffb30b;
    border-radius: .05rem;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    position: relative;
}

.whyChoose_us .why_li:hover {
    background-color: #f5f5f5;
}

.whyChoose_us .why_li.active {
    background-color: #ffb30b;
    color: #fff;
}

.whyChoose_us .why_li.active::after {
    content: '';
    position: absolute;
    bottom: -0.12rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 0.12rem solid transparent;
    border-right: 0.12rem solid transparent;
    border-top: 0.12rem solid #ffb30b;
}

.whyChoose_us .why_libox1,
.whyChoose_us .why_libox2 {
    display: none;
    margin-top: .4rem;
}

.whyChoose_us .why_libox1.active,
.whyChoose_us .why_libox2.active {
    display: block;
}

.whyChoose_us .why_libox_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .2rem;
}

.whyChoose_us .why_libox_grid .grid_item {
    width: 100%;
    height: 2.6rem;
    overflow: hidden;
    border-radius: .1rem;
}

.whyChoose_us .why_libox_grid .grid_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;
}

.whyChoose_us .why_libox_grid .grid_item img:hover {
    transform: scale(1.05);
}

.online_messageY {
    display: none;
}

.online_messageP {
    width: 100%;
    margin-top: .5rem;
}

.online_messageP .online_formBox {
    width: 15rem;
    margin: 0 auto;
    height: 8.49rem;
    background: url(../img/SpiderCrane36.jpg) no-repeat;
    background-size: contain;
    position: relative;
}

.online_messageP .online_form {
    width: 60%;
    position: absolute;
    left: 35%;
    top: 43%;
    transform: translateY(-50%);
}

.online_messageP .form_title {
    font-size: .48rem;
    font-family: pb;
    color: #192a3a;
    font-weight: 600;
}

.online_messageP .form_subtitle {
    font-size: .18rem;
    font-family: pr;
    color: #666;
    line-height: .32rem;
    margin-bottom: .2rem;
}

.online_messageP .message_form {
    width: 100%;
    padding-bottom: 1.2rem;
}

.online_messageP .form_row {
    display: flex;
    gap: .2rem;
    margin-bottom: .2rem;
}

.online_messageP .form_group {
    flex: 1;
}

.online_messageP .form_group.full_width {
    flex: 1 1 100%;
}

.online_messageP .input_wrapper {
    position: relative;
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: .08rem;
    background-color: #fff;
    display: flex;
    align-items: center;
}

.online_messageP .input_icon {
    width: .24rem;
    height: .24rem;
    margin: 0 .15rem;
    flex-shrink: 0;
}

.online_messageP .input_wrapper input,
.online_messageP .input_wrapper textarea {
    flex: 1;
    border: none;
    outline: none;
    padding: .15rem .15rem .15rem 0;
    font-size: .18rem;
    font-family: pr;
    color: #192a3a;
    background-color: transparent;
}

.online_messageP .input_wrapper input::placeholder,
.online_messageP .input_wrapper textarea::placeholder {
    color: #999;
}

.online_messageP .input_wrapper textarea {
    min-height: 1.2rem;
    resize: vertical;
    padding-top: .2rem;
}

.online_messageP .textarea_wrapper {
    align-items: flex-start;
}

.online_messageP .textarea_icon {
    margin-top: .2rem;
}

.online_messageP .form_submit {
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: .4rem;
    transform: translateX(-50%);
    width: 100%;
}

.online_messageP .form_submit button {
    background-color: #ffb30b;
    color: #fff;
    font-size: .28rem;
    font-family: pb;
    font-weight: 600;
    padding: .1rem 1.5rem;
    border: none;
    border-radius: .5rem;
    cursor: pointer;
    transition: all 0.3s;
}

.online_messageP .form_submit button:hover {
    background-color: #ffb30b;
}