.article-wrap {
  background-color: var(--bgColor);
  padding-top: 80px;
}

.article {
  background-color: #ffffff;
  border-radius: 4px;
  padding: 30px 24px 40px;
  margin-bottom: 30px;
  width: auto;
}
.article .detail-title {
  font-size: 32px;
  line-height: 48px;
}

.article-content {
  font-size: 14px;
  line-height: 24px;
  padding-top: 24px;
  font-family: Montserrat-Medium;
  font-size: 16px;
  color: #454545;
  line-height: 20px;
  font-weight: 500;
}

.article-content p {
  margin: 1rem 0;
}

.article-content p > img { /*margin: 0 auto; display: block;*/
  max-width: 100%;
}

.detail-title {
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  margin: auto;
  word-break: break-all;
  font-weight: bold;
  max-width: 70%;
}

.detail-title-from {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 24px;
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid #dcdfe6;
}

.detail-title-from label {
  color: #656A72;
}

.detail-title-from span {
  margin-right: 30px;
}

.detail-title-from .level {
  font-style: normal;
  padding: 0 12px;
  margin-right: 5px;
  background: #e7ecfd;
  color: #0054D2;
  border-radius: 2px;
}

.detail-title-from .level-e {
  background: #ffe3e3;
  color: #ff0000;
}

.detail-title-from .print-btn {
  /*background: #2b5493;*/
  border-radius: 4px;
  position: absolute;
  right: 0;
  background: none;
  border: none;
}

.detail-title-from .print-btn img {
  width: 66px;
  display: block;
}

