/* 电子名片 */
#digital_business_cards_index #banner{display: flex;align-items: center;justify-content: center;background: #4f46e5;padding: 45px 0 85px;}
#digital_business_cards_index #banner .banner_box{display: flex;flex-direction: row;column-gap: 150px;align-items: center;}
#digital_business_cards_index #banner .banner_box .banner_box_info{width: 33%;display: flex;align-items: flex-start;flex-direction: column;row-gap: 15px;}
#digital_business_cards_index #banner .banner_box .banner_box_info .title {font-size: 60px;font-weight: bold;color: #FFF;line-height: 1.25;}
#digital_business_cards_index #banner .banner_box .banner_box_info .desc {font-size: 20px;color: #FFF;line-height: 1.75;}
#digital_business_cards_index #banner .banner_box .banner_box_info a {margin-top: 10px;font-size: 18px;color: #000;background: #ffc55f;padding: 18px 30px;border-radius: 999px;cursor: pointer;font-weight: bold;}
#digital_business_cards_index #banner .banner_box .banner_box_img{margin-right: -60px;}
@media (max-width: 1450px) {
    #digital_business_cards_index #banner .banner_box .banner_box_info{width: 50%;}
    #digital_business_cards_index #banner .banner_box .banner_box_img{margin-right: 0;}
}
@media (max-width: 1024px) {
    #digital_business_cards_index #banner{padding: 6vw 0 11.33vw;}
    #digital_business_cards_index #banner .banner_box{display: flex;flex-direction: column;row-gap: 8.8vw;align-items: center;}
    #digital_business_cards_index #banner .banner_box .banner_box_info{width: 100%;align-items: center;row-gap: 2vw;}
    #digital_business_cards_index #banner .banner_box .banner_box_info .title{font-size: 8vw;text-align: center;}
    #digital_business_cards_index #banner .banner_box .banner_box_info .desc{font-size: 5vw;text-align: center;}
    #digital_business_cards_index #banner .banner_box .banner_box_info a{font-size: 14px;padding: 2vw 4vw;margin-top: 0;}
}

#digital_business_cards_index #main #enterprise_trust{background: #FFFFFF;padding: 75px 0 90px;}
#digital_business_cards_index #main #enterprise_trust .title{margin: 0 auto;text-align: center;font-weight: bold;}
#digital_business_cards_index #main #enterprise_trust .t_title_1{font-size: 40px;color: #000000;}
#digital_business_cards_index #main #enterprise_trust .content{display: grid;-webkit-grid-template-columns: repeat(4, calc((100% - 3 * 30px) / 4));-ms-grid-columns: repeat(4, calc((100% - 3 * 30px) / 4));grid-template-columns: repeat(4, calc((100% - 3 * 30px) / 4));gap: 30px;margin: 50px 0 0;}
#digital_business_cards_index #main #enterprise_trust .content .item{display: flex;align-items: center;justify-content: center;flex-direction: column;row-gap: 10px;border-radius: 10px;background: #FFF;padding: 30px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
@media screen and (max-width: 1330px) {
    #digital_business_cards_index #main #enterprise_trust .content{-webkit-grid-template-columns: repeat(3, calc((100% - 2 * 30px) / 3));-ms-grid-columns: repeat(3, calc((100% - 2 * 30px) / 3));grid-template-columns: repeat(3, calc((100% - 2 * 30px) / 3));}
}
@media screen and (max-width: 1024px) {
    #digital_business_cards_index #main #enterprise_trust {padding: 6vw 0;}
    #digital_business_cards_index #main #enterprise_trust .t_title_1{font-size: 5.33vw;}
    #digital_business_cards_index #main #enterprise_trust .content{-webkit-grid-template-columns: repeat(3, calc((100% - 2 * 4vw) / 3));-ms-grid-columns: repeat(3, calc((100% - 2 * 4vw) / 3));grid-template-columns: repeat(3, calc((100% - 2 * 4vw) / 3));gap: 4vw;margin: 6.66vw 0 0;}
}
@media screen and (max-width: 750px) {
    #digital_business_cards_index #main #enterprise_trust .content{-webkit-grid-template-columns: repeat(2, calc((100% - 1 * 3vw) / 2));-ms-grid-columns: repeat(2, calc((100% - 1 * 3vw) / 2));grid-template-columns: repeat(2, calc((100% - 1 * 3vw) / 2));gap: 3vw;}
}
@media screen and (max-width: 500px) {
    #digital_business_cards_index #main #enterprise_trust .content{-webkit-grid-template-columns: repeat(1, calc((100% - 0 * 3vw) / 1));-ms-grid-columns: repeat(1, calc((100% - 0 * 3vw) / 1));grid-template-columns: repeat(1, calc((100% - 0 * 3vw) / 1));}
    #digital_business_cards_index #main #enterprise_trust .content .item{padding: 4vw;min-height: 60px;}
}

