.regularFontCommon {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429
}

.mediumFontCommon {
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #222429
}

.boldFontCommon {
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #222429
}

.linkBtnCommon {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: inline-block;
    line-height: 54PX;
    background: #0065dd;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 20PX
}

.linkBtnCommon:hover {
    background: #0077e6;
    transition: background .5s
}

.linkBtnCommon:active {
    background: #004bcc
}

.linkBtnCommon2 {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: inline-block;
    line-height: 52PX;
    background: transparent;
    color: #0065dd;
    text-align: center;
    font-size: 20PX;
    box-sizing: border-box
}

.linkBtnCommon2, .linkBtnCommon2:hover {
    border-radius: 4px;
    border: 1px solid #0065dd
}

.linkBtnCommon2:hover {
    background: rgba(0, 101, 221, .08);
    color: #216ed8
}

.linkBtnCommon2:active {
    background: rgba(0, 101, 221, .08);
    border-radius: 4px;
    border: 1px solid #004bcc;
    color: #004bcc
}

.btnCommon {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 40px;
    background: #216ed8;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 15px
}

.btnCommon:hover {
    background: rgba(33, 110, 216, .8);
    transition: background .5s
}

.btnCommon:active {
    background: #1d64c0
}

.btnCommon2 {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 38PX;
    background: #fff;
    border-radius: 4px;
    color: #216ed8;
    text-align: center;
    font-size: 15px;
    border: 1px solid #216ed8;
    box-sizing: border-box
}

.btnCommon2:hover {
    border-color: #216ed8;
    color: #fff;
    background: #216ed8
}

.btnCommon2:active {
    border-color: #1d64c0;
    color: #fff;
    background: #1d64c0
}

.btnCommonTd {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 40px;
    background: #0070ff;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    font-size: 15px
}

.btnCommonTd:hover {
    background: rgba(0, 112, 255, .8);
    transition: background .5s
}

.btnCommonTd2 {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: block;
    line-height: 38PX;
    background: #fff;
    border-radius: 4px;
    color: #107bf5;
    text-align: center;
    font-size: 15px;
    border: 1px solid #107bf5;
    box-sizing: border-box
}

.btnCommonTd2:hover {
    border-color: #107bf5;
    color: #fff;
    background: #107bf5
}

.btnCommonTd2:active {
    border-color: #0a70e4;
    color: #fff;
    background: #0a70e4
}

.sectionTitleFont {
    font-size: 42PX;
    line-height: 59PX
}

.sectionDownTitleFont {
    font-size: 32PX;
    line-height: 45PX
}

.sectionActiveTitleCommon {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    font-size: 16PX;
    color: #225a9c;
    line-height: 30PX
}

.sectionContCommon {
    margin: auto;
    position: relative;
    max-width: 1440PX;
    box-sizing: border-box;
    overflow: hidden
}

@media screen and (max-width: 1200px) {
    .sectionContMinCommon {
        padding-left: 100px;
        padding-right: 100px
    }
}

.sectionContBxCommon {
    height: 548PX;
    box-sizing: border-box;
    display: flex;
    position: relative;
    flex-flow: row nowrap
}

.sectionImgCommon {
    position: absolute;
    height: 100%;
    top: 0;
    width: auto
}

.boxContent {
    max-width: 1440PX;
    margin: auto;
    padding-left: 160PX;
    padding-right: 160PX;
    box-sizing: border-box
}

