﻿/* ---- home banner & bottom banner start ---- */
.main {
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #EAEAEA;
    position: relative;
    zoom: 1;
}

.main_cover_image {
    width: 100%;
    height: auto;
}
.start_product {
    padding: 24px;
}
.start_product .title {
    font-size: 24px;
    margin-left: 48px;
}
.start_product .start_product_wrapper_pc .item {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 80px 0;
    max-width: 960px;
}

.bottom_image_wrapper {
    width: 100%;
    height: auto;
    position: relative;
}
.bottom_image_wrapper .bottom_image {
    width: 100%;
    height: auto;
    display:block;

}
.bottom_image_wrapper .kans_explore {
    position: absolute;
    top: 62%;
    left: 43%;
    border: 1px solid #979797;
    border-radius: 15px;
    padding: 5px 40px;
    font-size: 14px;
    color: #414245;
    cursor: pointer;
}
.kans_explore:hover {
    color: #ffffff;
    border: 1px solid #BF0017;
    background-color: #BF0017;
}
.bottom_image_wrapper .kans_slogan {
    position: absolute;
    bottom: 40px;
    left: 44%;
    font-size: 10px;
    color: #414245;
}
.item_phone {
    margin-top: 24px;
    margin-bottom: 12px;
}

@media (max-width: 767px) {
    .main_video {
        margin-top: 60px;
    }
    .start_product .title {
        font-size: 18px;
        margin: 0;
        text-align: center;
    }
    .start_product_wrapper_pc {
        display: none;
    }
    .start_product {
        padding: 24px 0;
    }
    .bottom_image_wrapper {
        /*height: 195px;*/
    }
    .bottom_image_wrapper .kans_explore {
        font-size: 12px;
        padding: 2px 20px;
        left: 32%;
    }
    .bottom_image_wrapper .kans_slogan {
        bottom: 10px;
        left: 28%;
    }
}

@media (min-width: 768px) {
    .start_product_wrapper_phone {
        display: none;
    }
}
/* ---- home banner & bottom banner stop ---- */

/* ---- product start ---- */
.lantongtai_images_wrapper {
    position: relative;
}
.lantongtai_images_wrapper:hover .lantongtai_detail {
    border-right: 2px solid #BF0017;
}
.lantongtai_images_wrapper .lantongtai_pin {
    position: absolute;
    left: 120px;
    top: -80px;
    z-index: 2;
    max-width: 120px;
}
.lantongtai_images_wrapper .lantongtai_xiao_qiu {
    position: absolute;
    left: 15px;
    top: 50px;
    width: 150px;
    max-width: 200px;
}
.lantongtai_images_wrapper .lantongtai_da_qiu {
    position: absolute;
    left: 35px;
    top: 60px;
}
.lantongtai_images_wrapper .lantongtai_small {
    position: absolute;
    left: 190px;
    top: 65px;
}
.lantongtai_images_wrapper .lantongtai_fenzi {
    position: absolute;
    left: 190px;
    top: -60px;
    max-width: 160px;
}

.lantongtai_images_wrapper .lantongtai_fenzi2 {
    position: absolute;
    left: 52px;
    top: 120px;
    width: 110px;
}

.lantongtai_images_wrapper:hover .lantongtai_xiao_qiu {
    position: absolute;
    left: 35px;
    top: 40px;
    width: 150px;
    max-width: 200px;
    transition-duration: 2s;
}
  
.lantongtai_images_wrapper:hover .lantongtai_fenzi {
    position: absolute;
    left: 170px;
    top: -40px;
    max-width: 160px;
    transition-duration: 2s;
}

.lantongtai_images_wrapper:hover .lantongtai_fenzi2 {
    position: absolute;
    left: 62px;
    top: 100px;
    width: 110px;
    transition-duration: 2s;
}


.lantongtai_images_wrapper .lantongtai_info {
    display: flex;
    justify-content: start;
    font-size: 12px;
    position: absolute;
    top: 210px;
    left: 280px;
}
.lantongtai_images_wrapper .lantongtai_info .lantongtai_info_item {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    margin-right: 24px;
    color: #979797;
}
.lantongtai_images_wrapper .lantongtai_info .lantongtai_info_item .lantongtai_info_item_image {
    margin-bottom: 12px;
    width: 50px;
    height: 50px;
}
.lantongtai_desc {
    width: 25%;
    margin-right: 12px;
    font-size: 14px;
}
.lantongtai_desc:hover .lantongtai_detail {
    border-right: 2px solid #BF0017;
}
.lantongtai_desc .lantongtai_detail {
    padding-right: 24px;
    border-right: 2px solid #575B48;
    margin-top: 24px;
}
.lantongtai_desc .lantongtai_price {
    padding-left: 24px;
    margin-bottom: 24px;
    margin-top: 24px;
    color: #BF0017;
}
.lantongtai_desc .lantongtai_detail .lantongtai_function {
    margin-bottom: 24px;
}
.lantongtai_desc .lantongtai_detail .lantongtai_function,
.lantongtai_desc .lantongtai_detail .lantongtai_principle,
.lantongtai_desc .lantongtai_price {
    color: #979797;
}
  