#digital_business_cards_index #main #enterprise_trust_statistics{background: #4f46e5;padding: 75px 0 90px;}
#digital_business_cards_index #main #enterprise_trust_statistics .title{margin: 0 auto;text-align: center;font-weight: bold;}
#digital_business_cards_index #main #enterprise_trust_statistics .t_title_1{font-size: 40px;color: #FFFFFF;}
#digital_business_cards_index #main #enterprise_trust_statistics .content{display: grid;-webkit-grid-template-columns: repeat(3, calc((100% - 2 * 28px) / 3));-ms-grid-columns: repeat(3, calc((100% - 2 * 28px) / 3));grid-template-columns: repeat(3, calc((100% - 2 * 28px) / 3));gap: 28px;margin: 40px 0 0;}
#digital_business_cards_index #main #enterprise_trust_statistics .content .item{display: flex;align-items: center;justify-content: flex-start;flex-direction: column;row-gap: 15px;border-radius: 10px;background: #FFF;padding: 40px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);text-align: center;}
#digital_business_cards_index #main #enterprise_trust_statistics .content .item .item_title{font-size: 50px;color: #000000;font-weight: bold;line-height: 1;}
#digital_business_cards_index #main #enterprise_trust_statistics .content .item .item_desc{font-size: 20px;color: #001335;line-height: 1.75;}
@media screen and (max-width: 1024px) {
    #digital_business_cards_index #main #enterprise_trust_statistics {padding: 6vw 0;}
    #digital_business_cards_index #main #enterprise_trust_statistics .t_title_1{font-size: 5.33vw;}
    #digital_business_cards_index #main #enterprise_trust_statistics .content{-webkit-grid-template-columns: repeat(3, calc((100% - 2 * 3.73vw) / 3));-ms-grid-columns: repeat(3, calc((100% - 2 * 3.73vw) / 3));grid-template-columns: repeat(3, calc((100% - 2 * 3.73vw) / 3));gap: 3.73vw;margin: 5.33vw 0 0;}
    #digital_business_cards_index #main #enterprise_trust_statistics .content .item{row-gap: 2vw;padding: 5.33vw;}
    #digital_business_cards_index #main #enterprise_trust_statistics .content .item .item_title{font-size: 6.66vw;}
    #digital_business_cards_index #main #enterprise_trust_statistics .content .item .item_desc{font-size: 3.66vw;}
}
@media screen and (max-width: 500px) {
    #digital_business_cards_index #main #enterprise_trust_statistics .content{-webkit-grid-template-columns: repeat(1, 1fr);-ms-grid-columns: repeat(1, 1fr);grid-template-columns: repeat(1, 1fr);}
}

