/* .main_content {
    padding: 1.1rem 0 .1rem;
} */

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

.quoteBtn {
    width: 3.5rem;
    height: .8rem;
    line-height: .8rem;
    color: #fff;
    font-size: .26rem;
    font-family: pb;
    text-align: center;
    cursor: pointer;
    border-radius: .2rem;
}

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

.product_advantages {
    width: 100%;
    box-shadow: .03rem .03rem .08rem #ecf2f8;
}

.product_advantages .advantages_content {
    width: 7rem;
    margin: 0 auto;
    padding: .6rem 0 .2rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .2rem;
}

.product_advantages .advantages_li {
    display: grid;
    grid-template-columns: .8rem 2fr;
    gap: .15rem;
    margin-bottom: .4rem;
}

.product_advantages .advantages_li img {
    width: 100%;
    height: .6rem;
    object-fit: contain;
}

.product_advantages .advantages_liTxt .titleH {
    font-size: .3rem;
    text-align: left;
    margin-bottom: .1rem;
    color: #052f74;
}

.product_advantages .advantages_liTxt .msgH {
    text-align: left;
}

.product_introduction {
    width: 100%;
}

.product_introduction .introduction_content {
    width: 7rem;
    margin: 0 auto;
    padding: .2rem 0 .6rem;
}

.product_introduction .introduction_L {
    margin-top: .4rem;
}

.product_introduction .introduction_L .titleH,
.product_introduction .introduction_L .msgH {
    text-align: left;
}

.product_introduction .introduction_LEmail {
    font-size: .26rem;
    color: #333;
    margin-top: .2rem;
}

.product_introduction .introduction_LEmail span {
    color: #1361ff;
    margin-left: .1rem;
}

.product_introduction .introduction_L .quoteBtn {
    background-color: #1361ff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .2rem;
    margin: .4rem auto;
}

.product_introduction .quoteBtn img {
    width: .5rem;
    height: .5rem;
    object-fit: contain;
}

.product_introduction .introduction_RTop {
    overflow: hidden;
}

.product_introduction .introduction_RTop img {
    display: none;
    width: 100%;
    height: 4rem;
    object-fit: cover;
}

.product_introduction .introduction_RTop img.active {
    display: block;
}

.product_introduction .introduction_RBottom {
    margin-top: .2rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: .2rem;
}

.product_introduction .introduction_RBottom img {
    width: 100%;
    height: 1.5rem;
    box-sizing: border-box;
    object-fit: cover;
    cursor: pointer;
    border: .03rem solid transparent;
}

.product_introduction .introduction_RBottom img:hover,
.product_introduction .introduction_RBottom img.active {
    border: .03rem solid #1361ff;
}

.why_choose {
    width: 100%;
    background-color: #f5f6fa;
}

.why_choose .choose_content {
    width: 7rem;
    margin: 0 auto;
    padding: .6rem 0;
}

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

.why_choose .choose_li {
    border-radius: .2rem;
    box-shadow: .01rem .01rem .05rem #eee;
    padding: .4rem .2rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #fefefe;
    overflow: hidden;
}

