.tit45,

.tit45 strong {

    font-size: 45px !important

}





.com_tit_des .title {

    font-family: "Poppins Bold";

    color: #444444;

    line-height: 1

}



.com_tit_des .desc {

    margin-top: 21px;

    font-weight: 400;

    font-size: 15px

}



.view_btn {

    font-weight: 400;

    font-size: 18px;

    color: #ffffff;

    padding: 18px 44px;

    background: var(--color-main);

    display: inline-flex

}



.view_btn:hover {

    color: #fff !important

}



.com_box1_style .sm_tit {

    font-weight: 400;

    font-size: 16px;

    color: #000000;

    line-height: 1

}



.com_box1_style .de_tit {

    font-weight: 400;

    font-size: 49px;

    color: #000000;

    margin-top: 20px;

    line-height: 1

}



.com_box1_style .bold_tit {

    color: #000000;

    margin-top: 18px;

    line-height: 1

}



.com_box1_style .bold_tit p {

    font-size: 60px;

    font-size: 39px;

    font-weight: 400;

}



.com_box1_style .bold_tit strong {

    font-size: 60px;

    font-size: 39px;

    font-weight: bold;

}



.com_box1_style .des {

    margin-top: 40px;

    font-weight: 400;

    font-size: 18px;

    color: #000000;

    line-height: 27px

}



.main {

    background: #f6f6f6;

    padding: calc((83 / 19.2) * 1%) 0 0

}



.main .box1 {

    margin-top: 42px;

    --pd: 12px;

    --l-w: 918px;

    --l-w: calc((918 / 14.8) * 1%)

}



.main .box1>.lll {

    /* padding: 89px 10px 30px 30px; */

    padding: 20px 10px 30px 30px;

    background: #ffffff

}



.main .box1>.lll .zdy-pagination .swiper-pagination-bullet {

    width: 15px;

    height: 15px;

    background: #acacac;

    border-radius: 50%

}



.main .box1>.lll .zdy-pagination .swiper-pagination-bullet-active {

    background: var(--color-main)

}



.main .box1>.lll .box2 {

    --pd: 10px

}



.main .box1>.lll .img {

    padding-bottom: calc((452 / 8.88) * 1%)

}



.main .box1>.lll .view_btn {

    margin-top: 56px

}



.main .box1>.rrr .item {

    --l-w: 36%;

    --pd: 10px;

    background: #fff;

    padding: 45px 10px 18px 18px;

    margin-top: 19px;

    flex-direction: column;

    flex-wrap: nowrap;

    flex-direction: row;

    align-items: center;

}



.main .box1>.rrr .item .lll {

    width: auto;

}



.main .box1>.rrr .item:first-child {

    margin-top: 0

}



.main .box1>.rrr .item .bold_tit {

    margin-top: 14px

}



.main .box1>.rrr .item .des {

    margin-top: 27px

}



.main .box1>.rrr .item .view_btn {

    margin-top: 23px;

    padding: 10px 18px

}



.main .box1>.rrr .item .img {

    padding-bottom: calc((228 / 4.41) * 1%)

}



.main .box2 {

    margin-top: 62px

}



.main .box2 .item {

    --l-w: 616px;

    --l-w: calc((616 / 14.8) * 1%);

    margin-top: 34px;

    --r-pd: calc((190 / 14) * 1%)

}



.main .box2 .item:first-child {

    margin-top: 0

}



.main .box2 .item:nth-child(even) .lll {

    order: 2;

    width: calc(100% - var(--l-w));

    padding: 30px 190px;

    padding: calc((30 / 14) * 1%) var(--r-pd);

    display: flex;

    flex-direction: column;

    justify-content: center

}



.main .box2 .item:nth-child(even) .lll .view_btn {

    align-self: flex-start

}



.main .box2 .item:nth-child(even) .rrr {

    width: var(--l-w);

    padding: 115px 100px 50px

}



.main .box2 .item:nth-child(even) .rrr .img {

    padding-bottom: calc((542 / 4.16) * 1%)

}



.main .box2 .item .lll {

    padding: calc((30 / 14) * 1%) var(--r-pd) calc((30 / 14) * 1%) 0

}