.lantongtai_desc .lantongtai_learn_more {
    width: 75px;
    color: #979797;
    border: 1px solid #979797;
    border-radius: 12px;
    margin-left: 24px;
    text-align: center;
    cursor: pointer;
    padding: 2px;
}
.lantongtai_learn_more:hover {
    background-color: #BF0017;
    color: #fff;
}


.start_product .desc {
    width: 40%;
    margin-right: 12px;
    font-size: 14px;
}
.start_product .desc .shuang_detail {
    padding-left: 24px;
    border-left: 2px solid #575B48;
    margin-top: 24px;
}
.start_product .desc .price {
    padding-left: 24px;
    margin-bottom: 24px;
    margin-top: 24px;
    color: #BF0017;
}
.start_product .desc .shuang_detail .function {
    margin-bottom: 24px;
}
.start_product .desc .shuang_detail .function, .start_product .desc .shuang_detail .principle, .start_product .desc .price {
    color: #979797;
}

.start_product .desc .shuang_learn_more {
    width: 75px;
    color: #979797;
    border: 1px solid #979797;
    border-radius: 12px;
    margin-left: 24px;
    text-align: center;
    cursor: pointer;
    padding: 2px;
}
.shuang_learn_more:hover {
    background-color: #BF0017;
    color: #ffffff !important;
}

.shuang_images_wrapper {
    position: relative;
}
.shuang_images_wrapper .shuang_a_chun_pin {
    position: absolute;
    right: 100px;
    top: -70px;
    z-index: 2;
    width:280px;
}
.shuang_images_wrapper .shuang_a_chun_back1 {
    position: absolute;
    right: 0;
    top: -15px;
    z-index: 1;
    width: 296px;
    height: 247px;
}
.shuang_images_wrapper .shuang_a_chun_back2 {
    position: absolute;
    right: 188px;
    top: 65px;
    z-index: 1;
    width: 111px;
    height: 131px;
    transition-duration: 2s;
}
.shuang_images_wrapper .shuang_a_chun_qiu {
    position: absolute;
    right: 260px;
    top: -50px;
    z-index: 2;
    transition-duration: 2s;
}
.shuang_images_wrapper:hover .shuang_a_chun_qiu {
    right: 270px;
    top: -40px;
    transition-duration: 2s;
}
.shuang_images_wrapper:hover .shuang_a_chun_fenzi {
    right: 360px;
    top: 60px;
    transition-duration: 2s;
}
.shuang_images_wrapper:hover .shuang_a_chun_back2 {
    right: 240px;
    top: 20px;
    transition-duration: 2s;
}
.shuang_images_wrapper .shuang_a_chun_small {
    position: absolute;
    right: 190px;
    top: 65px;
}
.shuang_images_wrapper .shuang_a_chun_fenzi {
    position: absolute;
    right: 370px;
    top: 80px;
    transition-duration: 2s;
}
.shuang_images_wrapper .info {
    display: flex;
    justify-content: start;
    font-size: 12px;
    position: absolute;
    top: 200px;
    right: 290px;
}
.shuang_images_wrapper .info .info_item {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    margin-right: 24px;
    color: #979797;
}
.shuang_images_wrapper .info .info_item .info_item_image {
    margin-bottom: 12px;
    width: 50px;
    height: 50px;
}


.hongjiaonang_images_wrapper {
    position: relative;
}
.hongjiaonang_images_wrapper:hover .hongjiaonang_detail {
    border-right: 2px solid #BF0017;
}
.hongjiaonang_images_wrapper .shuang_a_chun_pin {
    position: absolute;
    left: 120px;
    top: -80px;
    z-index: 2;
    width:150px;
}
.hongjiaonang_images_wrapper .shuang_a_chun_xiao_qiu {
    position: absolute;
    left: 15px;
    top: 50px;
    width: 150px;
}
.hongjiaonang_images_wrapper .shuang_a_chun_da_qiu {
    position: absolute;
    left: 35px;
    top: 60px;
}
.hongjiaonang_images_wrapper .shuang_a_chun_small {
    position: absolute;
    left: 190px;
    top: 65px;
}
.hongjiaonang_images_wrapper .shuang_a_chun_fenzi {
    position: absolute;
    left: 190px;
    top: -60px;
}

