/* pc */
@media only screen and (min-width: 750px) {
    .public_title {
        font-size: 30px;
        color: #0270c1;
        text-align: center;
    }

    .white {
        color: #fff;
    }

    /* 压电陶瓷晶片 */
    .product_one {
        padding: 40px 0 0 0;
        background-image: url(../img/probg1.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 1920px 100%;
        height: 898px;
        box-sizing: border-box;
        overflow: hidden;
    }

    .prodeta_one .main {
        width: 1222px;
    }

    .one_cont {
        display: flex;
        flex-wrap: wrap;
        margin-top: 95px;
    }

    .product_list {
        width: 430px;
        height: 274px;
        overflow: hidden;
        display: block;
        position: relative;
        /* margin-left: 12px; */
        /* margin-top: 15px; */
    }

    .one_cont .bounceInLeft{
        width: 430px;
        height: 274px;
        overflow: hidden;
        display: block;
        position: relative;
        margin-left: 12px;
        margin-top: 15px;
    }

    .product_list:nth-child(3n+1) {
        margin-left: 0;
    }

    .product_list::before {
        background-color: #0271c1;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 100%;
        transition: all 0.3s ease 0s;
    }

    .product_list:hover::before {
        opacity: 0.8;
    }

    .product_list .product_list_img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .product_list .title {
        color: #ffffff;
        display: block;
        font-size: 22px;
        left: 0;
        letter-spacing: 1px;
        line-height: 28px;
        margin-top: 15px;
        opacity: 0;
        padding: 0 15px;
        position: absolute;
        right: 0;
        text-align: center;
        text-transform: uppercase;
        top: 40%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: all 0.3s ease 0s;
    }

    .product_list:hover .title {
        margin-top: 0;
        opacity: 1;
    }

    .product_list .category {
        width: 40px;
        height: 40px;
        position: absolute;
        content: "";
        bottom: 30%;
        display: block;
        left: 50%;
        opacity: 0;
        text-transform: uppercase;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 9;
        transition: all 0.3s ease 0s;
        margin-bottom: 15px;
    }

    .product_list:hover .category {
        margin-bottom: 0;
        opacity: 1;
    }

    .more {
        font-size: 20px;
        color: #162631;
        display: block;
        text-align: center;
        margin: auto;
        width: 50px;
        word-break: keep-all;
        line-height: 30px;
        border-bottom: 1px solid #162631;
        margin-top: 50px;
    }

    .more:hover {
        color: #0270c1;
        border-bottom: 1px solid #0270c1;
    }

    .product_two {
        padding-top: 50px;
        padding-bottom: 60px;
        background-image: url(../img/probg2.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        overflow: hidden;
    }

    .two_cont {
        display: flex;
        justify-content: space-between;
        margin-top: 60px;
    }

    .two_list {
        /* border: 1px solid #ededed; */
        background-color: #f4f7fc;
        width: 430px;
        box-sizing: border-box;
    }

    .two_list_img {
        width: 100%;
        height: 274px;
        display: block;
        overflow: hidden;
        border-bottom: 1px solid #ededed;
    }

    .two_list_img img {
        width: 100%;
        height: 100%;
        display: block;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .two_tit {
        width: 100%;
        height: 100px;
        line-height: 100px;
        text-align: center;
        padding: 0 20px;
        box-sizing: border-box;
        font-size: 25px;
        color: #5c5c5c;
    }

    .two_list:hover .two_list_img img {
        transform: scale(1.2);
    }

    .two_list:hover .two_tit {
        color: #0270c1;
    }

    .product_there {
        background-image: url(../img/probg3.jpg);
        background-size: 1920px 100%;
        background-repeat: no-repeat;
        background-position: center center;
        padding-top: 45px;
        padding-bottom: 110px;
        overflow: hidden;
    }

    .there_cont {
        margin-top: 60px;
        background-color: #fff;
        border-radius: 5px;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
        padding: 50px 118px 50px;
        position: relative;
    }
    .right-wrap{
        display: flex;
        align-items: center;
        justify-content: center;
    }
   .right-wrap img{
       width: 430px;
       height: 274px;
}
    .there_cont::after {
        position: absolute;
        content: "";
        width: 150px;
        height: 100%;
        background-image: url(../img/mengban.png);
        z-index: 1;
        top: 0;
        right: 0;
    }

    .there_left {
        width: 500px;
    }

    .there_left_top {
        margin-top: 25px;
    }

    .there_list {
        display: none;
    }

    .there_list:nth-child(1) {
        display: block;
    }

    .there_list span {
        font-size: 25px;
        color: #1b2b37;
        display: block;
    }

    .there_list p {
        font-size: 16px;
        color: #5c5c5c;
        line-height: 27px;
        margin-top: 20px;
        -webkit-line-clamp: 5;
        height: 135px;
    }

    .there_left_bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 8px;
    }

    .there_left_bottom .more {
        margin: 0;
    }

    .there_left_bottom .product_anniu {
        position: relative;
        width: 130px;
        height: 53px;
    }

    .product_lunprev,
    .product_lunnext {
        width: 53px;
        height: 53px;
        background-size: 100% 100%;
        margin-top: -27px;
    }

    .product_lunprev {
        background-image: url(../img/thrle.png);
        left: 0;
    }

    .product_lunnext {
        background-image: url(../img/thrri.png);
        right: 0;
    }

    .there_right {
        margin-left: auto;
    }

    .product_lunbo {
        width: 705px;
        padding: 10px;
    }

    .product_lunbo .swiper-slide {
        width: 485px;
    }

    .there_img {
        width: 430px;
        height: 274px;
        overflow: hidden;
        /* border: 1px solid #fff; */
        box-sizing: border-box;
        box-shadow: 0px 0px 10px 3px rgba(229, 233, 243, 1);
    }

    .there_img img {
        width: 100%;
        height: 100%;
        display: block;
    }

    /* 产品中心列表页 */
    .productList {
        background-color: #f4f7fc;
        padding-top: 55px;
        padding-bottom: 65px;
    }

    .productList_cont {
        margin-top: 40px;
        display: flex;
        justify-content: center;
    }

    .productList_nav {
        width: 165px;
    }

    .productList_nav .nav_pl {
        display: block;
        width: 165px;
        /* height: 47px; */
        background-color: #fff;
        font-size: 18px;
        color: #0270c1;
        line-height: 22px;
        margin-top: 20px;
        box-sizing: border-box;
        cursor: pointer;
        padding: 10px 18px;
    }

    .productList_nav .nav_pl.active,
    .productList_nav .nav_pl:hover {
        background-color: #0270c1;
        color: #fff;
    }

    .productList_right {
        /* width: 1140px; */
        /* margin-left: auto; */
    }

    .productList_right_cont {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        /* justify-content: space-between; */
        justify-content: center;
        gap: 13.3px;
    }

    .productList_right .product_list {
        width: 430px;
        height: 274px;
        /* margin-left: 17px; */
        /* margin-top: 20px; */
    }

    /* .productList_right .product_list:nth-child(3n+1) {
        margin-left: 17px;
    } */

    .productList_right .product_list:nth-child(2n+1) {
        margin-left: 0;
    }

    /* 产品中心详情页 */
    .prodeta_one {
        padding: 89px 0 78px 0;
        background-color: #f4f7fc;
    }

    .prodeta_one_cont {
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }

    .prodeta_one_left {
        /* width: 560px; */
        /* width: 460px; */
        width: 430px;
    }

    .prio_top {
        width: 100%;
        /* height: 360px; */
        height: 274px;
    }

    .prio_top .prio_top_list {
        width: 100%;
        height: 100%;
        display: none;
    }


    .prio_top .prio_top_list:nth-child(1) {
        display: block;
    }

    .prio_top .prio_top_list img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .prio_bot {
        width: 100%;
        position: relative;
        margin-top: 20px;
        display: flex;
        justify-content: center;
        gap: 20px;
    }
    .prio_bot img {
        width: 104px;
        height: 66px;
        cursor: pointer;
    }
    .prio_lunprev,
    .prio_lunnext {
        width: 24px;
        height: 71px;
        background-color: #d6ddee;
        top: 0;
        margin-top: 0;
        background-size: 14px 26px;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .prio_lunprev {
        left: 0;
    }

    .prio_lunnext {
        right: 0;
    }

    .prio_bot .prio_lunbo {
        /* width: 500px; */
        margin: auto;
        width: 430px;
    }


    .prio_bot .prio_lunbo .prio_img {
        width: 110px;
        height: 71px;
        position: relative;
    }

    .prio_bot .prio_lunbo .prio_img::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: rgba(2, 2, 2, 0.5);
    }

    .swiper-slide-active .prio_img::after {
        display: none;
    }

    .prio_bot .prio_lunbo .prio_img img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .prodeta_one_right {
        /* width: 740px; */
        flex: 1;
    }

    .prodeta_one_right_tit {
        width: 100%;
        /* height: 114px; */
        background-image: url(../img/omribg.jpg);
        background-size: 100% 100%;
        padding: 20px 35px;
        box-sizing: border-box;
        position: relative;
    }

    .prodeta_one_right_tit::after {
        position: absolute;
        content: "";
        width: 15px;
        height: 30px;
        background-color: #01fcff;
        top: 25px;
        left: 0;
    }

    .prodeta_one_right_tit>span {
        font-size: 26px;
        color: #fff;
        display: block;
    }

    .prodeta_one_right_tit>p {
        font-size: 16px;
        color: #fff;
        margin-top: 8px;
    }

    .prodeta_one_right_text {
        padding: 30px 25px 0 25px;
        width: 100%;
        box-sizing: border-box;
    }

    .prodeta_one_right_text .onri_tit {
        font-size: 20px;
        color: #1b2b37;
    }

    .prodeta_one_right_text .onri_text {
        font-size: 20px;
        color: #1b2b37;
        -webkit-line-clamp: 6;
        margin-top: 15px;
        line-height: 30px;
        /* height: 180px; */
    }

    .relian {
        font-size: 20px;
        color: #1b2b37;
        margin-top: 30px;
    }

    .prodeta_two {
        padding: 35px 0 85px 0;
    }

    .prodeta_two_cont {
        font-size: 22px;
        color: #474747;
        line-height: 30px;
        position: relative;
        margin-top: 25px;
        border-top: 2px solid #e3e7ef;
        padding: 50px 50px 0 50px;
    }

    .prodeta_two_cont img {
        max-width: 100%;
        margin: auto;
        display: block;
    }

    .prodeta_two_cont p {
        font-size: 22px;
        color: #474747;
        line-height: 30px;
    }

    .prodeta_there {
        background-color: #f4f7fc;
        padding: 45px 0 37px 0;
    }

    .prodeta_there_cont {
        margin-top: 55px;
        position: relative;
        padding-bottom: 47px;
    }

    .there_cofenye {
        bottom: 0;
        width: 100%;
        text-align: center;
    }

    .prodeta_there_cont .swiper-pagination-bullet {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #b5b7bf;
        box-sizing: border-box;
        opacity: 1;
        margin: 0 10px;
    }

    .prodeta_there_cont .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #fff;
        border: 2px solid #b5b7bf;
    }

    .there_co_lunbo {
        width: 100%;
    }

    .there_co_list {
        width: 321px;
        background-color: #fff;
        display: block;
    }

    .there_co_list .co_img {
        width: 100%;
        height: 207px;
        overflow: hidden;
    }

    .there_co_list .co_img img {
        width: 100%;
        height: 100%;
        display: block;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .there_co_list .co_lite {
        width: 100%;
        height: 55px;
        line-height: 55px;
        padding: 0 20px;
        box-sizing: border-box;
        font-size: 20px;
        color: #474747;
        text-align: center;
    }

    .there_co_list:hover .co_img img {
        transform: scale(1.2);
    }

    .there_co_list:hover .co_lite {
        color: #0270c1;
    }

}

/* 移动 */
@media only screen and (max-width: 750px) {
    .public_title {
        font-size: 4.5vw;
        color: #0270c1;
        text-align: center;
    }

    .white {
        color: #fff;
    }

    /* 压电陶瓷晶片 */
    .product_one {
        padding: 5.333vw 0 5vw 0;
        background-image: url(../img/probg1.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        box-sizing: border-box;
        overflow: hidden;
    }

    .one_cont {
        display: flex;
        flex-wrap: wrap;
        margin-top: 12.667vw;
    }

    .product_list {
        width: 46vw;
        height: 29.7vw;
        overflow: hidden;
        display: block;
        position: relative;
        margin-left: 1.600vw;
        margin-top: 2.000vw;
    }

    .product_list:nth-child(2n+1) {
        margin-left: 0;
    }

    .product_list::before {
        background-color: #0271c1;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 100%;
        transition: all 0.3s ease 0s;
    }

    .product_list:hover::before {
        opacity: 0.8;
    }

    .product_list .product_list_img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .product_list .title {
        color: #ffffff;
        display: block;
        font-size: 3vw;
        left: 0;
        letter-spacing: 0.133vw;
        line-height: 3.733vw;
        margin-top: 2.000vw;
        opacity: 0;
        padding: 0 2.000vw;
        position: absolute;
        right: 0;
        text-align: center;
        text-transform: uppercase;
        top: 40%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: all 0.3s ease 0s;
    }

    .product_list:hover .title {
        margin-top: 0;
        opacity: 1;
    }

    .product_list .category {
        width: 5.333vw;
        height: 5.333vw;
        position: absolute;
        content: "";
        bottom: 30%;
        display: block;
        left: 50%;
        opacity: 0;
        text-transform: uppercase;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 9;
        transition: all 0.3s ease 0s;
        margin-bottom: 2.000vw;
    }

    .product_list:hover .category {
        margin-bottom: 0;
        opacity: 1;
    }


    .more {
        font-size: 3.7vw;
        color: #162631;
        display: block;
        text-align: center;
        margin: auto;
        width: 6.667vw;
        word-break: keep-all;
        line-height: 4.000vw;
        margin-top: 6.667vw;
        border-bottom: 0.133vw solid #162631;
    }

    .more:hover {
        color: #0270c1;
        border-bottom: 0.133vw solid #0270c1;
    }

    .product_two {
        padding-top: 6.667vw;
        padding-bottom: 8.000vw;
        background-image: url(../img/probg2.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        overflow: hidden;
    }

    .two_cont {
        display: flex;
        margin-top: 8.000vw;
    }

    .two_list {
        border: 0.133vw solid #ededed;
        background-color: #f4f7fc;
        width: 32vw;
        box-sizing: border-box;
    }

    .two_list_img {
        width: 100%;
        height: 20vw;
        display: block;
        overflow: hidden;
        border-bottom: 0.133vw solid #ededed;
    }

    .two_list_img img {
        width: 100%;
        height: 100%;
        display: block;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .two_tit {
        width: 100%;
        height: 10vw;
        line-height: 10vw;
        text-align: center;
        padding: 0 2.667vw;
        box-sizing: border-box;
        font-size: 3.5vw;
        color: #5c5c5c;
    }

    .two_list:hover .two_list_img img {
        transform: scale(1.2);
    }

    .two_list:hover .two_tit {
        color: #0270c1;
    }

    .product_there {
        background-image: url(../img/probg3.jpg);
        background-size: 256.000vw 100%;
        background-repeat: no-repeat;
        background-position: center center;
        padding-top: 6.000vw;
        padding-bottom: 14.667vw;
        overflow: hidden;
    }

    .there_cont {
        margin-top: 8.000vw;
        background-color: #fff;
        border-radius: 0.667vw;
        overflow: hidden;
        display: flex;
        padding: 6.667vw 4.000vw 6.667vw 4.000vw;
        position: relative;
        flex-direction: column-reverse;
    }

    .there_cont::after {
        position: absolute;
        content: "";
        width: 20.000vw;
        height: 100%;
        /* background-image: url(../img/mengban.png); */
        z-index: 1;
        top: 0;
        right: 0;
    }

    .there_left {
        width: 100%;
        max-width: 430px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .there_left_top {
        margin-top: 3.333vw;
    }

    .there_list {
        display: none;
    }

    .there_list:nth-child(1) {
        display: block;
    }

    .there_list span {
        font-size: 4vw;
        color: #1b2b37;
        display: block;
    }

    .there_list p {
        font-size: 3vw;
        color: #5c5c5c;
        line-height: 5vw;
        margin-top: 2.667vw;
        -webkit-line-clamp: 3;
        height: 15vw;
    }

    .there_left_bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 6.667vw;
    }

    .there_left_bottom .more {
        margin: 0;
    }

    .there_left_bottom .product_anniu {
        position: relative;
        width: 17.333vw;
        height: 7.067vw;
    }

    .product_lunprev,
    .product_lunnext {
        width: 7.067vw;
        height: 7.067vw;
        background-size: 100% 100%;
        margin-top: -3.600vw;
    }

    .product_lunprev {
        background-image: url(../img/thrle.png);
        left: 0;
    }

    .product_lunnext {
        background-image: url(../img/thrri.png);
        right: 0;
    }

    .there_right {
        margin-left: auto;
    }

    .product_lunbo {
        width: 83vw;
        padding: 1.333vw;
    }

    .product_lunbo .swiper-slide {
        width: 64.667vw;
    }

    .there_img {
        width: 64.667vw;
        height: 41.867vw;
        overflow: hidden;
        border: 0.133vw solid #fff;
        box-sizing: border-box;
        box-shadow: 0.000vw 0.000vw 1.333vw 0.400vw rgba(229, 233, 243, 1);
    }

    .there_img img {
        width: 100%;
        height: 100%;
        display: block;
    }

    /* 产品中心列表页 */
    .productList {
        background-color: #f4f7fc;
        padding-top: 7.333vw;
        padding-bottom: 8.667vw;
    }

    .productList_cont {
        margin-top: 5.333vw;
    }

    .productList_nav {
        width: 100%;
        height: 6.267vw;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .productList_nav .nav_pl {
        display: inline-block;
        /* width: 25vw; */
        height: 6.267vw;
        background-color: #fff;
        padding: 0 2.400vw;
        font-size: 3.2vw;
        color: #0270c1;
        line-height: 6.267vw;
        box-sizing: border-box;
        cursor: pointer;
        margin-right: 2vw;
    }

    .productList_nav::-webkit-scrollbar {
        display: none;
    }

    .productList_nav .nav_pl.active,
    .productList_nav .nav_pl:hover {
        background-color: #0270c1;
        color: #fff;
    }

    .productList_right {
        width: 100%;
        margin-left: auto;
    }

    .productList_right_cont {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .productList_right .product_list {
        width: 46vw;
        height: 29.5vw;
        margin-left: 2vw;
        margin-top: 2.667vw;
    }

    .productList_right .product_list:nth-child(3n+1) {
        margin-left: 2vw;
    }

    .productList_right .product_list:nth-child(2n+1) {
        margin-left: 0;
    }

    /* 产品中心详情页 */
    .prodeta_one {
        padding: 11.867vw 0 10.400vw 0;
        background-color: #f4f7fc;
    }

    /* .prodeta_one_cont {
        display: flex;
        justify-content: space-between;
    } */

    .prodeta_one_left {
        width: 100%;
    }

    .prio_top {
        width: 100%;
        height: 60.8vw;
    }

    .prio_top .prio_top_list {
        width: 100%;
        height: 60.8vw;
        display: none;
    }


    .prio_top .prio_top_list:nth-child(1) {
        display: block;
    }

    .prio_top .prio_top_list img {
        width: 100%;
        height: 98%;
        display: block;
    }

    .prio_bot {
        width: 100%;
        position: relative;
        margin-top: 2.667vw;
        display: flex;
        justify-content: center;
        align-items: center;
        /* gap: 10px; */
    }
    .show_xiao_img{
        max-width: 103px;
        max-height: 62px;
        margin: 0 6px;
    }
    .prio_lunprev,
    .prio_lunnext {
        width: 3.200vw;
        height: 11.467vw;
        background-color: #d6ddee;
        top: 0;
        margin-top: 0;
        background-size: 1.867vw 3.467vw;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .right-wrap{
        width:100%;  height:274px; overflow: hidden; position: relative; 
    }  

    .item{
        width: 430px;
        height: 273px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .prio_lunprev {
        left: 0;
    }

    .prio_lunnext {
        right: 0;
    }

    .prio_bot .prio_lunbo {
        width: 78.933vw;
        margin: auto;
    }


    .prio_bot .prio_lunbo .prio_img {
        width: 17.733vw;
        height: 11.467vw;
        position: relative;
    }

    .prio_bot .prio_lunbo .prio_img::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
        background-color: rgba(2, 2, 2, 0.5);
    }

    .swiper-slide-active .prio_img::after {
        display: none;
    }

    .prio_bot .prio_lunbo .prio_img img {
        width: 100%;
        height: 100%;
        display: block;
    }

    .prodeta_one_right {
        width: 100%;
        margin-top: 5vw;
    }

    .prodeta_one_right_tit {
        width: 100%;
        /* height: 15.200vw; */
        background-image: url(../img/omribg.jpg);
        background-size: 100% 100%;
        /* padding: 2.667vw 4.667vw 0 4.667vw; */
        padding: 2.667vw 4.667vw;
        box-sizing: border-box;
        position: relative;
    }

    .prodeta_one_right_tit::after {
        position: absolute;
        content: "";
        width: 2.000vw;
        height: 4.000vw;
        background-color: #01fcff;
        top: 3.333vw;
        left: 0;
    }

    .prodeta_one_right_tit>span {
        font-size: 4.5vw;
        color: #fff;
        display: block;
    }

    .prodeta_one_right_tit>p {
        font-size: 3vw;
        color: #fff;
        margin-top: 1.067vw;
    }

    .prodeta_one_right_text {
        padding: 4.000vw 3.333vw 0 3.333vw;
        width: 100%;
        box-sizing: border-box;
    }

    .prodeta_one_right_text .onri_tit {
        font-size: 3.5vw;
        color: #1b2b37;
    }

    .prodeta_one_right_text .onri_text {
        font-size: 3.5vw;
        color: #1b2b37;
        -webkit-line-clamp: 8;
        margin-top: 2.000vw;
        line-height: 4.000vw;
    }

    .relian {
        font-size: 3.5vw;
        color: #1b2b37;
        margin-top: 5.333vw;
    }

    .prodeta_two {
        padding: 4.667vw 0 11.333vw 0;
    }

    .prodeta_two_cont {
        font-size: 3.7vw;
        color: #474747;
        line-height: 4.000vw;
        position: relative;
        margin-top: 3.333vw;
        border-top: 0.267vw solid #e3e7ef;
        padding: 6.667vw 6.667vw 0 6.667vw;
    }

    .prodeta_two_cont img {
        max-width: 100%;
        margin: auto;
        display: block;
    }

    .prodeta_two_cont p {
        font-size: 3.7vw;
        color: #474747;
        line-height: 6.000vw;
    }

    .prodeta_there {
        background-color: #f4f7fc;
        padding: 6.000vw 0 4.933vw 0;
    }

    .prodeta_there_cont {
        margin-top: 7.333vw;
        position: relative;
        padding-bottom: 6.267vw;
    }

    .there_cofenye {
        bottom: 0;
        width: 100%;
        text-align: center;
    }

    .prodeta_there_cont .swiper-pagination-bullet {
        width: 2.000vw;
        height: 2.000vw;
        border-radius: 50%;
        background-color: #b5b7bf;
        box-sizing: border-box;
        opacity: 1;
        margin: 0 1.333vw;
    }

    .prodeta_there_cont .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #fff;
        border: 0.267vw solid #b5b7bf;
    }

    .there_co_lunbo {
        width: 100%;
    }

    .there_co_list {
        width: 42.800vw;
        background-color: #fff;
        display: block;
    }

    .there_co_list .co_img {
        width: 100%;
        height: 27.600vw;
        overflow: hidden;
    }

    .there_co_list .co_img img {
        width: 100%;
        height: 100%;
        display: block;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .shoujiduan{
        color:#fff;
    }

    .there_co_list .co_lite {
        width: 100%;
        height: 7.333vw;
        line-height: 7.333vw;
        padding: 0 2.667vw;
        box-sizing: border-box;
        font-size: 3.5vw;
        color: #474747;
        text-align: center;
    }

    .there_co_list:hover .co_img img {
        transform: scale(1.2);
    }

    .there_co_list:hover .co_lite {
        color: #0270c1;
    }
}