.why_choose .choose_li img {
    width: .8rem;
    height: .8rem;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.why_choose .choose_li img:hover {
    transform: scale(1.05);
}

.why_choose .choose_liTxt {
    margin-left: .2rem;
}

.why_choose .choose_liTxt .titleH {
    text-align: left;
    font-size: .28rem;
    position: relative;
}

.why_choose .choose_liTxt .titleH::after {
    content: '';
    width: .4rem;
    height: .05rem;
    background-color: #1361ff;
    position: absolute;
    left: 0;
    bottom: -.12rem;
}

.why_choose .choose_liTxt .msgH {
    text-align: left;
    padding-top: .2rem;
}

.wide_applications {
    width: 100%;
}

.wide_applications .wide_content {
    width: 7rem;
    margin: 0 auto;
    padding: .6rem 0 0;
}

.wide_applications .wide_ul {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: .2rem;
    margin-top: .2rem;
}

.wide_applications .wide_li {
    overflow: hidden;
}

.wide_applications .wide_li img {
    width: 100%;
    height: 3rem;
    object-fit: cover;
    border-radius: .3rem;
    transition: transform 0.3s ease;
}

.wide_applications .wide_li:hover img {
    transform: scale(1.05);
}

.wide_applications .wide_li .titleH {
    font-size: .26rem;
    margin: .2rem auto;
}

.production_process {
    width: 100%;
    height: 16rem;
    background: url(../img/PaperCupMachines23.jpg) no-repeat center center;
    background-size: contain;
    padding: .6rem 0 0;
    margin-top: 1.3rem;
}

.production_process .titleH {
    margin-top: -1.4rem;
    background-color: #f3f4f8;
    padding: .4rem 0;
}

.video_center {
    width: 100%;
}

.video_center .video_content {
    width: 7rem;
    margin: 0 auto;
    padding: .2rem 0 .6rem;
}

.video_center .video_ul {
    width: 100%;
    margin-top: .4rem;
}

.video_center .video_li {
    width: 100%;
    height: 4rem;
    margin-bottom: .2rem;
}

.machine_model {
    width: 100%;
    background-color: #f5f6fa;
}

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

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

.machine_model .model_li {
    box-shadow: .01rem .01rem .05rem #eee;
    border-radius: .1rem;
    overflow: hidden;
    background-color: #fff;
    position: relative;
}

.machine_model .model_li .model_liHotImg {
    width: 1.3rem;
    height: 1.3rem;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
}

.machine_model .model_li .model_liImg {
    width: 100%;
    height: 2.8rem;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.machine_model .model_li:nth-child(2) .model_liImg {
    padding: .5rem .15rem 0;
}

.machine_model .model_li:nth-child(3) .model_liImg {
    padding: .1rem .15rem;
}

.machine_model .model_li:hover .model_liImg {
    transform: scale(1.05);
}

.machine_model .model_li .titleH {
    font-size: .3rem;
    margin: .2rem auto 0;
}

.machine_model .model_li .msgH {
    text-align: left;
}

.machine_model .model_liItem {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: .1rem .15rem;
}

.machine_model .model_liItem:last-child {
    padding-bottom: .15rem;
}

.machine_model .model_liItem img {
    width: .35rem;
    height: .35rem;
    object-fit: contain;
    margin-right: .1rem;
}

.machine_model .model_li .quoteBtn {
    width: 2.5rem;
    background-color: #1361ff;
    margin: .3rem auto .4rem;
}

.machine_model .model_li:nth-child(2) .quoteBtn {
    margin: .78rem auto 0;
}

.questions_box {
    width: 100%;
}

.questions_box .questions_content {
    width: 7rem;
    margin: 0 auto;
    padding: .6rem 0;
}

.questions_box .questions_ul {
    width: 100%;
    margin: .4rem auto 0;
    display: block;
}

.questions_box .questions_li {
    border: .02rem solid #e1e6ec;
    border-radius: .08rem;
    box-shadow: 0 .02rem .08rem rgba(0, 0, 0, 0.08);
    margin-bottom: .16rem;
    overflow: hidden;
    background-color: #fff;
}

.questions_box .question_title {
    padding: .15rem .3rem;
    display: flex;
    align-items: center;
    gap: .18rem;
    cursor: pointer;
}

.questions_box .question_num {
    width: .6rem;
    height: .6rem;
    line-height: .6rem;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: #1361ff;
    color: #fff;
    font-size: .22rem;
    font-weight: 600;
    text-align: center;
}

.questions_box .question_text {
    flex: 1;
    color: #13213b;
    font-size: .28rem;
    font-family: pb;
    line-height: 1.55;
    padding: .2rem 0;
}

.questions_box .question_arrow {
    width: .2rem;
    height: .2rem;
    flex-shrink: 0;
    border: 0;
    border-right: .04rem solid #1361ff;
    border-bottom: .04rem solid #1361ff;
    background-color: transparent;
    cursor: pointer;
    pointer-events: none;
    transform: rotate(45deg);
    transition: transform .3s ease;
}

.questions_box .questions_li.active .question_arrow {
    transform: rotate(225deg);
}

.questions_box .question_answer {
    display: none;
    padding: .24rem .28rem .32rem;
    background-color: #f7f9fc;
}


.questions_box .questions_li.active .question_answer {
    display: block;
}

.questions_box .question_answer .msgH {
    text-align: left;
    padding: .2rem;
}

.questions_box .question_answer .quoteBtn {
    width: fit-content;
    border-radius: .08rem;
    color: #1361ff;
    font-size: .26rem;
    line-height: 1.6;
    display: flex;
    text-align: left;
    gap: .15rem;
    margin: .2rem 0 0;
}

.questions_box .quoteBtn img {
    width: .4rem;
    height: .4rem;
    object-fit: contain;
}

.supporting_equipment {
    width: 100%;
    background-color: #f5f6fa;
}

.supporting_equipment .supporting_content {
    width: 7rem;
    margin: 0 auto;
    padding: .6rem 0;
}

.supporting_equipment .supporting_swiper_box {
    position: relative;
    width: 100%;
    margin: .38rem auto 0;
}

.supporting_equipment .supporting_swiper {
    width: 100%;
    overflow: hidden;
}

.supporting_equipment .supporting_li {
    width: 100%;
    overflow: hidden;
}

.supporting_equipment .supporting_img {
    width: 100%;
    height: 4.2rem;
    overflow: hidden;
}

.supporting_equipment .supporting_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.supporting_equipment .supporting_title {
    height: 1.3rem;
    padding: 0 .3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #13213b;
    font-size: .3rem;
    line-height: 1.6;
    font-family: pb;
    transition: color .3s ease, background-color .3s ease;
}

.supporting_equipment .supporting_li:hover .supporting_title,
.supporting_equipment .supporting_li:active .supporting_title {
    color: #fff;
    background-color: #003b8f;
}

.supporting_equipment .supporting_swiper .quoteBtn {
    width: 2.5rem;
    color: #fff;
    background-color: #003b8f;
    margin: .2rem auto;
}

.supporting_equipment .supporting_pagination {
    position: static;
    width: 100%;
    margin-top: .34rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .18rem;
}

.supporting_equipment .supporting_pagination .swiper-pagination-bullet {
    width: .66rem;
    height: .08rem;
    border-radius: .1rem;
    margin: 0;
    background-color: #cfcfcf;
    opacity: 1;
}

.supporting_equipment .supporting_pagination .swiper-pagination-bullet-active {
    background-color: #003b8f;
}