.hongjiaonang_images_wrapper:hover .shuang_a_chun_xiao_qiu {
    position: absolute;
    left: 35px;
    top: 40px;
    width: 150px;
    transition-duration: 2s;
}
.hongjiaonang_images_wrapper:hover .shuang_a_chun_fenzi {
    position: absolute;
    left: 170px;
    top: -40px;
    transition-duration: 2s;
}


.hongjiaonang_images_wrapper .hongjiaonang_info {
    display: flex;
    justify-content: start;
    font-size: 12px;
    position: absolute;
    top: 210px;
    left: 280px;
}
.hongjiaonang_images_wrapper .hongjiaonang_info .hongjiaonang_info_item {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    margin-right: 24px;
    color: #979797;
}
.hongjiaonang_images_wrapper .hongjiaonang_info .hongjiaonang_info_item .hongjiaonang_info_item_image {
    margin-bottom: 12px;
    width: 50px;
    height: 50px;
}

.hongjiaonang_desc {
    width: 25%;
    margin-right: 12px;
    font-size: 14px;
}
.hongjiaonang_desc .hongjiaonang_detail {
    padding-right: 24px;
    border-right: 2px solid #575B48;
    margin-top: 24px;
}
.hongjiaonang_desc .hongjiaonang_price {
    padding-left: 24px;
    margin-bottom: 24px;
    margin-top: 24px;
    color: #BF0017;
}
.hongjiaonang_desc .hongjiaonang_detail .hongjiaonang_function {
    margin-bottom: 24px;
}
.hongjiaonang_desc .hongjiaonang_detail .hongjiaonang_function,
.hongjiaonang_desc .hongjiaonang_detail .hongjiaonang_principle,
.hongjiaonang_desc .hongjiaonang_price {
    color: #979797;
}

.hongjiaonang_desc .hongjiaonang_learn_more {
    width: 75px;
    color: #979797;
    border: 1px solid #979797;
    border-radius: 12px;
    margin-left: 24px;
    text-align: center;
    cursor: pointer;
    padding: 2px;
}
.hongjiaonang_learn_more:hover {
    background-color: #BF0017;
    color: #fff;
}


.start_product .desc {
    width: 40%;
    margin-right: 12px;
    font-size: 14px;
}
.start_product .desc .detail {
    padding-left: 24px;
    border-left: 2px solid #575B48;
    margin-top: 24px;
}
.start_product .desc .price {
    padding-left: 24px;
    margin-bottom: 24px;
    margin-top: 24px;
    color: #BF0017;
}
.start_product .desc .detail .function {
    margin-bottom: 24px;
}
.start_product .desc .detail .function, .start_product .desc .detail .principle, .start_product .desc .price {
    color: #979797;
}

.start_product .desc .qingxu_learn_more {
    width: 75px;
    color: #979797;
    border: 1px solid #979797;
    border-radius: 12px;
    margin-left: 24px;
    text-align: center;
    cursor: pointer;
    padding: 2px;
}
.qingxu_learn_more:hover {
    background-color: #BF0017;
    color: #ffffff !important;
}

.images_wrapper {
    position: relative;
}
.images_wrapper .qingxu_pin {
    position: absolute;
    right: 80px;
    top: -40px;
    width: 131px;
    height: 313px;
    z-index: 2;
}
.images_wrapper .qingxu_yumao {
    position: absolute;
    right: 130px;
    top: 120px;
    width: 204px;
    height: 138px;
}
.images_wrapper .qingxu_qiu {
    position: absolute;
    right: 220px;
    top: 0;
    width: 138px;
    height: 165px;
}
.images_wrapper .qingxu_fenzi {
    position: absolute;
    right: 0;
    top: -50px;
    width: 155px;
    height: 172px;
}
.images_wrapper:hover .qingxu_yumao {
    position: absolute;
    right: 130px;
    top: 100px;
    width: 204px;
    height: 138px;
    transition-duration: 2s;
}
.images_wrapper:hover .qingxu_qiu {
    position: absolute;
    right: 200px;
    top: 20;
    width: 138px;
    height: 165px;
    transition-duration: 2s;
}
.images_wrapper:hover .qingxu_fenzi {
    position: absolute;
    right: 20px;
    top: -30px;
    width: 155px;
    height: 172px;
    transition-duration: 2s;
}