#digital_business_cards_index #main #beyond_networking{background: #FFFFFF;padding: 65px 0 45px;}
#digital_business_cards_index #main #beyond_networking .title{margin: 0 auto;text-align: center;font-weight: bold;}
#digital_business_cards_index #main #beyond_networking .t_title_1{font-size: 40px;color: #000000;margin-bottom: 15px;}
#digital_business_cards_index #main #beyond_networking .t_title_2{font-size: 20px;color: #001335;font-weight: normal;width: 60%;margin: 0 auto;line-height: 1.75;}
#digital_business_cards_index #main #beyond_networking .content{margin-top: 30px;}
#digital_business_cards_index #main #beyond_networking .content .item{display: flex;align-items: center;flex-direction: row;column-gap: 50px;text-align: center;}
#digital_business_cards_index #main #beyond_networking .content .item .item_l,
#digital_business_cards_index #main #beyond_networking .content .item .item_r{width: calc((100% - 50px) / 2);}
#digital_business_cards_index #main #beyond_networking .content .item .item_l{background: #eff2ff;border-radius: 18px;    display: flex;justify-content: center;align-items: center;}
#digital_business_cards_index #main #beyond_networking .content .item .item_r{display: flex;flex-direction: column;row-gap: 60px;}
#digital_business_cards_index #main #beyond_networking .content .item .item_r .item_out{display: flex;flex-direction: row;column-gap: 28px;}
#digital_business_cards_index #main #beyond_networking .content .item .item_r .item_out .item_icon{width: 90px;height: 90px;flex-shrink: 0;background: #4f46e5;border-radius: 20px;display: flex;justify-content: center;align-items: center;}
#digital_business_cards_index #main #beyond_networking .content .item .item_r .item_out .item_icon img{width: 50%;}
#digital_business_cards_index #main #beyond_networking .content .item .item_r .item_out .item_content{display: flex;flex-direction: column;row-gap: 10px;text-align: left;}
#digital_business_cards_index #main #beyond_networking .content .item .item_r .item_out .item_content .item_title{font-size: 24px;color: #4f46e5;font-weight: bold;}
#digital_business_cards_index #main #beyond_networking .content .item .item_r .item_out .item_content .item_desc{font-size: 16px;color: #001335;}
@media (max-width: 1024px){
    #digital_business_cards_index #main #beyond_networking {padding: 6vw 0;}
    #digital_business_cards_index #main #beyond_networking .t_title_1{font-size: 5.33vw;margin-bottom: 2vw;}
    #digital_business_cards_index #main #beyond_networking .t_title_2{font-size: 2.66vw;width: 100%;}
    #digital_business_cards_index #main #beyond_networking .content{margin-top: 4vw;}
    #digital_business_cards_index #main #beyond_networking .content .item{flex-direction: column-reverse;row-gap: 6.66vw;}
    #digital_business_cards_index #main #beyond_networking .content .item .item_l,
    #digital_business_cards_index #main #beyond_networking .content .item .item_r{width: 100%;}
    #digital_business_cards_index #main #beyond_networking .content .item .item_l{border-radius: 2.4vw;}
    #digital_business_cards_index #main #beyond_networking .content .item .item_r{row-gap: 4.66vw;}
    #digital_business_cards_index #main #beyond_networking .content .item .item_r .item_out{column-gap: 3.73vw;}
    #digital_business_cards_index #main #beyond_networking .content .item .item_r .item_out .item_icon{width: 12vw;height: 12vw;border-radius: 2.66vw;}
    #digital_business_cards_index #main #beyond_networking .content .item .item_r .item_out .item_content{row-gap: 1.33vw;}
    #digital_business_cards_index #main #beyond_networking .content .item .item_r .item_out .item_content .item_title{font-size: 3.2vw;}
    #digital_business_cards_index #main #beyond_networking .content .item .item_r .item_out .item_content .item_desc{font-size: 2.66vw;}
}

