.msgH {
    font-size: .26rem !important;
}

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

.product_model {
    width: 100%;
}

.product_model .model_content {
    width: 7rem;
    margin: 0 auto;
    padding: .6rem 0 0;
}

.product_model .model_swiper {
    width: 100%;
    position: relative;
    overflow: hidden;
}

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

.product_model .model_swiper .model_li {
    width: 100%;
    background-color: #f5f5f5;
    padding: .8rem .5rem;
    display: flex;
    flex-direction: column;
}

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

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

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

.product_model .model_swiper .swiper-button-prev::after,
.product_model .model_swiper .swiper-button-next::after {
    font-size: .26rem;
    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: .36rem;
    position: relative;
    margin-bottom: .6rem;
}

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

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

.product_model .model_swiper .model_li .model_liImg {
    width: 100%;
    height: 6rem;
    margin-top: .4rem;
}

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

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

.product_detail .detail_content {
    width: 100%;
    padding: .6rem .3rem;
}

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

.product_detail .detail_imgP {
    display: none;
}

.product_detail .detail_ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.product_detail .detail_li {
    width: 50%;
}

.product_detail .detail_liImg {
    width: 100%;
    height: 3rem;
}

.product_detail .detail_liTxt1,
.product_detail .detail_liTxt2 {
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    font-size: .27rem;
    font-family: pr;
    font-weight: 600;
    color: #757373;
    background-color: #fff;
}

.product_detail .detail_liTxt2 {
    background-color: #eeeff3;
}

.application_scenarios {
    width: 100%;
}

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

.application_scenarios .application_ul {
    width: 100%;
    margin-top: .4rem;
}

.application_scenarios .application_L {
    width: 100%;
    height: 6.8rem;
    overflow: hidden;
    margin-bottom: .2rem;
}

.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 .customer_img {
    width: 100%;
    height: 11.5rem;
    margin: 0 auto;
    background: url(../img/SpiderCrane19.jpg) no-repeat center center;
    background-size: contain;
}

.whyChoose_us {
    width: 100%;
}

.whyChoose_us .why_content {
    width: 100%;
    padding: .5rem .3rem 1rem;
}

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

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

.whyChoose_us .why_li {
    padding: .2rem .4rem;
    font-size: .26rem;
    font-family: pb;
    color: #192a39;
    background-color: #fff;
    border: .01rem 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: -.16rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: .2rem solid transparent;
    border-right: .2rem solid transparent;
    border-top: .2rem 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(2, 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_messageP {
    display: none;
}

.online_messageY {
    width: 100%;
    background-color: #f5f5f5;
}

.online_messageY .online_center {
    width: 100%;
    padding: .5rem .3rem .5rem;
}

.online_messageY .form_box {
    width: 100%;
    background-color: #f7f7f7;
    box-shadow: .01rem .02rem .05rem 0 #00000033;
    margin: .4rem 0;
    padding: .3rem;
    text-align: center;
}

.online_messageY .online_msg {
    font-size: .26rem;
    font-family: pr;
    color: #666;
    line-height: .36rem;
    margin-bottom: .4rem;
}

.online_messageY .online_form,
.online_messageY .message_form {
    width: 100%;
}

.online_messageY .form_group {
    width: 100%;
    margin-bottom: .2rem;
}

.online_messageY .input_wrapper {
    width: 100%;
    height: 1rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 0 .3rem;
    box-shadow: .01rem .02rem .05rem 0 #0000001a;
    border-radius: .05rem;
}

.online_messageY .input_icon {
    width: .4rem;
    height: .4rem;
    margin-right: .2rem;
}

.online_messageY .textarea_wrapper {
    height: 2rem;
    align-items: flex-start;
    padding-top: .3rem;
}

.online_messageY .textarea_icon {
    margin-top: 0;
}

.online_messageY .input_wrapper input,
.online_messageY .input_wrapper textarea {
    width: 100%;
    border: none;
    outline: none;
    font-size: .28rem;
    font-family: pr;
    color: #333;
    background-color: transparent;
}

.online_messageY .input_wrapper input::placeholder,
.online_messageY .input_wrapper textarea::placeholder {
    color: #999;
    font-size: .26rem;
}

.online_messageY .input_wrapper textarea {
    height: 1.5rem;
    resize: none;
    line-height: .5rem;
}

.online_messageY .form_submit {
    width: 100%;
    margin-top: -.4rem;
}

.online_messageY .form_submit button {
    width: 50%;
    height: .8rem;
    background-color: #ffb30b;
    color: #fff;
    border: none;
    border-radius: .5rem;
    font-size: .32rem;
    font-family: pb;
    cursor: pointer;
    transition: all 0.3s;
}

.online_messageY .form_submit button:hover {
    background-color: #c91018;
}