.main .box2 .item .lll .view_btn {

    margin-top: 30px

}



.main .box2 .item .rrr {

    background: #fff

}



.main .box2 .item .rrr .img {

    padding-bottom: calc((461 / 7.5) * 1%)

}



.main .app {

    padding: calc((60 / 19.2) * 1%) 0 0

}



.main .app .main {

    --l-w: calc(100% - 440px);

    --pd: 96px;

    --pd: calc((96 / 14.8) * 1%)

}



.main .app .main .lll {

    padding-right: 47px;

    border-right: 1px solid #7e7e7e;

    display: flex;

    align-items: center

}



.main .app .main .lll .img {

    padding-bottom: calc((275 / 9.11) * 1%);

    width: 383px;

    width: calc((383 / 9.11) * 1%);

    flex-shrink: 0

}



.main .app .main .lll .title {

    font-weight: 400;

    font-size: 49px;

    color: #000000;

    line-height: 1.2;

    padding-bottom: 26px;

    border-bottom: 1px solid #000

}



.main .app .main .lll .desc {

    font-weight: 400;

    font-size: 20px;

    color: #333333;

    line-height: 41px;

    margin-top: 26px

}



.main .app .main .rrr a {

    display: block

}



.main .app .main .rrr .item:first-child .des {

    padding-bottom: 15px;

    border-bottom: 1px solid #585858

}



.main .app .main .rrr .item:not(:first-child) {

    margin-top: 40px

}



.main .app .main .rrr .tit {

    font-weight: bold;

    font-size: 20px;

    color: #000000;

    line-height: 24px

}



.main .app .main .rrr .des {

    margin-top: 20px;

    font-weight: 400;

    font-size: 16px;

    color: #000000;

    line-height: 24px

}



.main .app .lists {

    --pd: 31px;

    --mt: 40px;

    margin-top: calc((75/16)*1%)

}



.main .app .lists .img {

    padding-bottom: calc((575 / 14) * 1%)

}



.list_top .pagation .title,

.list_top .pagation .pagation_list,

.list_top .pagation .product_top_btns {

    display: flex !important

}



@media screen and (max-width:1366px) {

    .main .box2 .item {

        --r-pd: calc((100 / 14) * 1%)

    }



    .main .app .main {

        --pd: calc((40 / 14.8) * 1%)

    }



    .main .app .main .lll {

        width: 100%;

        border: 0;

        padding: 0;

    }



    .main .app .main .rrr {

        width: 100%;

    }

}



@media screen and (max-width:950px) {

    .main .box1>.rrr .item {

        flex-direction: column;

    }



    .tit45,

    .tit45 strong {

        font-size: 25px !important

    }



    .com_box1_style .bold_tit p,

    .com_box1_style .bold_tit strong {

        font-size: 30px

    }



    .flex_main .rrr {

        position: relative

    }



    .main .box1>.lll {

        padding: 50px 30px

    }



    .com_box1_style .des {

        margin-top: 20px

    }



    .main .box1>.lll .view_btn {

        margin-top: 30px

    }



    .main {

        padding: calc((150 / 19.2) * 1%) 0 0

    }



    .main .box2 {

        margin: 0

    }



    .main .box2 .item:nth-child(even) .lll {

        width: 100%;

        order: unset

    }



    .main .box2 .item .lll {

        padding: 20px 0 !important;

        width: 100%

    }



    .main .box2 .item .rrr {

        width: 100% !important;

        padding: 0 !important

    }



    .main .box2 .item .rrr .img {

        padding-bottom: 70%

    }



    .view_btn {

        font-size: 16px;

        padding: 8px 18px

    }



    .main .app .main .lll {

        flex-direction: column;

        padding: 0;

        border: unset

    }



    .main .app .main .lll .info {

        margin-top: 20px

    }



    .main .app .main .lll .desc {

        font-size: 16px;

        margin-top: 16px;

        line-height: 1.8

    }



    .main .app .lists {

        margin-top: 30px

    }



    .main .app .lists .img {

        padding: 0;

        height: unset

    }



    .main .app .lists .img img {

        position: unset

    }

}