#digital_business_cards_index #main #easily_share{background: #FFFFFF;padding: 45px 0;}
#digital_business_cards_index #main #easily_share .title{margin: 0 auto;text-align: center;font-weight: bold;}
#digital_business_cards_index #main #easily_share .t_title_1{font-size: 40px;color: #000000;margin-bottom: 15px;}
#digital_business_cards_index #main #easily_share .t_title_2{font-size: 20px;color: #001335;font-weight: normal;}
#digital_business_cards_index #main #easily_share .content{display: grid;-webkit-grid-template-columns: repeat(2, calc((100% - 1 * 30px) / 2));-ms-grid-columns: repeat(2, calc((100% - 1 * 30px) / 2));grid-template-columns: repeat(2, calc((100% - 1 * 30px) / 2));gap: 30px;margin: 40px 0 0;}
#digital_business_cards_index #main #easily_share .content .item{display: flex;align-items: center;flex-direction: row;column-gap: 30px;border-radius: 18px;background: #f5f5f5;padding: 30px;text-align: center;overflow: hidden;}
#digital_business_cards_index #main #easily_share .content .item .item_l{display: flex;flex-direction: column;row-gap: 10px;flex: 1;text-align: left;}
#digital_business_cards_index #main #easily_share .content .item .item_l .item_title{font-size: 28px;color: #000000;font-weight: bold;line-height: 1.25;}
#digital_business_cards_index #main #easily_share .content .item .item_l .item_desc{font-size: 20px;color: #001335;line-height: 1.75;}
#digital_business_cards_index #main #easily_share .content .item .item_r{margin: 0 -30px 0 0;font-size: 0;max-width: 50%;text-align: right;}
#digital_business_cards_index #main #easily_share .content .item:nth-child(1) .item_r{margin: 0 -30px -30px 0;}
#digital_business_cards_index #main #easily_share .content .item:nth-child(2) .item_r{margin: 0;}
#digital_business_cards_index #main #easily_share .content .item:nth-child(2),
#digital_business_cards_index #main #easily_share .content .item:nth-child(3){background: #4f46e5;}
#digital_business_cards_index #main #easily_share .content .item:nth-child(2) .item_l .item_title,
#digital_business_cards_index #main #easily_share .content .item:nth-child(2) .item_l .item_desc,
#digital_business_cards_index #main #easily_share .content .item:nth-child(3) .item_l .item_title,
#digital_business_cards_index #main #easily_share .content .item:nth-child(3) .item_l .item_desc{color: #FFFFFF;}
@media screen and (max-width: 1024px) {
    #digital_business_cards_index #main #easily_share {padding: 6vw 0;}
    #digital_business_cards_index #main #easily_share .t_title_1{font-size: 5.33vw;margin-bottom: 2vw;}
    #digital_business_cards_index #main #easily_share .t_title_2{font-size: 2.66vw;}
    #digital_business_cards_index #main #easily_share .content{-webkit-grid-template-columns: repeat(1, 1fr);-ms-grid-columns: repeat(1, 1fr);grid-template-columns: repeat(1, 1fr);gap: 4vw;margin: 5.33vw 0 0;}
    #digital_business_cards_index #main #easily_share .content .item{column-gap: 4vw;border-radius: 2.4vw;padding: 4vw;}
    #digital_business_cards_index #main #easily_share .content .item .item_l{row-gap: 1.33vw;}
    #digital_business_cards_index #main #easily_share .content .item .item_l .item_title{font-size: 3.73vw;}
    #digital_business_cards_index #main #easily_share .content .item .item_l .item_desc{font-size: 3.22vw;}
    #digital_business_cards_index #main #easily_share .content .item .item_r{margin: 0 -4vw 0 0;}
    #digital_business_cards_index #main #easily_share .content .item:nth-child(1) .item_r{margin: 0 -4vw -4vw 0;}
    #digital_business_cards_index #main #easily_share .content .item:nth-child(2) .item_r{margin: 0;}
}

