.max_w {
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.aboutWrap {
    padding-bottom: 60px
}

.aboutWrap .upper {
    display: flex;
    width: 100%;
    height: 230px;
    padding-bottom: 42px;
    background: url(/static/question/image/about_bg.jpg) #eff7ff center top / 1440px 272px no-repeat;
    overflow: hidden;
    justify-content: center;
    align-items: center
}

.aboutWrap .upper i {
    overflow: hidden;
    height: 54px
}

.aboutWrap .upper i.aboutus {
    width: 168px;
    background: url(/static/question/image/about_title.png) 0 0/100% 100% no-repeat
}

.aboutWrap .upper i.exemption {
    width: 191px;
    background: url(../images/about_exemption.png) 0 0/100% 100% no-repeat
}

.aboutWrap .upper i.help_title {
    width: 219px;
    background: url(../images/about_help_icon.png) 0 0/100% 100% no-repeat
}

.aboutWrap .upper i.contact {
    width: 162px;
    background: url(../images/about_contact.png) 0 0/100% 100% no-repeat
}

.aboutWrap .blockArea {
    width: 1080px;
    margin: -88px auto 0
}

.aboutWrap .blockArea.noNav {
    margin: -40px auto 0
}

.aboutWrap .blockArea .nav {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    height: 48px
}

.aboutWrap .blockArea .nav a {
    width: 220px;
    height: 48px;
    font-size: 16px;
    color: #30363D;
    line-height: 48px;
    box-sizing: border-box;
    text-align: center
}

.aboutWrap .blockArea .nav a.sel {
    color: #ef1c26;
    border-bottom: 3px solid #ef1c26
}

.aboutWrap .blockArea section {
    width: 1080px;
    height: auto;
    min-height: 320px;
    background: #fff;
    padding: 40px 60px;
    box-sizing: border-box;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.05);
    line-height: 20px;
    font-size: 14px
}

.aboutWrap .blockArea section.textOut {
    width: 100%;
    font-size: 14px;
    color: #676A6F;
    line-height: 2
}

.aboutWrap .blockArea section.textOut p+p {
    margin-top: 20px
}

.aboutWrap .blockArea section.contact {
    height: 469px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0
}

.aboutWrap .blockArea section.contact .boxLt {
    width: 476px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.aboutWrap .blockArea section.contact .boxLt .htc {
    width: 100%;
    height: 196px;
    background: url(../images/about_contactHtc.png) 0 0/100% 100% no-repeat
}

.aboutWrap .blockArea section.contact .boxLt .cbox {
    flex: 1;
    width: 100%;
    box-sizing: border-box;
    padding: 37px 33px 42px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.aboutWrap .blockArea section.contact .boxLt .cbox .clogo {
    width: 68px;
    height: 55px;
    background: url(../images/about_logo.png) 0 0/100% 100% no-repeat;
    margin-bottom: 50px
}

.aboutWrap .blockArea section.contact .boxLt .cbox .shortTerm {
    width: 8px;
    height: 3px;
    background: #000;
    margin: 44px 0 30px 4px
}

.aboutWrap .blockArea section.contact .boxLt .cbox p {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    color: #30363D;
    line-height: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.aboutWrap .blockArea section.contact .boxLt .cbox p span {
    font-weight: normal;
    padding-left: 15px
}

.aboutWrap .blockArea section.contact .boxRt {
    width: 604px;
    height: 469px;
    background: url(../images/about_contactBg.jpg) 0 0/100% 100% no-repeat
}

.aboutWrap .blockArea section.lrColumns {
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between
}

.aboutWrap .blockArea section.lrColumns .leftNavs,
.aboutWrap .blockArea section.lrColumns .rightTxts {
    align-self: stretch
}

.aboutWrap .blockArea section.lrColumns .leftNavs {
    width: 196px;
    min-height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background: #f5f5f5
}

.aboutWrap .blockArea section.lrColumns .leftNavs a,
.aboutWrap .blockArea section.lrColumns .leftNavs b {
    width: 100%;
    height: 44px;
    font-size: 14px;
    line-height: 44px;
    box-sizing: border-box;
    padding: 0 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.aboutWrap .blockArea section.lrColumns .leftNavs a.sel,
.aboutWrap .blockArea section.lrColumns .leftNavs b.sel {
    color: #ef1c26;
    background: #fff;
    cursor: default
}

.aboutWrap .blockArea section.lrColumns .leftNavs a:hover,
.aboutWrap .blockArea section.lrColumns .leftNavs b:hover {
    color: #ef1c26
}

.aboutWrap .blockArea section.lrColumns .rightTxts {
    width: 880px;
    box-sizing: border-box;
    padding: 30px
}

.aboutWrap .blockArea section.lrColumns .rightTxts article {
    display: none
}

.aboutWrap .blockArea section.lrColumns .rightTxts article:nth-child(1) {
    display: block
}

.aboutWrap .blockArea section img {
    max-width: 100% !important;
    width: auto;
    height: auto
}