.images_wrapper .info {
    display: flex;
    justify-content: start;
    font-size: 12px;
    position: absolute;
    top: 178px;
    right: 220px;
}
.images_wrapper .info .info_item {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    margin-right: 24px;
    color: #979797;
}
.images_wrapper .info .info_item .info_item_image {
    margin-bottom: 12px;
    width: 50px;
    height: 50px;
}

.jingangxia_images_wrapper {
    position: relative;
}
.jingangxia_images_wrapper .jingangxia {
    position: absolute;
    left: 90px;
    top: -10px;
    z-index: 2;
    width: 241px;
    height: 217px;
}
.jingangxia_images_wrapper .jingangxia_qiu {
    position: absolute;
    left: 320px;
    top: -120px;
    width: 172px;
    height: 284px;
}
.jingangxia_images_wrapper .jingangxia_back {
    position: absolute;
    left: -48px;
    top: -170px;
    width: 432px;
    height: 530px;
}
.jingangxia_images_wrapper:hover .jingangxia_qiu {
    position: absolute;
    left: 320px;
    top: -100px;
    width: 172px;
    height: 284px;
    transition-duration: 2s;
}

.jingangxia_images_wrapper .jingangxia_info {
    display: flex;
    justify-content: start;
    font-size: 12px;
    position: absolute;
    top: 210px;
    left: 280px;
}
.jingangxia_images_wrapper .jingangxia_info .jingangxia_info_item {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    margin-right: 24px;
    color: #979797;
}
.jingangxia_images_wrapper .jingangxia_info .jingangxia_info_item .jingangxia_info_item_image {
    margin-bottom: 12px;
    width: 50px;
    height: 50px;
}

.jingangxia_desc {
    width: 25%;
    margin-right: 12px;
    font-size: 14px;
}
.jingangxia_desc .jingangxia_detail {
    padding-right: 24px;
    border-right: 2px solid #575B48;
    margin-top: 24px;
}
.jingangxia_desc .jingangxia_price {
    padding-left: 24px;
    margin-bottom: 24px;
    margin-top: 24px;
    color: #BF0017;
}
.jingangxia_desc .jingangxia_detail .jingangxia_function {
    margin-bottom: 24px;
}
.jingangxia_desc .jingangxia_detail .jingangxia_function,
.jingangxia_desc .jingangxia_detail .jingangxia_principle,
.jingangxia_desc .jingangxia_price {
    color: #979797;
}

.jingangxia_desc .jingangxia_learn_more {
    width: 75px;
    color: #979797;
    border: 1px solid #979797;
    border-radius: 12px;
    margin-left: 24px;
    text-align: center;
    cursor: pointer;
    padding: 2px;
}
.jingangxia_learn_more:hover {
    background-color: #BF0017;
    color: #fff;
}

.item:hover .redline-right {
    border-right: 2px solid #BF0017;
}
.item:hover .redline-left {
    border-left: 2px solid #BF0017;
}

/* ---- product stop  ---- */

/* ---- item phone start ---- */
.item_phone_images {
    position: relative;
    height: 250px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: flex;
    background-repeat:no-repeat;
    background-size: 60% auto;
    background-position:center;
}
.product_phone_da_qiu {
    position: absolute;
    left: 35px;
    top: 60px;
}
.product_phone_xiao_qiu {
    position: absolute;
    left: 20px;
    top: 150px;
}
.product_phone_da_qiu {
    position: absolute;
    left: 50px;
    top: 140px;
}
.product_phone_fenzi {
    position: absolute;
    left: 210px;
    top: 20px;
}
.product_phone_pin {
    position: absolute;
    max-height: 250px;
    max-width: 200px;
    /*left: 38%;*/
    /*top: 0;*/
}

.item_phone_detail {
    text-align: center;
    line-height: 1.5;
    margin-top: 24px;
}
.product_phone_function {
    font-size: 12px;
    color: #979797;
}
.product_phone_price {
    color: #BF0017;
    font-size: 14px;
    margin-bottom: 20px;
}
.product_phone_learn_more {
    font-size: 14px;
    width: 75px;
    background-color: #BF0017;
    color: #fff;
    border-radius: 12px;
    margin-left: 24px;
    text-align: center;
    cursor: pointer;
    padding: 2px;
    margin: 0 auto;
}
/* ---- item phone stop ---- */