#digital_business_cards_index #main #image_gallery{padding: 65px 0 45px;}
#digital_business_cards_index #main #image_gallery .title{margin: 0 auto;text-align: center;font-weight: bold;}
#digital_business_cards_index #main #image_gallery .t_title_1{font-size: 36px;color: #001438;}
#digital_business_cards_index #main #image_gallery .image_gallery_swiper{position: relative;margin: 60px 0;overflow: hidden;}
#digital_business_cards_index #main #image_gallery .swiper-slide{width:332px;height: 670px;position: relative;overflow: hidden;border: 1px solid #efeff1;border-radius: 32px;padding: 8px;background-color: #fff;}
#digital_business_cards_index #main #image_gallery .swiper-slide .item{width: 100%;height: 100%;overflow: hidden;border-radius: 28px;}
#digital_business_cards_index #main #image_gallery .swiper-slide img{max-height: none;}
@media (max-width: 1024px){
    #digital_business_cards_index #main #image_gallery {padding: 6vw 0;}
    #digital_business_cards_index #main #image_gallery .swiper-slide{width: 50vw;height: 100vw;}
    #digital_business_cards_index #main #image_gallery .t_title_1{font-size: 6vw;}
    #digital_business_cards_index #main #image_gallery .image_gallery_swiper{margin: 10vw 0;}
}

#digital_business_cards_index #main #customers_reviews{background: #ffffff;padding: 45px 0;}
#digital_business_cards_index #main #customers_reviews .title{margin: 0 auto;text-align: center;font-weight: bold;}
#digital_business_cards_index #main #customers_reviews .t_title_1{font-size: 20px;color: #4f46e5;margin-bottom: 10px;}
#digital_business_cards_index #main #customers_reviews .t_title_2{font-size: 36px;color: #001438;}
#digital_business_cards_index #main #customers_reviews .content{position: relative;margin: 40px 0 0;overflow: hidden;padding: 0 0 50px 0;}
#digital_business_cards_index #main #customers_reviews .content .customers_item{padding: 60px 35px;}
#digital_business_cards_index #main #customers_reviews .content .customers_item .item_title{font-size: 26px;color: #000000;}
#digital_business_cards_index #main #customers_reviews .content .customers_item .item_desc{font-size: 16px;color: #45416d;line-height: 2;min-height: 150px;}
#digital_business_cards_index #main #customers_reviews .content .customers_item .item_info{display: flex;flex-direction: row;column-gap: 15px;align-items: center;}
#digital_business_cards_index #main #customers_reviews .content .customers_item .item_info .item_info_l{width: 85px;height: 85px;border-radius: 50px;overflow: hidden;font-size: 16px;color: #69696f;}
#digital_business_cards_index #main #customers_reviews .content .customers_item .item_info .item_info_r{display: flex;flex-direction: column;row-gap: 5px;}
#digital_business_cards_index #main #customers_reviews .content .customers_item .item_info .item_info_r .name{font-size: 18px;color: #000;font-weight: bold;}
#digital_business_cards_index #main #customers_reviews .content .swiper-slide:nth-child(odd) .customers_item{background: #eff2ff;}
#digital_business_cards_index #main #customers_reviews .content .swiper-slide:nth-child(even) .customers_item{background: #fdf5ea;}
#digital_business_cards_index #main #customers_reviews .swiper-pagination {position: absolute;bottom: 0;z-index: 2;}
#digital_business_cards_index #main #customers_reviews .swiper-pagination-bullet {width: 12px;height: 12px;background-color: #45416d;opacity: 1;}
#digital_business_cards_index #main #customers_reviews .swiper-pagination-bullet:hover,
#digital_business_cards_index #main #customers_reviews .swiper-pagination-bullet-active {background-color: #4f46e5;}
@media (max-width: 1024px){
    #digital_business_cards_index #main #customers_reviews {padding: 6vw 0;}
    #digital_business_cards_index #main #customers_reviews .t_title_1{font-size: 4vw;margin-bottom: 1.33vw;}
    #digital_business_cards_index #main #customers_reviews .t_title_2{font-size: 4.88vw;}
    #digital_business_cards_index #main #customers_reviews .content{margin: 5.33vw 0 0;}
    #digital_business_cards_index #main #customers_reviews .content .customers_item{padding: 8vw 4.66vw;}
}