.detail-title-createTime {
  text-align: right;
}
.case-wrapper {
    overflow: hidden;
}
.banner.case_banner .minBox {
     height: 100%;
     transform: none;
     align-items: flex-start;
}
.banner {
    background-image: radial-gradient(circle at 30% 44%, #FFFFFF 0%, #DDEBFF 61%, #AECFFF 142%);
}
.case-wrapper .banner .textBox {
    width: 482px;
    transform: translateY(268px);
}
.banner .h2 {
    font-family: Montserrat-Bold;
    font-size: 48px;
    color: #151516;
    line-height: 56px;
    font-weight: 700;
}
.banner .textBox .box-text {
    margin: 16px 0 0 0;
}
.banner .textBox .box-text p {
    font-family: Montserrat-Medium;
    font-size: 16px;
    color: #454545;
    line-height: 20px;
    font-weight: 500;
}
.case-wrapper .banner .imgBox {
    height: 560px;
    width: auto;
    position: absolute;
    bottom: 0;
    right: -200px;
}
.banner .imgBox img {
    width: auto;
    height: 100%;
}
.company_m {
    display: flex;
    justify-content: space-between;
    padding: 100px 0px 90px 0px;
}
.company_m .r_img {
    width: 472px;
    height: auto;
    flex-shrink: 0;
    /*margin-top: 80px;*/
    transform: translateY(-30px);
}
.company_m .article {
    padding: 0px 48px 0px 0px;
    margin: 0px;
}
.company_m .article .tip {
    font-family: Montserrat-SemiBold;
    font-size: 16px;
    line-height: 19px;
    color: #005BFF;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-bottom: 19px;
}
.company_m .article .tip img {
    width: 24px;
    height: 24px;
    margin-right: 12px;
}
.article .detail-title {
    font-family: Montserrat-Bold;
    font-size: 32px;
    line-height: 39px;
    color: #151516;
    font-weight: 700;
    text-align: left;
    margin: 0px;
    max-width: 100%;
    word-break: break-word;
}
.aboutUs4 {
    background: #EDF3FF;
    border-radius: 16px;
    height: 174px;
    padding: 44px 50px;
    margin-bottom: 70px;
}
.aboutUs4 .list li .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    /*align-items: center;*/
}
.aboutUs4 .list li .counter-wrap {
    font-family: Montserrat-Bold;
    font-size: 48px;
    color: #005BFF;
    font-weight: 700;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.aboutUs4 .list li .counter-wrap .unit {
    font-family: Montserrat-SemiBold;
    font-size: 32px;
    color: #005BFF;
    font-weight: 600;
}
.aboutUs4 .yy {
    position: absolute;
    right: 40px;
    top: -24px;
    width: 56px;
    height: auto;
}
.logo_wrap {
    height: 317px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.logo_wrap .title {
    font-family: Montserrat-SemiBold;
    font-size: 40px;
    color: #151516;
    text-align: center;
    line-height: 49px;
    font-weight: 600;
    margin-bottom: 50px;
}
.logo_wrap .title span {
    color: #005BFF;
}
.logo_wrap img {
    width: 789px;
    height: auto;
}
.contact_wrap {
    height: 575px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #F9F9FA;
    padding: 70px 0px;
}
.contact_wrap .tit {
    font-family: Montserrat-SemiBold;
    font-size: 40px;
    color: #151516;
    text-align: center;
    line-height: 49px;
    font-weight: 600;

}
.contact_wrap img {
    width: 100%;
    height: auto;
    margin-top: 40px;
}
.contact_wrap .e_tit {
    font-family: Montserrat-SemiBold;
    font-size: 28px;
    line-height: 34px;
    color: #151516;
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: 16px;
    text-align: center;
}
.contact_wrap .email {
    font-family: Montserrat-SemiBold;
    font-size: 32px;
    line-height: 39px;
    color: #005BFF;
    font-weight: 600;
    text-align: center;
}
/*blog*/
.blog_top_list {
    padding-top: 128px;
    padding-bottom: 110px;
    background: #EDF3FF;
}
.d_f2list {
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
}
.d_f2left .swiper-button-next img, .d_f2left .swiper-button-prev img {
    width: 25px;
    height: 25px;
}
.d_f2left .swiper-button-prev img {
    transform: rotate(180deg);
}
.d_f2left {
    width: 610px;
    overflow: hidden;
    position: relative;
}
.d_f2left_li {
    width: 100%;
}
.ys_imgbox_cover {
    width: 100%;
    height: 369px;
    border-radius: 16px;
    background: #0D122C;
    overflow: hidden;
 }
.ys_imgbox_cover img {
    width: 100%;
    height: auto;
}
.d_f2left_li_tit {
    font-family: Montserrat-SemiBold;
    font-size: 24px;
    color: #151516;
    line-height: 28px;
    font-weight: 600;
    margin-top: 16px;
}
.blog_top_list .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 110px;
    text-align: right;
    padding-right: 24px;
}
.swiper-pagination-bullet {
    background: #0D122C;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    width: 20px;
    height: 8px;
    background: #0D122C;
    border-radius: 4px;
}
.blog_top_btn {  
    position: relative;
    top: -50px;
}
.blog_top_btn_inner {
    height: 100px;
    background: #0D122C;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 32px;
}
.blog_top_btn p {
    font-family: Montserrat-SemiBold;
    font-size: 24px;
    line-height: 29px;
    color: #FFFFFF;
    font-weight: 600;
}
.blog_top_btn .button span {
    font-family: Montserrat-SemiBold;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 18px;
    font-weight: 600;
}
.d_f2right {
    width: 488px;
    flex-shrink: 0;
    margin-left: 56px;
}
.d_f2right_li {
    font-family: Montserrat-SemiBold;
    font-size: 18px;
    color: #282828;
    line-height: 22px;
    font-weight: 600;
    padding: 23.5px 0px;
    display: block;
    /*white-space: nowrap; *//* 防止文本换行 *//*
    overflow: hidden; *//* 隐藏溢出的内容 *//*
    text-overflow: ellipsis; *//* 显示省略号 *//*
    position: relative;
    padding-left: 12px;*/
    cursor: pointer;
    border-bottom: 1px solid rgba(225,225,225,1);
}
.d_f2right_li:last-child {
    border-bottom: none;
}
.d_f2right_li:hover a {
    color: #005BFF;
    text-decoration: underline;
}
/*.d_f2right_li::before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #005BFF;
    position: absolute;
    top: 8px;
    left: 0px;
}*/
.blog_mid {
    padding: 20px 0px 60px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.blog_mid_tit {
    font-family: Montserrat-SemiBold;
    font-size: 40px;
    line-height: 49px;
    color: #151516;
    text-align: center;
    line-height: 49px;
    font-weight: 600;
}
.ys_pos_center {
    display: flex;
    justify-content: center;
}
.blog_search_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.t_sounr {
    width: 280px;
    font-size: 0;
    padding: 8px;
    border: 1px solid rgba(188,192,199,1);
    border-radius: 8px;
    display: flex;
    align-items: center;
}
.t_souinput {
    width: calc(100% - 30px);
    height: 30px;
    padding-left: 12px;
    float: left;
}
.t_souinput input {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    width: 100%;
    outline: 0 !important;
    text-overflow: ellipsis;
    border: none;
}
.el-input {
    float: left;
    width: calc(100% - 24px);
}
.el-input__inner {
    height: 30px;
    padding-left: 8px;
    float: left;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    width: 100%;
    outline: 0 !important;
    text-overflow: ellipsis;
    border: none;
}
.t_sourg {
    width: 24px;
    cursor: pointer;
    float: right;
}
.t_sourg img {
    width: 100%;
}
.blog_mid .blog_mid_tag {
    margin-top: 50px;
    display: flex;
    /*justify-content: center;*/
    flex-wrap: wrap;
}
.blog_mid .blog_mid_tag li {
    padding: 15px 20px;
    border: 1px solid rgba(215,215,215,1);
    border-radius: 24px;
    font-family: Montserrat-SemiBold;
    font-size: 16px;
    color: #282828;
    font-weight: 600;
    line-height: 19px;
    margin-bottom: 14px;
    text-align: center;
    margin: 0px 6px 12px 6px;
    cursor: pointer;
    background: #fff;
}
.blog_mid .blog_mid_tag li.active {
    background: #005BFF;
    color: #FFFFFF;
}
.blog_mid .blog_mid_tag li.active a {
    color: #FFFFFF;
}
.blog_mid .blog_mid_tag li:hover a {
    color: #282828;
}
.blog_mid .blog_mid_tag li.active:hover a {
    color: #FFFFFF;
}
.el-pagination {
    display: flex;
    justify-content: center;
}
/*.el-pager li {
    min-width: 28px;
}*/
.el-pager li.active {
    color: #fff;
    cursor: default;
    background: #005BFF;
    border-radius: 8px;
    min-width: 28px;
    height: 28px;
}
.el-pager li:hover {
    color: #005BFF;
}
.el-pager li.active:hover {
    color: #fff;
}
.el-pagination button:hover {
    color: #005BFF;
}
.blog_list_wrap {
    padding: 40px 0px 0px;
    width: 100%;
}
.blog_list {
    display: flex;
    flex-wrap: wrap;
}
.blog_list .no-articles {
    width: 100%;
}
.blog_list .no-articles p {
    display: flex;
    justify-content: center;
    width: 100%;
    font-family: Montserrat-SemiBold;
    font-size: 16px;
    color: #282828;
    font-weight: 600;
    line-height: 19px;
}
.blog_item {
    width: calc((100% - 60px) / 3);
    background: #FFFFFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
    border-radius: 24px;
    /*padding: 24px;*/
    margin-bottom: 60px;
    margin-right: 30px;
    cursor: pointer;
    height: 100%;
    position: relative;
}
.blog_item:nth-of-type(3n) {
    margin-right: 0px;
}
.blog_item .blog_item_img {
    width: 100%;
    height: 244.44px;
    aspect-ratio: 6 / 4;
    overflow: hidden;
    border-radius: 16px;
    background: #f9f9f9;
    cursor: pointer;
}
.blog_item .blog_item_img img {
    width: 100%;
    height: auto;
    transition: all 0.2s;
}

.blog_item_tag {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 21px;
}
.blog_item_tag li {
    font-family: Montserrat-Medium;
    font-size: 14px;
    color: #151516;
    text-align: center;
    font-weight: 500;
    background: #EDF3FF;
    border-radius: 14px;
    padding: 5px 12px;
    cursor: pointer;
    margin-right: 8px;
    margin-bottom: 8px;
    white-space: nowrap;
    max-width: 100%;
}
.blog_item_tag li a {
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.blog_item .item_tit {
    font-family: Montserrat-SemiBold;
    font-size: 20px;
    color: #151516;
    line-height: 24px;
    font-weight: 600;
    margin: 8px 0px 10px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 72px;
    overflow: hidden;
}
.blog_item .item_desc {
    font-family: Montserrat-Medium;
    font-size: 16px;
    color: #454545;
    line-height: 20px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 60px;
}
.blog_item:hover .blog_item_img img {
    transform: scale(1.1);
}
.blog_item .item_tit:hover {
    color: #005BFF;
    text-decoration: underline;
}
.blog_item_bottom {
    margin-top: 19px;
    display: flex;
    align-items: center;
}
.blog_item .blog_item_bottom {
    /* position: absolute; */
    left: 0;
    bottom: 0;
}
.blog_item_bottom .blog_avatar_link {
    display: flex;
    align-items: center;
    padding-right: 12px;
    position: relative;
    cursor: pointer;
}

.blog_item_bottom .blog_avatar_link:after {
    content: "";
    width: 1px;
    height: 16px;
    background: #D7D7D7;
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.cos_text {
    font-family: Montserrat-Medium;
    font-size: 14px;
    color: #585858;
    font-weight: 500;
}
/*.blog_item_bottom .blog_avatar_link:hover .cos_text {
    color: #585858;
}*/
.cos_avatar {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin-right: 8px;
}
.cos_avatar img {
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    object-fit: cover;
}
.cos_avatar:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid rgba(0, 0, 0, .05);
}
.blog_item_date {
    font-family: Montserrat-Medium;
    font-size: 14px;
    color: #585858;
    font-weight: 500;
    line-height: 18px;
    padding-left: 12px;
}
.blog_wrapper {
    padding-top: 68px;
    background: #F1F7FF;
}
.blog_wrapper .nav-wrap {
    background: #fff !important;
}
.blog_detail_top {
    padding: 24px 0px 48px;
    background: #0D122C;
}
.bread_crumb {
    padding-bottom: 40px;
    display: flex;
    align-items: center;
}
.bread_crumb a {
    font-family: Montserrat-Medium;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    font-weight: 500;
    padding-left: 16px;
    position: relative;
    display: flex;
    align-items: center;
}
.bread_crumb a:first-child {
    padding-left: 0px;
}
.bread_crumb a::after {
    content: '';
    width: 1px;
    height: 12px;
    background: #FFFFFF;
    display: block;
    margin-left: 16px;
    transform: rotate(25deg);
}
.bread_crumb a.on::after {
    display: none;
}
.blog_detail_intro {
    display: flex;
    align-items: center;
}
.intro_img {
    position: relative;
    width: 249px;
    height: 166px;
    overflow: hidden;
    flex-shrink: 0;
}
.intro_img img {
    width: 100%;
    height: auto;
}
.intro_img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.intro_text {
    margin-left: 40px;
}
.intro_tit {
    font-family: Montserrat-Bold;
    font-size: 32px;
    color: #FFFFFF;
    line-height: 39px;
    font-weight: 700;
}
.intro_text .cos_text {
    color: rgba(255,255,255,0.85);
}
.intro_text .blog_item_date {
    color: rgba(255,255,255,0.85);
    padding-right: 12px;
}
.intro_text .blog_item_bottom .blog_avatar_link:after {
    background: rgba(255, 255, 255, 0.3);
}
.intro_text .blog_item_read {
    font-family: Montserrat-Medium;
    font-size: 14px;
    color: rgba(255,255,255,0.85);
    line-height: 20px;
    font-weight: 500;
    position: relative;
    padding-left: 12px;
}
.intro_text .blog_item_read:before {
    content: "";
    width: 1px;
    height: 16px;
    background: rgba(255, 255, 255, 0.3);
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}
.blog_content {
   padding-bottom: 20px;
   display: flex;
}
.blog_content .blog_cont_left {
    margin-right: 110px;
    width: calc(100% - 440px);
}
.blog_content .blog_cont_left .textCintr {
    padding: 30px 0px 20px 0px;
    background: #fff;
    border-bottom: 1px solid rgba(215,215,215,1);
}
.blog_content .blog_cont_left .textCintr .h2 {
    font-size: 32px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
}
.blog_content .blog_cont_left .textCintr .tit {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999;
    line-height: 14px;
    margin-top: 8px;
    padding-bottom: 24px;
    border-bottom: 1px solid #dcdfe6;
    position: relative;
}
.blog_content .blog_cont_left .textCintr .tit .tiy {
    display: flex;
    justify-content: flex-start;
    margin-top: 16px;
    flex-wrap: wrap;
}
.blog_content .blog_cont_left .textCintr .tit p {
    margin-right: 16px;
}
.blog_content .blog_cont_left .textCintr .summary {
    padding: 20px;
    margin-top: 24px;
    background: #F6F7F8;
    line-height: 22px;
    border-radius: 4px;
}
.summary span {
    color: #9096A5;
}
.blog_content .blog_cont_left .textCintr .text {
    /*padding: 0px 0 24px 0;*/
    line-height: 28px;
    color: #666;
    /*border-bottom: 1px solid #dcdfe6;*/
    font-size: 16px;
}
.blog_content .blog_cont_left .textCintr .text * {
    font-size: 16px;
}
.blog_content .blog_cont_left .textCintr .text img {
    max-width: 100%;
    height: auto;
}
.raw-style p, .blog_content .blog_cont_left .textCintr .text a {
    word-break: break-all;
}
.blog_content .blog_cont_left .textCintr .text a {
    color: #3598DB;
}
table, th, td {
    border: 1px solid black; /* 添加边框 */
  }
.raw-style p, .raw-style div, .raw-style img, .raw-style h1, .raw-style h2, .raw-style h3, .raw-style h4, .raw-style h5, .raw-style table, .raw-style pre {
    margin: 20px 0;
}
.texttag p {
    font-family: Montserrat-SemiBold;
    font-size: 16px;
    line-height: 19px;
    color: #151516;
    font-weight: 600;
    padding: 20px 0px 12px;
}
.texttag_ul {
    display: flex;
    flex-wrap: wrap;
}
.texttag_ul li {
    background: #FFFFFF;
    border: 1px solid rgba(215,215,215,1);
    border-radius: 24px;
    padding: 14px 20px;
    font-family: Montserrat-SemiBold;
    font-size: 16px;
    line-height: 19px;
    color: #282828;
    font-weight: 600;
    margin-right: 12px;
    margin-bottom: 12px;
}
.share_ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.share_ul li {
    width: 32px;
    height: auto;
    cursor: pointer;
}
.share_ul li img {
    width: 100%;
    height: auto;
}
.blog_cont_right {
    width: 330px;
    padding-top: 50px;
    flex-shrink: 0;
}
.profile_section {
    border: 1px solid rgba(215,215,216,1);
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 20px;
    cursor: pointer
}
.profile_top {
    display: flex;
    align-items: center;
}
.cos_profile_left {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin-right: 12px;
    flex-shrink: 0;
}
.cos_profile_left:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid rgba(0, 0, 0, .05);
}
.cos_profile_left img {
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    object-fit: cover;
}
.cos_profile_name {
    font-family: Montserrat-SemiBold;
    font-size: 20px;
    line-height: 24px;
    color: #282828;
    font-weight: 600;
}
.cos_profile_job {
    font-family: Montserrat-Medium;
    font-size: 12px;
    line-height: 15px;
    color: #787878;
    font-weight: 500;
    margin-top: 4px;
}
.profile_bottom {
    font-family: Montserrat-Medium;
    font-size: 14px;
    color: #585858;
    line-height: 18px;
    font-weight: 500;
    margin-top: 23px;
}

.tag_zximg {
    background: #0D122C;
    border-radius: 16px;
    padding: 40px 26px 34px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tag_zxtit {
    font-family: Montserrat-SemiBold;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
}
.tag_zximg .button span {
    font-family: Montserrat-SemiBold;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 18px;
    font-weight: 600;
}
.tag_zxdesc {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #333333;
    letter-spacing: -0.08px;
    text-align: left;
    font-weight: 400;
    margin-bottom: 20px;
}
.tag_banner_btn {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    text-align: center;
}
.tag_banner_btn .newBtnWrap {
    position: relative;
    overflow: hidden;
    width: 114px;
    height: 40px;
    border-radius: 36px;
    cursor: pointer;
}
.tag_banner_btn .newBtnBlue {
    background: #175DFF;
}
.tag_banner_btn .newBtnAd {
    width: 114px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 36px;
}
.tag_banner_btn .newBtnAd span {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 2;
}
.tag_banner_btn .newBtnAd .icon {
    width: 16px;
    height: 12px;
    margin-left: 3px;
    position: relative;
    z-index: 2;
    transition: all 0.5s;
    right: 0px;
    background-image: url(../image/pc_index_icon_4.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.tag_banner_btn .newBtnWrap::before {
    content: ' ';
    width: 250px;
    height: 250px;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(0);
    background: #1c47c9;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all 0.5s ease-out;
}
.tag_banner_btn .newBtnWrap:hover::before {
    transform: translate3d(-50%, -50%, 0) scale(1);
    opacity: 1;
}
.pro_relation_container {
    margin-bottom: 20px;
    background: #FFFFFF;
    border: 1px solid rgba(215,215,216,1);
    border-radius: 16px;
    overflow: hidden;
}
.pro_relation_container .d_f3asidetitle {
    background: #FFFFFF;
    font-family: Montserrat-SemiBold;
    font-size: 16px;
    color: #585859;
    font-weight: 600;
    height: 51px;
    line-height: 51px;
    width: 100%;
    padding-left: 20px;
}
.pro_relation_container .pro_relation_content {
    cursor: pointer;
    background: #EDF3FF;
    height: 174px;
    position: relative;
    padding: 20px 135px 26px 19px;
}
.pro_relation_container .pro_relation_content img {
    position: absolute;
    width: 120px;
    height: 118px;
    right: 15px;
    bottom: 24px;
}
.pro_relation_container .pro_relation_content .pro_relation_name {
    font-family: Montserrat-SemiBold;
    font-size: 20px;
    line-height: 24px;
    color: #282828;
    font-weight: 600;
    margin-bottom: 14px;
}
.pro_relation_container .d_f3aside2font {
    font-family: Montserrat-Medium;
    font-size: 14px;
    line-height: 18px;
    color: #585858;
    font-weight: 500;
    transition: all 0.36s;
    overflow: hidden;
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.caiBox {
    background: #FFFFFF;
    border: 1px solid rgba(215,215,216,1);
    border-radius: 16px;
    overflow: hidden;
}
.caiBox .m {
    background: #FFFFFF;
    font-family: Montserrat-SemiBold;
    font-size: 16px;
    color: #585859;
    font-weight: 600;
    height: 51px;
    line-height: 51px;
    width: 100%;
    padding-left: 20px;
    border-bottom: 1px solid rgba(215,215,216,1);
}
.box {
    padding: 16px;
}
.zhuanti-list {
    display: flex;
    flex-wrap: wrap;
}
.caiBox .gap li {
    margin-right: 8px !important;
    margin-bottom: 8px !important;
}
.tag a {
    background: #FFFFFF;
    border: 1px solid rgba(215,215,215,1);
    border-radius: 24px;
    padding: 14px 20px;
    font-family: Montserrat-SemiBold;
    font-size: 16px;
    line-height: 19px;
    color: #282828;
    font-weight: 600;
    display: block;
}
.tag a:hover, .tag a.on {
    background: #005BFF;
    color: #ffffff !important;
}
.blog_detail_case .dcase_tit {
    font-family: Montserrat-SemiBold;
    font-size: 40px;
    color: #151516;
    text-align: center;
    line-height: 49px;
    font-weight: 600;
    padding: 100px 0px 40px;
}

.bloger_wrap {
    background: #EDF3FF;
    padding: 60px 0px;
}
.bloger_works {
    background: #fff;
    padding: 20px 0px 80px;
}
.bloger_info {
    display: flex;
    align-items: center;
}
.blog_tag {
    justify-content: center;
    flex-direction: column;
}
.blog_tag_name {
    font-family: Montserrat-SemiBold;
    font-size: 40px;
    line-height: 49px;
    color: #151516;
    font-weight: 600;
    margin-bottom: 20px;
}
.blog_tag_desc {
    font-family: Montserrat-Medium;
    font-size: 18px;
    line-height: 22px;
    color: #282829;
    text-align: center;
    font-weight: 500;
    width: 960px;
}
.bloger_name {
    font-family: Montserrat-SemiBold;
    font-size: 40px;
    color: #151516;
    font-weight: 600;
    line-height: 49px;
}
.bloger_job {
    font-family: Montserrat-SemiBold;
    font-size: 18px;
    line-height: 22px;
    color: #064CB3;
    font-weight: 600;
    margin-top: 4px;
}
.bloger_desc {
    font-family: Montserrat-Medium;
    font-size: 18px;
    line-height: 22px;
    color: #282829;
    font-weight: 500;
    margin-top: 20px;
}
.bloger_info_img {
    width: 176px;
    height: 176px;
    border-radius: 50%;
    background-image: url(../image/part4-32@2x.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    flex-shrink: 0;
    margin-right: 64px;
}
.blog_mid form .li.w100 {
    width: 187px;
    position: relative;
}
.blog_mid form .li .input input {
    background: #FFFFFF;
    border: 1px solid rgba(225, 225, 226, 1);
    border-radius: 8px;
    padding: 0px 10px;
    height: 40px;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0;
    line-height: 40px;
    font-weight: 500;
    width: 100%;
}
.blog_mid form .li .blog_input_select{
    position: absolute;
    top:41px;
    border-radius: 6px;
    left:0;
    width:100%;
    background-color: #Fff;
    z-index: 2;
    display: none;
    border:1px solid #d2d2d2;
    max-height: calc(50vh - 140px);
    overflow-y: auto!important;
}
.blog_input_select li{
    font-family: Montserrat-Medium;
    font-size: 14px;
    line-height: 18px;
    color: #282828;
    font-weight: 500;
    height: 28px;
    line-height: 28px;
    transition: all 0.2s;
    cursor: pointer;
    padding-left:12px;
}
.blog_input_select li.active{
    background-color: rgba(0,91,255);
    color:#fff;
}
.blog_input_select li:not(.active):hover{
    background-color: rgba(0,91,255,0.10);
}
.blog_mid form .li .blog_select_icon{
    position: absolute;
    right:12px;
    top:50%;
    width: 20px;
    height: auto;
    opacity: 0.4;
    cursor: pointer;
    transition: all 0.3s;
    transform: translateY(-50%);
}
.blog_select_icon.blog_select_icon_rotate{
    transform: rotate(180deg);
}
.blog_input_select::-webkit-scrollbar {
    width: 10px !important;
}

.blog_input_select::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border-style: dashed;
    border-color: transparent;
    border-width: 3px;
    background-clip: padding-box;
    background-color: rgba(157, 165, 183, 0.5);
}
.blog_mid_tag {
    display: block;
}
.blog_mid_tag_mb {
    display: none;
}
@media screen and (max-width: 769px) {
    .blog_mid_tag {
        display: none;
    }
    .blog_mid_tag_mb {
        display: block;
    }
    .case-wrapper .banner .textBox {
        width: 100%;
        transform: none;
    }
    .company_m {
        flex-direction: column;
        padding: 40px 15px;
    }
    .company_m .article {
        padding: 0px;
        width: 100%;
        margin-bottom: 20px;
    }
    .company_m .r_img {
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .aboutUs4 {
        height: auto;
        padding: 20px;
        margin-bottom: 0px;
    }
    .list-grid.list {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
    .logo_wrap {
        height: 250px;
    }
    .logo_wrap .title {
        font-size: 32px;
        line-height: 39px;
        margin-bottom: 20px;
    }
    .logo_wrap img {
        width: 100%;
        height: auto;
    }

    .contact_wrap {
        height: 360px;
    }
    .contact_wrap .tit {
        font-size: 32px;
        line-height: 39px
    }
    .contact_wrap .e_tit {
        margin-top: 30px;
    }
    .contact_wrap img {
        margin-top: 30px;
    }
    /* blog */
    .blog_top_list {
        padding-top: 88px;
        padding-bottom: 138px;
    }
    .d_f2right {
        display: none;
    }
    .d_f2left {
        width: 100%;
    }
    .d_f2left_li_tit {
        font-size: 20px;
        line-height: 22px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    .ys_imgbox_cover {
        height: 206px;
    }
    .blog_top_list .swiper-container-horizontal>.swiper-pagination-bullets {
        padding-right: 0px;
        text-align: center;
        bottom: 88px;
    }
    .blog_top_btn {
        top: 400px;
        position: absolute;
    }
    .blog_top_btn_inner {
        flex-direction: column;
        padding: 24px 32px;
        height: auto;
    }
    .blog_top_btn p {
        text-align: center;
        font-size: 20px;
        margin-bottom: 32px;
    }
    .button.btn-blue {
        height: 46px;
        line-height: 46px;
    }
    .blog_mid .blog_mid_tag {
        display: none;
    }
    .blog_search_wrap {
        flex-direction: column;
    }
    .blog_mid_tit {
        font-size: 32px;
    }
    .ys_pos_center {
        margin-top: 20px;
        align-items: center;
        justify-content: space-between;
    }
    .blog_mid {
        padding: 130px 0px 40px 0px;
    }
    .blog_item .item_tit {
        height: auto;
    }
    .blog_item {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 33px;
        height: auto;
    }
    .blog_item .item_desc {
        height: auto;
    }
    .blog_item .blog_item_img {
        height: 206px;
    }
    .blog_item_tag {
        margin-top: 12px;
    }
    .blog_item .blog_item_bottom {
        position: static;
    }
    .pagination {
        padding-bottom: 0px !important;
        margin-top: 10px !important;
    }
    .bread_crumb a {
        flex-shrink: 0;
        padding-left: 9px;
        font-family: Montserrat-Medium;
        font-size: 12px;
        color: rgba(255,255,255,0.70);
        line-height: 17px;
        font-weight: 500;
    }
    .bread_crumb a::after {
        margin-left: 9px;
        background:rgba(255,255,255,0.70);
    }
    .bread_crumb a.on {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        flex: 1;
        display: block;
        font-family: Montserrat-Medium;
        font-size: 12px;
        color: #FFFFFF;
        line-height: 17px;
        font-weight: 500;
    }
    .blog_detail_intro {
        flex-direction: column;
    }
    .intro_img {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .intro_img img {
        width: 100%;
        height: auto;
        border-radius: 18px;
    }
    .intro_text {
        margin-top: 20px;
        margin-left: 0px;
    }
    .intro_tit {
        font-size: 24px;
    }
    .blog_detail_intro .blog_item_bottom {
        flex-wrap: wrap;
    }
    .blog_detail_intro .blog_item_bottom .blog_avatar_link {
        width: 100%;
        margin-bottom: 12px;
    }
    .blog_detail_intro .blog_item_bottom .blog_avatar_link:after {
        display: none;
    }
    .blog_detail_intro .blog_item_date {
        padding-left: 0px;
    }
    .blog_content {
        flex-direction: column;
    }
    .blog_content .blog_cont_left {
        width: 100%;
        margin-right: 0px;
    }
    .blog_content .blog_cont_left .textCintr img {
        width: 100%;
        height: auto;
    }
    .texttag {
        padding: 30px 0px;
    }
    .blog_cont_right {
        width: 100%;
        padding-top: 30px;
        border-top: 1px solid rgba(215,215,215,1);
    }
    .blog_detail_case .dcase_tit {
        font-family: Montserrat-SemiBold;
        font-size: 24px;
        color: #151516;
        text-align: center;
        line-height: 33px;
        font-weight: 600;
        padding: 40px 0px 20px;
    }
    .bloger_wrap {
        padding: 30px 0px;
    }
    .bloger_info {
        align-items: flex-start;
        flex-direction: column;
    }
    .bloger_info_img {
        width: 88px;
        height: 88px;
        margin-right: 0px;
    }
    .bloger_name {
        font-family: Montserrat-SemiBold;
        font-size: 32px;
        color: #151516;
        line-height: 39px;
        font-weight: 600;
        margin-top: 12px;
    }
    .bloger_job {
        font-family: Montserrat-SemiBold;
        font-size: 16px;
        line-height: 19px;
        color: #064CB3;
        font-weight: 600;
    }
    .bloger_desc {
        font-family: Montserrat-Medium;
        font-size: 16px;
        line-height: 19px;
        color: #282829;
        font-weight: 500;
    }
    .bloger_works_inner {
        padding: 0px !important;
    }
    .blog_tag {
        align-items: center;
    }
    .blog_tag_name {
        font-family: Montserrat-SemiBold;
        font-size: 32px;
        color: #151516;
        text-align: center;
        font-weight: 600;
        line-height: 39px;
        margin-bottom: 24px;
    }
    .blog_tag_desc {
        width: 100%;
        font-family: Montserrat-Medium;
        font-size: 16px;
        color: #282829;
        text-align: center;
        font-weight: 500;
        line-height: 19px;
    }
    .t_sounr {
        width: calc(100% - 207px);
        padding: 5px 8px 5px 8px;
    }
    .footer-wrap {
        padding: 40px 0 0;
    }
    .footer-wrap .right {
        flex-wrap: wrap;
        flex-direction: row;
    }
    .footer-wrap .right .list {
        padding-right: 0px;
    }
    .footer-wrap .right aside {
        width: 50%;
        margin-bottom: 30px;
    }
    .footer-wrap .right aside:nth-of-type(1) {
        order: 1;
    }
    .footer-wrap .right aside:nth-of-type(2) {
        order: 2;
    }
    .footer-wrap .right aside:nth-of-type(3) {
        order: 3;
    }
    .footer-wrap .right aside:nth-of-type(4) {
        order: 5;
    }
    .footer-wrap .right aside:nth-of-type(5) {
        order: 4;
    }
    .footer-wrap .right aside:nth-of-type(6) {
        order: 6;
        width: 100%;
    }
    .footer-wrap .top {
        padding: 0px;
    }
    .footer-wrap .copyright-wrap {
        padding: 20px 0px 40px;
    }
      /* blog */
}