.overAutoDot {
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.breads {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: flex;
    align-items: center;
    padding-top: 40PX;
    padding-bottom: 45PX;
    color: #0070f9;
    font-size: 18PX
}

.breads .angle {
    color: #222429;
    margin-left: 10PX;
    margin-right: 10PX
}

.articleInfo {
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #222429;
    display: flex;
    align-items: center
}

.articleInfo .itemLogo {
    height: 17PX;
    width: auto
}

.articleInfo .itemTime {
    margin-left: 30PX;
    color: #999;
    font-size: 14PX
}

.articleInfo .itemMarks {
    display: flex
}

.articleInfo .itemMarks .mark {
    margin-left: 25PX;
    color: #0070f9;
    padding: 2PX 12PX;
    border-radius: 12PX;
    background-color: rgba(0, 112, 249, .05)
}

.mask-enter-active, .mask-leave-active {
    transition: opacity .3s
}

.mask-enter, .mask-leave-to {
    opacity: 0
}

.common-enter-active, .common-leave-active {
    transition: opacity .5s
}

.common-enter, .common-leave-to {
    opacity: 0
}

.tdabout .bnr {
    background: #e7f3fc;
    position: relative;
    display: flex;
    align-items: flex-start;
    height: 220px;
    z-index: 1;
    overflow: hidden
}

.tdabout .bnr .info_bx {
    padding-left: 74px;
    max-width: 1200px;
    width: 100%;
    margin: auto
}

.tdabout .bnr .btitle {
    font-size: 40px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #1e232a
}

.tdabout .bnr .bgi {
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 335px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -13px
}

.tdabout .bnr .bgi .bgi_pic {
    height: 335px
}

.tdabout .cont {
    padding-top: 46px;
    padding-bottom: 80px;
    background: #fff
}

.tdabout .cont .title {
    font-size: 38px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #272727;
    text-align: center
}

.tdabout .cont .desc_bx {
    padding-top: 40px;
    padding-bottom: 80px;
    max-width: 1100px;
    width: 100%;
    margin: auto;
    display: flex;
    flex-flow: row wrap
}

.tdabout .cont .desc_bx .info_data {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #272727;
    flex: 1
}

.tdabout .cont .desc_bx .info_data .l_desc {
    margin-bottom: 18px;
    line-height: 20px
}

.tdabout .cont .desc_bx .bnr_right {
    width: 502px;
    height: 290px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #cacccf;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 60px;
    margin-top: 10px
}

.tdabout .cont .desc_bx .bnr_right .br_logo {
    width: 345px
}

.tdabout .cont .contact_bx {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    max-width: 950px;
    width: 100%;
    margin: auto;
    flex-flow: row wrap
}

.tdabout .cont .contact_bx .cb_item {
    width: 300px;
    height: 130px;
    background: #f7f8fa;
    border-radius: 16px;
    box-sizing: border-box;
    padding-left: 28px;
    padding-top: 15px;
    display: flex;
    margin-top: 20px;
    cursor: pointer
}

.tdabout .cont .contact_bx .cb_item .cb_icon {
    height: 100px;
}

.tdabout .cont .contact_bx .cb_item .cb_info {
    margin-left: 12px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #272727;
    margin-top: 20px;
}

.tdabout .cont .contact_bx .cb_item .cb_info .p1 {
    font-size: 20px
}

.tdabout .cont .contact_bx .cb_item .cb_info .p2 {
    font-size: 16px;
    margin-top: 6px
}

.tdabout .map {
    margin-top: 40px
}

.tdabout .map .bdwindow {
    width: 100%;
    max-width: 1100px;
    margin: auto
}

.tdabout .map .bdmaker {
    width: 278px;
    height: 133px;
    position: absolute;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARYAAACFCAMAAACpFickAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACuUExURUdwTAyA/QmE/wuB/wuB/wCA/wuA/guA/wt//gyD/wuB/wuA/g15/wuA/wl9/wuC/wuA/QCA/wqA/gyB/wqA/QqA/wuA/gCO/wyA/wuB/wuA/guA/g2A/wD//wqA/wl//wuA/wqA/wqA/gyA/wuB/wqB/wqB/wiE/wuB/wyB/wl//wCA/wuB/wuA/gCL/w2A/wqA/wuA/wuB/wqA/wuA/guA/gt//wuA/wqA/QuA/pi/wEUAAAA5dFJOUwCXG7RdBOPn/Cn46xPrN3iHAvhXlqvTCVjSt+0UAa04h5asVuyU9B9ZlhwId/kLJmZa+t360nj5lRTO590AAAIFSURBVHja7d3XdoJAEIDhAYNJUIoNNRpbeu9l3//FYnRzAjKWa/f/H+E7wO5wMyJrOh1/jvqDB7P/hVG/k8QN2SF/UjVuVU39bSjD7y/jXs12faPK2cC4Wa21HiXwjLt5wRqVuxPjcpWu/qy4rTJ3UZ+XG+N6nqLSMlT+7g7PUTG10jl9Acq89orK7Tsmv/e6lfvuBJJFaXE6rCKynI8Kc+MYEFucZ7nHw5bkWUZ42Dp5lg88bFlO5foVD1v0r3JwBMdfISpqqGxiQUVjQUVjQUVjQUVjQUVjeUFFYbm6BEFhecZAY+lhoLE8voGgfXKPD1HQDmhc9OscLvrlHxd9VMRF/7GAi8qCi86Ci86Ci84iT2hoLIIGLLDAAgsssMACCyywwAILwQILLLDAAgsssMACCyywwAILLLDAAgsssMACCyywwAILLLDAAgsssMACCyywwAILLAQLLLDAAgsssMACCyywwEKwwAILLLDAAgsssOwNSwiHLcyzRHjYojxLhoetn2fp4GEr7D5L8LAVNuXFeNgKexUbbOFcVtzCKSkii4o7W8VvQmLKG36ljYkp74OWeg0UZXs4+2eMtmtexHNexVNUJKg4rlIJNBbpuu1S6Ype4PJ75AWytp6r51GtJZuqT1281zWnddmSn7o2H1VTX3aoESezLHLhP2YYZbMkLk6HP8Geq3QDKkewAAAAAElFTkSuQmCC);
    box-sizing: border-box;
    padding-left: 32px;
    padding-top: 26px;
    padding-right: 32px;
    color: #fff
}

.tdabout .map .bdmaker .bdm_title {
    display: flex;
    align-items: center
}

.tdabout .map .bdmaker .bdm_title img {
    width: 20px
}

.tdabout .map .bdmaker .bdm_title span {
    font-size: 18px;
    font-family: AppleSystemUIFont;
    color: #fff;
    margin-left: 4px
}

.tdabout .map .bdmaker .bdn_text {
    margin-top: 15px;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #fff;
    line-height: 22px
}