.footbanner {
    position: fixed;
    bottom: 0px;
    height: 100px;
    width: 100%;
    display: flex;
}

.footbanner .ft_le {
    width: 74%;
    height: 100px;
    background: #236295;
    display: flex;
    justify-content: space-between;
}

.footbanner .ft_span1 span {
    font-size: 20px;
    line-height: 100px;
    color: #FFFFFF;
    padding-left: 20px;
}

.footbanner .ft_span2 {
    display: flex;
    font-size: 30px;
    color: #FFFFFF;
    line-height: 100px;
    font-weight: bold;
    padding-right: 40px;
}

.footbanner .ft_span2 span {
    color: #FFFFFF;
    font-size: 55px;
    line-height: 100px;
    padding-right: 30px;
}

.footbanner .ft_ri {
    width: 26%;
    height: 100px;
    background: #ffa12d;
}

.footbanner .ft_ri a {
    font-size: 30px;
    color: #FFFFFF;
    line-height: 100px;
    padding-left: 40px;
    font-weight: bold;
    cursor: pointer;
}

.footbanner .ft_ri a:hover {
    text-decoration: none;
}

@media (max-width:767px) {
    .footbanner {
        position: fixed;
        bottom: 0px;
        height: 50px;
        width: 100%;
        display: flex;
    }
    .footbanner .ft_le {
        width: 50%;
        height: 50px;
        background: #236295;
        display: flex;
        justify-content: space-between;
    }
    .footbanner .ft_span1 span {
        font-size: 15px;
        line-height: 50px;
        color: #FFFFFF;
        padding-left: 10px;
    }
    .footbanner .ft_span2 {
        display: flex;
        font-size: 15px;
        color: #FFFFFF;
        line-height: 50px;
        font-weight: bold;
        padding-right: 10px;
    }
    .footbanner .ft_span2 span {
        color: #FFFFFF;
        font-size: 20px;
        line-height: 50px;
        padding-right: 10px;
    }
    .footbanner .ft_ri {
        width: 50%;
        height: 50px;
        background: #ffa12d;
    }
    .footbanner .ft_ri a {
        font-size: 15px;
        color: #FFFFFF;
        line-height: 50px;
        padding-left: 10px;
        font-weight: bold;
        cursor: pointer;
    }
}

.navbar {
    width: 100%;
    margin-bottom: 0;
    display: none
}

.navbar .loginBtn {
    background: #fff;
    color: #333;
    padding: 7px 10px;
    border-radius: 4px;
    border: none;
    margin-top: 8px;
    margin-right: 15px;
    float: right;
    font-size: 14px
}

.navbar .navbar-toggle {
    float: right
}

.navbar .navbar-brand {
    padding: 0 0 0 10px
}

.navbar .navbar-brand img {
    height: 100%;
    display: block
}

.container {
    width: 100%;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff
}

.container .popBox {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .6);
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: none
}

.container .popBox .pop {
    width: 556px;
    height: 579px;
    background: #fff;
    border-radius: 4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 72px;
    box-sizing: border-box;
    position: relative
}

.container .popBox .pop img {
    width: 128px;
    height: auto
}

.container .popBox .pop .closeBtn {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer
}

.container .popBox .pop .closeBtn img {
    width: 20px;
    display: block;
    cursor: pointer
}

.container .popBox .pop .inputBox {
    margin-top: 36px;
    width: 100%
}

.container .popBox .pop .inputBox .item {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 23px
}

.container .popBox .pop .inputBox .item label {
    margin: 0;
    font-size: 18px;
    color: #000;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-weight: 600
}

.container .popBox .pop .inputBox .item label em {
    color: red
}

.container .popBox .pop .inputBox .item label .no {
    color: #fff
}

.container .popBox .pop .inputBox .item input {
    width: 100%;
    border: 1px solid #000;
    margin-left: 16px;
    padding: 10px;
    box-sizing: border-box;
    font-size: 16px
}

.container .popBox .pop .btnBox {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px
}

.container .popBox .pop .btnBox a {
    width: 224px;
    height: 42px;
    line-height: 18px;
    background: #34383C;
    border-radius: 4px;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    margin-bottom: 22px;
    text-decoration: none;
    box-sizing: border-box;
    border: 1px solid #34383C
}

.container .popBox .pop .btnBox a:hover {
    background: #fff;
    border: 1px solid #000;
    color: #333
}

.container .popBox .pop .btnBox p {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #333
}

.container .popBox .closeBox {
    width: 600px;
    background: #fff;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 37px 52px;
    box-sizing: border-box;
    position: relative
}

.container .popBox .closeBox .textTitle {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 42px
}

.container .popBox .closeBox .textTitle h2 {
    font-size: 22px;
    color: #313131;
    font-weight: 400
}

.container .popBox .closeBox .textTitle .closeBtn {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.container .popBox .closeBox .textTitle .closeBtn img {
    width: 20px;
    height: 20px;
    display: block
}

.container .popBox .closeBox .textCont {
    width: 100%;
    font-size: 18px;
    color: #515151;
    margin-bottom: 45px
}

.container .popBox .closeBox .deleteBtn {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.container .popBox .closeBox .deleteBtn a {
    width: 126px;
    height: 42px;
    background: #d84d4e;
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    margin-left: 13px;
    border: 1px solid #d84d4e;
    text-decoration: none
}

.container .popBox .closeBox .deleteBtn a:last-child {
    background: #fff;
    border: 1px solid #000;
    color: #363636
}

.container .nav {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 0
}

.container .nav .box {
    width: 1000px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.container .nav .box .left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
}

.container .nav .box .left .logo {
    width: 300px;
    margin-right: 40px
}

.container .nav .box .left .logo img {
    width: 100%;
    display: block
}

.container .nav .box .left .navList {
    display: -ms-flexbox;
    display: flex
}

.container .nav .box .left .navList .item {
    padding: 0 14px;
    position: relative
}

.container .nav .box .left .navList .item h1 {
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 5px;
    box-sizing: border-box;
    height: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    border-bottom: 2px solid #fff
}

.container .nav .box .left .navList .item h1 a {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    text-decoration: none;
    line-height: 16px
}

.container .nav .box .left .navList .item h1 img {
    height: 100%;
    margin-left: 10px
}

.container .nav .box .left .navList .item h1:hover {
    border-bottom: 2px solid #000
}

.container .nav .box .left .navList .item ul {
    width: 100%;
    position: absolute;
    background: #fff;
    left: 0;
    top: 52px;
    padding: 20px;
    box-sizing: border-box;
    border-top: 1px solid #ddd
}

.container .nav .box .left .navList .item ul li {
    width: 100%;
    margin-bottom: 20px
}

.container .nav .box .left .navList .item ul li a {
    color: #333;
    font-size: 14px;
    line-height: 14px
}

.container .nav .box .left .navList .item ul li:last-child {
    margin-bottom: 0
}

.container .nav .box .left .navList .active h1 a {
    color: #333;
    font-size: 20px;
    font-weight: 900;
    line-height: 20px
}

.container .nav .box .right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    height: 80px;
    right: 0
}

.container .nav .box .right .eventBox {
    width: 158px;
    position: absolute;
    top: 80px;
    right: 0;
    background: #fff;
    z-index: 999;
    box-shadow: 0 0 2px #ddd;
    padding: 20px;
    display: none
}

.container .nav .box .right .eventBox li {
    width: 100%;
    margin-bottom: 26px
}

.container .nav .box .right .eventBox li a {
    width: 100%;
    display: block;
    color: #333;
    font-size: 14px
}

.container .nav .box .right .eventBox li:last-child {
    margin-bottom: 0
}

.container .nav .box .right img {
    width: 22px;
    display: block;
    margin-right: 15px
}

.container .contBox .box .title2 .num,
.container .contBox .box .title3 .num,
.container .contBox .box .title4 .num {
    margin-right: 20px
}

.container .nav .box .right a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    text-decoration: none
}

.container .nav .box .right:hover .eventBox {
    display: block
}

.container .header {
    width: 100%;
    padding: 164px 0 142px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.container .header .box {
    width: 1000px
}

.container .header .box h1 {
    font-size: 76px;
    color: #fff;
    font-weight: 900;
    margin-bottom: 30px
}

.container .header .box p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px
}

.container .header .box a {
    padding: 21px 66px;
    background: #34383C;
    color: #fff;
    display: inline-block;
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 18px;
    border-radius: 4px;
    text-decoration: none;
    border: 1px solid #34383C;
    box-sizing: border-box
}

.container .header .box a:hover {
    background: #fff;
    border: 1px solid #34383C;
    color: #333
}

.container .newContent {
    width: 100%;
    margin-top: 78px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.container .newContent .newContentTitle {
    width: 100%;
    padding: 31px 0;
    text-align: center;
    color: #fff;
    background: #F0B529;
    font-size: 24px;
    font-weight: 400
}

.container .newContent p {
    width: 1000px;
    padding: 0 70px;
    font-size: 20px;
    color: #777;
    margin-top: 40px;
    line-height: 34px;
    font-weight: 400
}

.container .footer {
    width: 100%;
    background: #333;
    padding-top: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.container .footer .box {
    width: 1000px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.container .footer .box .logo {
    margin-bottom: 37px
}

.container .footer .box .top {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #727578;
    margin-bottom: 20px
}

.container .footer .box .top .left {
    width: 540px
}

.container .footer .box .top .left p {
    color: #fff;
    font-size: 16px;
    text-align: justify
}

.container .footer .box .top .right {
    color: #fff;
    margin-bottom: 50px
}

.container .footer .box .top .right h2 {
    font-size: 16px;
    margin-bottom: 12px;
    font-weight: 600
}

.container .footer .box .top .right h3 {
    font-size: 16px;
    margin-bottom: 12px;
    color: #ccc
}

.container .footer .box .top .right img {
    margin-bottom: 5px
}

.container .footer .box .top .right p {
    font-size: 16px;
    font-weight: 600
}

.container .footer .box .bottom {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px
}

.container .footer .box .bottom span {
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

.container .header2 {
    width: 100%;
    background: #F4A50D;
    padding: 164px 0 142px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.container .header2 .box {
    width: 1000px
}

.container .header2 .box h1 {
    font-size: 52px;
    color: #fff;
    font-weight: 900;
    line-height: 70px
}

.container .header2 .box h2 {
    font-size: 52px;
    color: #fff;
    font-weight: 900;
    line-height: 70px;
    margin-bottom: 20px
}

.container .header2 .box h3,
.container .header2 .box h4 {
    font-size: 32px;
    color: #fff;
    font-weight: 900;
    line-height: 40px;
    margin-bottom: 20px
}

.container .header2 .box p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px;
    line-height: 14px
}

.container .header2 .box a {
    padding: 21px 66px;
    background: #000;
    color: #fff;
    display: inline-block;
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 18px;
    border-radius: 4px
}

.container .contList {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.container .contList .box {
    width: 1000px
}

.container .contList .box .title {
    width: 100%;
    margin-top: 100px;
    margin-bottom: 139px
}

.container .contList .box .title h1 {
    font-size: 46px;
    color: #333;
    text-align: center;
    line-height: 46px;
    margin-bottom: 20px
}

.container .contList .box .title p {
    font-size: 16px;
    color: #333;
    text-align: center
}

.container .contList .box .proList {
    width: 100%
}

.container .contList .box .proList .item {
    width: 100%;
    margin-bottom: 149px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.container .contList .box .proList .item .left {
    width: 475px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 30px;
    box-sizing: border-box
}

.container .contList .box .proList .item .left .h2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
    text-decoration: none
}

.container .contList .box .proList .item .left .h2 span {
    font-size: 40px;
    color: #333;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.container .contList .box .proList .item .left .h2 span em {
    font-size: 14px;
    color: #d7d7d7;
    margin-left: 10px;
    margin-top: 5px
}

.container .contList .box .proList .item .left .h2 img {
    width: 111px;
    height: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex
}

.container .contList .box .proList .item .left .h2 .m1 {
    width: 111px
}

.container .contList .box .proList .item .left .h2 .m2 {
    width: 258px
}

.container .contList .box .proList .item .left .h2 .m3 {
    width: 243px
}

.container .contList .box .proList .item .left h4 {
    font-size: 24px;
    color: #333;
    margin-bottom: 16px;
    line-height: 30px
}

.container .contList .box .proList .item .left p {
    margin-bottom: 10px;
    font-size: 16px;
    color: #333
}

.container .contList .box .proList .item .left img {
    width: 100%
}

.container .contList .box .proList .item .right {
    width: 378px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.container .contList .box .proList .item .right a,
.container .contList .box .proList .item .right a img {
    width: 100%;
    display: block
}

.container .contList .box .proList .mb {
    opacity: 0;
    transition: opacity .3s
}

.container .contList .box .proList .item:hover .mb {
    opacity: 1
}

.container .contBox {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.container .contBox .box {
    width: 1000px
}

.container .contBox .box .title {
    width: 100%;
    text-align: center;
    padding-top: 100px;
    margin-bottom: 70px
}

.container .contBox .box .title h1 {
    font-size: 36px;
    color: #333;
    line-height: 36px;
    margin-bottom: 27px
}

.container .contBox .box .title p {
    font-size: 14px;
    line-height: 24px;
    color: #333
}

.container .contBox .box .title2 {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 81px;
    margin-bottom: 70px
}

.container .contBox .box .title2 .num span {
    width: 58px;
    height: 58px;
    background: #F8BB2A;
    border-radius: 50%;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 48px
}

.container .contBox .box .title2 .text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 10px;
    color: #333
}

.container .contBox .box .title2 .text h4 {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 20px
}

.container .contBox .box .title2 .text p {
    font-size: 14px;
    text-align: center
}

.container .contBox .box .title2 .text a {
    font-size: 14px;
    color: #F8BB2A
}

.container .contBox .box .title4 {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 81px;
    margin-bottom: 70px
}

.container .contBox .box .title4 .num span {
    width: 58px;
    height: 58px;
    background: #F8BB2A;
    border-radius: 50%;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 48px
}

.container .contBox .box .title4 .text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 10px;
    color: #333
}

.container .contBox .box .title4 .text h4 {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 20px
}

.container .contBox .box .title4 .text p {
    font-size: 14px;
    text-align: center;
    line-height: 18px
}

.container .contBox .box .title4 .text a {
    font-size: 14px;
    color: #F8BB2A
}

.container .contBox .box .title3 {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 81px;
    margin-bottom: 70px
}

.container .contBox .box .title3 .num span {
    width: 58px;
    height: 58px;
    background: #F8BB2A;
    border-radius: 50%;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 48px
}

.container .contBox .box .title3 .text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 10px;
    color: #333
}

.container .contBox .box .title3 .text h4 {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 20px
}

.container .contBox .box .title3 .text p {
    font-size: 14px;
    text-align: center
}

.container .contBox .box .title3 .text a {
    font-size: 14px;
    color: #F8BB2A
}

.container .contBox .box .classBox {
    width: 100%;
    padding: 0 78px;
    box-sizing: border-box;
    overflow: hidden
}

.container .contBox .box .classBox .infoTitle {
    width: 100%;
    color: #333
}

.container .contBox .box .classBox .infoTitle h5 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 14px
}

.container .contBox .box .classBox .infoTitle p {
    font-size: 14px;
    line-height: 14px
}

.container .contBox .box .classBox .classList {
    width: 100%;
    margin-top: 60px
}

.container .contBox .box .classBox .classList ul {
    width: 100%
}

.container .contBox .box .classBox .classList ul li {
    width: 100%;
    margin-bottom: 40px
}

.container .contBox .box .classBox .classList ul li .classTitle {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.container .contBox .box .classBox .classList ul li .classTitle h2 {
    font-size: 20px;
    color: #000
}

.container .contBox .box .classBox .classList ul li .classTitle span {
    font-size: 25px;
    font-weight: 900;
    cursor: pointer
}

.container .contBox .box .classBox .classList ul li .listBoxs {
    width: 100%
}

.container .contBox .box .classBox .classList ul li .listBoxs .item {
    width: 100%;
    background: #F7F7F7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 30px;
    cursor: pointer;
    border: 2px solid #F7F7F7
}

.container .contBox .box .classBox .classList ul li .listBoxs .item .num {
    font-size: 36px;
    font-weight: 900;
    color: #F8BB28;
    margin-right: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 36px
}

.container .contBox .box .classBox .classList ul li .listBoxs .item .boxs {
    width: 100%
}

.container .contBox .box .classBox .classList ul li .listBoxs .item .boxs h3 {
    font-size: 18px;
    line-height: 18px;
    color: #000;
    margin-bottom: 14px;
    font-weight: 400
}

.container .contBox .box .classBox .classList ul li .listBoxs .item .boxs p {
    font-size: 14px;
    line-height: 14px
}

.container .contBox .box .classBox .classList ul li .listBoxs .item2 {
    width: 100%;
    background: #F7F7F7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 30px;
    cursor: pointer
}

.container .contBox .box .classBox .classList ul li .listBoxs .item2 .num {
    font-size: 26px;
    font-weight: 900;
    color: #F8BB28;
    margin-right: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 32px
}

.container .contBox .box .classBox .classList ul li .listBoxs .item2 .boxs,
.container .contBox .box .classBox .classList ul li .listBoxs .item2 .boxs .infoList {
    width: 100%
}

.container .contBox .box .classBox .classList ul li .listBoxs .item2 .boxs .infoList .items {
    width: 100%;
    margin-bottom: 15px
}

.container .contBox .box .classBox .classList ul li .listBoxs .item2 .boxs .infoList .items h3 {
    font-size: 18px;
    line-height: 18px;
    color: #000;
    margin-bottom: 14px;
    font-weight: 400
}

.container .contBox .box .classBox .classList ul li .listBoxs .item2 .boxs .infoList .items h4 {
    font-size: 16px;
    line-height: 16px;
    color: #000;
    margin-bottom: 14px;
    font-weight: 400
}

.container .contBox .box .classBox .classList ul li .listBoxs .item2 .boxs .infoList .items p {
    font-size: 14px;
    line-height: 14px
}

.container .contBox .box .classBox .classList ul li .listBoxs .item2 .boxs .infoList .items:last-child {
    margin-bottom: 0
}

.container .contBox .box .classBox .classList ul li .listBoxs .active {
    background: #555
}

.container .contBox .box .classBox .classList ul li .listBoxs .active .boxs h3,
.container .contBox .box .classBox .classList ul li .listBoxs .active .num {
    color: #fff
}

.container .contBox .box .classBox .classList ul li .listBoxs .active .boxs p {
    color: #D2D2D2
}

.container .contBox .box .classBox .classList ul li .listBoxs .item:hover {
    border: 2px solid #555;
    box-sizing: border-box
}

.container .contBox .box .mg-7 {
    margin-bottom: 35px
}

.container .contBox .box .ps {
    color: #666;
    font-size: 14px
}

.container .contBox .box .list {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.container .contBox .box .list .item {
    width: 312px;
    position: relative;
    margin-bottom: 30px;
    cursor: pointer
}

.container .contBox .box .list .item img {
    width: 100%;
    display: block
}

.container .contBox .box .list .item .info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.container .contBox .box .list .item .info h3 {
    display: block;
    border: 1px solid #fff;
    width: 170px;
    height: 64px;
    position: relative
}

.container .contBox .box .list .item .info h3 span {
    width: 170px;
    height: 64px;
    border: 1px solid #fff;
    position: absolute;
    left: -4px;
    top: -4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    color: #fff
}

.container .contBox .box .list .item .info p {
    margin-top: 12px;
    font-size: 16px;
    line-height: 16px;
    color: #fff
}

.container .contBox .box .list .item .info2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px;
    box-sizing: border-box
}

.container .contBox .box .list .item .info2 .num {
    width: 38px;
    height: 38px;
    background: rgba(0, 0, 0, 0);
    border: 2px solid #000;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    font-size: 24px;
    margin-bottom: 30px
}

.container .contBox .box .list .item .info2 h4 {
    font-size: 24px;
    color: #333;
    line-height: 24px;
    margin-bottom: 11px
}

.container .contBox .box .list .item .info2 span {
    font-size: 14px;
    color: #333;
    text-align: justify
}

.container .contBox .box .list2 {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 80px
}

.container .contBox .box .list2 .item {
    width: 324px;
    height: 250px;
    position: relative;
    background: #f7f7f7
}

.container .contBox .box .list2 .item img {
    width: 100%;
    display: block
}

.container .contBox .box .list2 .item .info {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.container .contBox .box .list2 .item .info h3 {
    display: block;
    border: 1px solid #fff;
    width: 170px;
    height: 64px;
    position: relative
}

.container .contBox .box .list2 .item .info h3 span {
    width: 170px;
    height: 64px;
    border: 1px solid #fff;
    position: absolute;
    left: -4px;
    top: -4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 28px;
    color: #fff
}

.container .contBox .box .list2 .item .info p {
    margin-top: 12px;
    font-size: 16px;
    line-height: 16px;
    color: #fff
}

.container .contBox .box .list2 .item .info2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px;
    box-sizing: border-box
}

.container .contBox .box .list2 .item .info2 .num {
    width: 38px;
    height: 38px;
    background: rgba(0, 0, 0, 0);
    border: 2px solid #000;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    font-size: 24px;
    margin-bottom: 30px
}

.container .contBox .box .list2 .item .info2 h4 {
    font-size: 24px;
    color: #333;
    line-height: 24px;
    margin-bottom: 11px
}

.container .contBox .box .list2 .item .info2 span {
    font-size: 14px;
    color: #333;
    text-align: justify
}

.container .contBox .box .btnBox {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px
}

.container .contBox .box .btnBox a {
    padding: 21px 42px;
    line-height: 18px;
    background: #34383C;
    border-radius: 4px;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    margin-bottom: 22px;
    text-decoration: none;
    box-sizing: border-box;
    border: 1px solid #34383C
}

.container .contBox .box .btnBox a:hover {
    background: #fff;
    border: 1px solid #000;
    color: #333
}

.container .contBox .box .btnBox h1 {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 58px;
    margin-top: 60px
}

.container .contBox .box .btnBox p {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #333
}

.container .contBox .box .btnBox4 {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 100px
}

.container .contBox .box .btnBox4 a {
    width: 370px;
    height: 60px;
    line-height: 18px;
    background: #34383C;
    border-radius: 4px;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    margin-bottom: 22px;
    box-sizing: border-box;
    text-decoration: none;
    border: 1px solid #34383C
}

.container .contBox .box .btnBox4 a:hover {
    background: #fff;
    border: 1px solid #34383C;
    color: #333
}

.container .contBox .box .btnBox4 h1 {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 58px;
    margin-top: 60px
}

.container .contBox .box .btnBox4 h2 {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 58px;
    margin-top: 40px
}

.container .contBox .box .btnBox4 p {
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #333
}

.container .contBox .box .infoBox {
    width: 100%
}

.container .contBox .box .infoBox .infoTitle {
    width: 100%;
    color: #333
}

.container .contBox .box .infoBox .infoTitle h5 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 14px
}

.container .contBox .box .infoBox .infoTitle p {
    font-size: 14px;
    line-height: 14px
}

.container .contBox .box .infoBox .infoCont {
    width: 100%;
    margin-top: 30px
}

.container .contBox .box .infoBox .infoCont .infoList {
    width: 100%;
    margin-bottom: 10px
}

.container .contBox .box .infoBox .infoCont .infoList ul {
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

.container .contBox .box .infoBox .infoCont .infoList ul li {
    width: 158px;
    height: 52px;
    font-size: 16px;
    color: #333;
    background: #ECECEC;
    margin-right: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.container .contBox .box .infoBox .infoCont .infoList ul li span {
    font-weight: 600
}

.container .contBox .box .infoBox .infoCont .infoList ul li .tag {
    display: -ms-flexbox;
    display: flex;
    margin-left: 8px
}

.container .contBox .box .infoBox .infoCont .infoList ul li .tag em {
    width: 8px;
    height: 8px;
    background: #BABABA;
    display: block;
    margin-right: 1px
}

.container .contBox .box .infoBox .infoCont .infoList ul li .tag .active {
    background: #666
}

.container .contBox .box .infoBox .infoCont .infoList ul .h {
    background: #F8BB2A;
    color: #fff;
    width: 108px;
    height: 52px
}

.container .contBox .box .infoBox .infoCont .infoTable {
    width: 100%
}

.container .contBox .box .infoBox .infoCont .infoTable .table {
    width: 100%;
    margin-bottom: 40px
}

.container .contBox .box .infoBox .infoCont .infoTable .table .tableTitle {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    background: #424452;
    box-sizing: border-box
}

.container .contBox .box .infoBox .infoCont .infoTable .table .tableTitle .item {
    border-right: 1px solid #424452;
    text-align: center;
    box-sizing: border-box;
    font-size: 12px;
    color: #fff;
    padding: 38px 0
}

.container .contBox .box .infoBox .infoCont .infoTable .table .tableTitle .item1 {
    width: 40px;
    background: #F8BB2A;
    border-right: 1px solid #F8BB2A
}

.container .contBox .box .infoBox .infoCont .infoTable .table .tableTitle .item2 {
    width: 120px
}

.container .contBox .box .infoBox .infoCont .infoTable .table .tableTitle .item3 {
    width: 160px
}

.container .contBox .box .infoBox .infoCont .infoTable .table .tableTitle .item4 {
    width: 180px
}

.container .contBox .box .infoBox .infoCont .infoTable .table .tableTitle .item5 {
    width: 250px
}

.container .contBox .box .infoBox .infoCont .infoTable .table .tableTitle .item6 {
    width: 130px
}

.container .contBox .box .infoBox .infoCont .infoTable .table .tableTitle .item7 {
    width: 120px
}

.container .contBox .box .infoBox .infoCont .infoTable .table .tableCont {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
    -ms-flex-direction: column;
    flex-direction: column
}

.container .contBox .box .infoBox .infoCont .infoTable .table .tableCont .tableTr {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    background: #FAFAFA;
    cursor: pointer
}

.container .contBox .box .infoBox .infoCont .infoTable .table .tableCont .tableTr .item {
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    padding: 30px 12px;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: justify
}

.container .contBox .box .infoBox .infoCont .infoTable .table .tableCont .tableTr .item1 {
    width: 40px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 28px;
    color: #EDBD4C
}

.container .contBox .box .infoBox .infoCont .infoTable .table .tableCont .tableTr .item2 {
    width: 120px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.container .contBox .box .infoBox .infoCont .infoTable .table .tableCont .tableTr .item3 {
    width: 160px
}

.container .contBox .box .infoBox .infoCont .infoTable .table .tableCont .tableTr .item4 {
    width: 180px
}

.container .contBox .box .infoBox .infoCont .infoTable .table .tableCont .tableTr .item5 {
    width: 250px
}

.container .contBox .box .infoBox .infoCont .infoTable .table .tableCont .tableTr .item6 {
    width: 130px
}

.container .contBox .box .infoBox .infoCont .infoTable .table .tableCont .tableTr .item7 {
    width: 120px
}

.container .contBox .box .infoBox .infoCont .infoTable .table .tableCont .tableTr:hover {
    background: #f1f1f1
}

.container .contBox .box .infoBox .infoCont .infoTable .table .more {
    text-align: center;
    margin-top: 20px
}

.container .contBox .box .infoBox .infoCont .infoTable .table .more a {
    font-size: 14px;
    color: #333
}

.container .contBox .box .infoBox .infoCont .infoTable .table2 {
    width: 100%;
    margin-bottom: 40px
}

.container .contBox .box .infoBox .infoCont .infoTable .table2 .tableTitle {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    background: #424452;
    box-sizing: border-box
}

.container .contBox .box .infoBox .infoCont .infoTable .table2 .tableTitle .item {
    border-right: 1px solid #424452;
    text-align: center;
    box-sizing: border-box;
    font-size: 12px;
    color: #fff;
    padding: 38px 0
}

.container .contBox .box .infoBox .infoCont .infoTable .table2 .tableTitle .item1 {
    width: 20px;
    background: #F8BB2A;
    border-right: 1px solid #F8BB2A
}

.container .contBox .box .infoBox .infoCont .infoTable .table2 .tableTitle .item2 {
    width: 320px
}

.container .contBox .box .infoBox .infoCont .infoTable .table2 .tableTitle .item3,
.container .contBox .box .infoBox .infoCont .infoTable .table2 .tableTitle .item4 {
    width: 330px
}

.container .contBox .box .infoBox .infoCont .infoTable .table2 .tableCont {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
    -ms-flex-direction: column;
    flex-direction: column
}

.container .contBox .box .infoBox .infoCont .infoTable .table2 .tableCont .tableTr {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    background: #FAFAFA;
    cursor: pointer
}

.container .contBox .box .infoBox .infoCont .infoTable .table2 .tableCont .tableTr .item {
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: justify
}

.container .contBox .box .infoBox .infoCont .infoTable .table2 .tableCont .tableTr .item1 {
    width: 20px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 28px;
    color: #EDBD4C;
    border-right: 1px solid #FAFAFA
}

.container .contBox .box .infoBox .infoCont .infoTable .table2 .tableCont .tableTr .item2 {
    width: 320px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.container .contBox .box .infoBox .infoCont .infoTable .table2 .tableCont .tableTr .item3 {
    width: 330px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.container .contBox .box .infoBox .infoCont .infoTable .table2 .tableCont .tableTr .item4 {
    width: 330px
}

.container .contBox .box .infoBox .infoCont .infoTable .table2 .tableCont .tableTr .item4 ul {
    width: 100%
}

.container .contBox .box .infoBox .infoCont .infoTable .table2 .tableCont .tableTr .item4 ul li {
    width: 100%;
    padding: 25px 0;
    border-bottom: 1px solid #ddd;
    text-align: center
}

.container .contBox .box .infoBox .infoCont .infoTable .table2 .tableCont .tableTr .item4 ul li:last-child {
    border-bottom: 0
}

.container .contBox .box .infoBox .infoCont .infoTable .table2 .tableCont .tableTr:hover {
    background: #f1f1f1
}

.container .contBox .box .infoBox .infoCont .infoTable .table2 .more {
    text-align: center;
    margin-top: 20px
}

.container .contBox .box .infoBox .infoCont .infoTable .table2 .more a {
    font-size: 14px;
    color: #333
}

.container .contBox .box .infoBox .infoCont .infoTable .table3 {
    width: 100%;
    margin-bottom: 40px
}

.container .contBox .box .infoBox .infoCont .infoTable .table3 .tableTitle {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    background: #424452;
    box-sizing: border-box
}

.container .contBox .box .infoBox .infoCont .infoTable .table3 .tableTitle .item {
    border-right: 1px solid #424452;
    text-align: center;
    box-sizing: border-box;
    font-size: 12px;
    color: #fff;
    padding: 38px 0
}

.container .contBox .box .infoBox .infoCont .infoTable .table3 .tableTitle .item1 {
    width: 40px;
    background: #F8BB2A;
    border-right: 1px solid #F8BB2A
}

.container .contBox .box .infoBox .infoCont .infoTable .table3 .tableTitle .item2 {
    width: 140px
}

.container .contBox .box .infoBox .infoCont .infoTable .table3 .tableTitle .item3 {
    width: 150px
}

.container .contBox .box .infoBox .infoCont .infoTable .table3 .tableTitle .item4 {
    width: 340px
}

.container .contBox .box .infoBox .infoCont .infoTable .table3 .tableTitle .item5 {
    width: 330px
}

.container .contBox .box .infoBox .infoCont .infoTable .table3 .tableCont {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
    -ms-flex-direction: column;
    flex-direction: column
}

.container .contBox .box .infoBox .infoCont .infoTable .table3 .tableCont .tableTr {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    background: #FAFAFA;
    cursor: pointer
}

.container .contBox .box .infoBox .infoCont .infoTable .table3 .tableCont .tableTr .item {
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: justify;
    padding: 26px 12px
}

.container .contBox .box .infoBox .infoCont .infoTable .table3 .tableCont .tableTr .item1 {
    width: 40px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 28px;
    color: #EDBD4C;
    border-right: 1px solid #ddd
}

.container .contBox .box .infoBox .infoCont .infoTable .table3 .tableCont .tableTr .item2 {
    width: 140px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.container .contBox .box .infoBox .infoCont .infoTable .table3 .tableCont .tableTr .item3 {
    width: 150px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.container .contBox .box .infoBox .infoCont .infoTable .table3 .tableCont .tableTr .item4 {
    width: 340px
}

.container .contBox .box .infoBox .infoCont .infoTable .table3 .tableCont .tableTr .item5 {
    width: 330px
}

.container .contBox .box .infoBox .infoCont .infoTable .table3 .tableCont .tableTr:hover {
    background: #f1f1f1
}

.container .contBox .box .infoBox .infoCont .infoTable .table3 .more {
    text-align: center;
    margin-top: 20px
}

.container .contBox .box .infoBox .infoCont .infoTable .table3 .more a {
    font-size: 14px;
    color: #333
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 {
    width: 100%;
    margin-bottom: 40px
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .tableTitle {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    background: #424452;
    box-sizing: border-box
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .tableTitle .item {
    border-right: 1px solid #424452;
    text-align: center;
    box-sizing: border-box;
    font-size: 12px;
    color: #fff;
    padding: 38px 0
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .tableTitle .item1 {
    width: 20px;
    background: #F8BB2A;
    border-right: 1px solid #F8BB2A
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .tableTitle .item2 {
    width: 980px
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .tableCont {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
    -ms-flex-direction: column;
    flex-direction: column
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .tableCont .tableTr {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    background: #FAFAFA;
    cursor: pointer
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .tableCont .tableTr .item {
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: justify;
    padding: 26px 12px
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .tableCont .tableTr .item1 {
    width: 20px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 28px;
    color: #EDBD4C;
    border-right: 1px solid #FAFAFA
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .tableCont .tableTr .item2 {
    width: 980px
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .tableCont .tableTr .item2 .textList {
    width: 100%
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .tableCont .tableTr .item2 .textList li {
    font-size: 14px;
    line-height: 14px;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .tableCont .tableTr .item2 .textList li h3 {
    font-weight: 600
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .tableCont .tableTr .item2 .textBox {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .tableCont .tableTr .item2 .textBox .tbox {
    width: 50%;
    color: #333;
    font-size: 18px
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .tableCont .tableTr .item2 .textBox .tbox h4 {
    margin-bottom: 16px;
    line-height: 18px
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .tableCont .tableTr .item2 .textBox .tbox ul {
    width: 100%
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .tableCont .tableTr .item2 .textBox .tbox ul li {
    line-height: 18px;
    margin-bottom: 10px;
    font-weight: 400;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .tableCont .tableTr .item2 .textBox .tbox ul li em {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #333;
    margin-right: 20px
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .tableCont .tableTr .item2 .textBox .tbox ul .active {
    font-weight: 600
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .tableCont .tableTr .item2 .textBox .tbox ul .active em {
    background: #F8BB2A
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .tableCont .tableTr:hover {
    background: #f1f1f1
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .more {
    text-align: center;
    margin-top: 20px
}

.container .contBox .box .infoBox .infoCont .infoTable .table4 .more a {
    font-size: 14px;
    color: #333
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 {
    width: 100%;
    margin-bottom: 40px
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 .tableTitle {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    background: #424452;
    box-sizing: border-box
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 .tableTitle .item {
    border-right: 1px solid #424452;
    text-align: center;
    box-sizing: border-box;
    font-size: 12px;
    color: #fff;
    padding: 38px 0
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 .tableTitle .item1 {
    width: 40px;
    background: #F8BB2A;
    border-right: 1px solid #F8BB2A
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 .tableTitle .item2 {
    width: 80px
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 .tableTitle .item3 {
    width: 110px
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 .tableTitle .item4 {
    width: 180px
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 .tableTitle .item5 {
    width: 210px
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 .tableTitle .item6 {
    width: 220px
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 .tableTitle .item7 {
    width: 160px
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 .tableCont {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
    -ms-flex-direction: column;
    flex-direction: column
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 .tableCont .tableTr {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    box-sizing: border-box;
    background: #FAFAFA;
    cursor: pointer
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 .tableCont .tableTr .item {
    border-right: 1px solid #ddd;
    box-sizing: border-box;
    padding: 30px 12px;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: justify
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 .tableCont .tableTr .item1 {
    width: 40px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 28px;
    color: #EDBD4C
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 .tableCont .tableTr .item2 {
    width: 80px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 .tableCont .tableTr .item3 {
    width: 110px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 .tableCont .tableTr .item4 {
    width: 180px
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 .tableCont .tableTr .item5 {
    width: 210px
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 .tableCont .tableTr .item6 {
    width: 220px
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 .tableCont .tableTr .item7 {
    width: 160px
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 .tableCont .tableTr:hover {
    background: #f1f1f1
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 .more {
    text-align: center;
    margin-top: 20px
}

.container .contBox .box .infoBox .infoCont .infoTable .table5 .more a {
    font-size: 14px;
    color: #333
}

.container .contBox .box .infoBox .infoCont .dataBtn {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 60px
}

.container .contBox .box .infoBox .infoCont .dataBtn a {
    padding: 15px;
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 14px;
    border: 1px solid #333;
    border-radius: 4px;
    background: #fff;
    margin-right: 10px
}

.container .contBox .box .infoBox .infoCont .dataBtn .active {
    background: #F8BB2A;
    border-color: #F8BB2A
}

.container .contBox .box .infoBox .infoCont .dataBtn p {
    font-size: 16px;
    text-decoration: underline
}

.container .contBox .box .infoBox .infoCont .infoTextList {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px
}

.container .contBox .box .infoBox .infoCont .infoTextList .item {
    width: 232px;
    height: 302px;
    position: relative;
    margin-bottom: 30px;
    background: #F2F2F2;
    padding: 30px;
    box-sizing: border-box
}

.container .contBox .box .infoBox .infoCont .infoTextList .item img {
    width: 30px;
    height: 30px;
    display: block;
    margin-bottom: 25px
}

.container .contBox .box .infoBox .infoCont .infoTextList .item h4 {
    font-size: 24px;
    color: #333;
    line-height: 24px;
    margin-bottom: 20px
}

.container .contBox .box .infoBox .infoCont .infoTextList .item span {
    font-size: 14px;
    color: #333;
    text-align: justify
}

.container .contBox .box .content {
    width: 100%;
    padding: 30px 78px;
    box-sizing: border-box;
    background: #F9F9F9;
    margin-top: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.container .contBox .box .content .textList {
    width: 500px;
    list-style: disc
}

.container .contBox .box .content .textList li {
    width: 100%;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.container .contBox .box .content .textList li span {
    font-size: 30px;
    line-height: 20px
}

.container .contBox .box .content .textList li a {
    width: 100%;
    font-size: 20px;
    color: #333;
    text-decoration: none;
    line-height: 20px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.container .contBox .box .content .info {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.container .contBox .box .content .info .item {
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    line-height: 20px;
    margin-top: 15px;
    font-weight: 500
}

.container .contBox .box .content .info .item span {
    color: #999
}

.container .contBox .box .content .info .item p {
    color: #333
}

.container .infoBox2 {
    width: 1000px;
    border-top: 4px solid #000;
    box-shadow: 0 0 5px #ddd;
    margin-top: 40px
}

.container .infoBox2 .infoTitle {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 23px;
    border-bottom: 1px solid #ddd
}

.container .infoBox2 .infoTitle h1 {
    font-size: 20px;
    line-height: 20px
}

.container .infoBox2 .infoBoxForm {
    width: 100%;
    padding: 40px 100px;
    box-sizing: border-box
}

.container .infoBox2 .infoBoxForm .item {
    width: 100%;
    margin-bottom: 10px
}

.container .infoBox2 .infoBoxForm .item label {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400
}

.container .infoBox2 .infoBoxForm .item label em {
    color: red
}

.container .infoBox2 .infoBoxForm .item label span {
    color: #4C4948
}

.container .infoBox2 .infoBoxForm .item label .op {
    color: #fff
}

.container .infoBox2 .infoBoxForm .item input {
    width: 300px;
    height: 50px;
    background: #fff;
    border: 1px solid #dbdbda;
    border-radius: 5px;
    line-height: 50px;
    margin-left: 10px;
    color: #999;
    font-size: 14px;
    padding: 0 14px;
    box-sizing: border-box
}

.container .infoBox2 .btns {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.container .infoBox2 .btns a {
    padding: 15px 109px;
    line-height: 18px;
    background: #34383C;
    border-radius: 4px;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    text-decoration: none;
    border: 1px solid #34383C;
    box-sizing: border-box
}

.container .infoBox2 .btns a:hover {
    background: #fff;
    border: 1px solid #000;
    color: #333
}

.container .infoBox2 .historyBox {
    width: 786px;
    margin: 96px auto 60px
}

.container .infoBox2 .historyBox .historyList,
.container .infoBox2 .historyBox .historyList .item .info {
    width: 100%
}

.container .infoBox2 .historyBox .historyTitle {
    margin-bottom: 15px
}

.container .infoBox2 .historyBox .historyTitle h2 {
    font-size: 14px;
    color: #4C4948
}

.container .infoBox2 .historyBox .historyList .item {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background: #F7F7F7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 4px;
    margin-bottom: 30px
}

.container .infoBox2 .historyBox .historyList .item .info h2 {
    font-size: 18px;
    color: #000;
    line-height: 18px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    font-weight: 400
}

.container .infoBox2 .historyBox .historyList .item .info h2 input {
    width: 300px;
    background: 0 0;
    display: none;
    border-bottom: 1px solid #ddd
}

.container .infoBox2 .historyBox .historyList .item .info h2 img {
    width: 18px;
    display: block;
    margin-left: 10px;
    cursor: pointer
}

.container .infoBox2 .historyBox .historyList .item .info p {
    font-size: 14px;
    color: #999
}

.container .infoBox2 .historyBox .historyList .item .event {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 20px;
    color: #666;
    cursor: pointer
}

.container .infoBox2 .historyBox .historyList .item .event:hover {
    color: #000
}

.container .apphead {
    width: 100%;
    position: relative;
    background: url(../images/appIndexBg.png) center no-repeat #248EDE;
    background-size: 2560px
}

.container .apphead .box {
    width: 1000px;
    height: 500px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.container .apphead .box h1 {
    font-size: 75px;
    font-weight: 900;
    color: #fff;
    line-height: 75px;
    margin-bottom: 35px;
    letter-spacing: 1px
}

.container .apphead .box h2 {
    font-size: 50px;
    line-height: 50px;
    color: #fff;
    font-weight: 900;
    margin-bottom: 20px;
    letter-spacing: 1px
}

.container .apphead2 .box h1,
.container .apphead2 .box h2,
.container .apphead2 .box h3,
.container .apphead2 .box h4 .title em,
.container .apphead2 .box h4 .title span,
.container .apphead2 .box h5,
.container .apphead2 .box ul li a span,
.container .apphead2 .text h5 {
    font-weight: 700;
    color: #fff;
    font-family: PingFang SC
}

.container .apphead2 {
    width: 100%;
    position: relative;
    background: url(../images/appIndexBg2.png) top center no-repeat;
    background-size: 2560px 500px;
    overflow: hidden
}

.container .apphead2 .box {
    width: 1000px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 80px
}

.container .apphead2 .box h1 {
    font-size: 75px;
    margin-bottom: 20px;
    margin-top: 74px
}

.container .apphead2 .box h2 {
    font-size: 34px;
    line-height: 45px
}

.container .apphead2 .box h3 {
    font-size: 53px;
    margin-bottom: 20px;
    margin-top: 23px
}

.container .apphead2 .box h4 {
    width: 100%;
    margin-top: 94px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.container .apphead2 .box h4 img {
    width: 101px;
    height: 101px
}

.container .apphead2 .box h4 .title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end
}

.container .apphead2 .box h4 .title span {
    font-size: 36px;
    line-height: 36px;
    margin-left: 18px
}

.container .apphead2 .box h4 .title em {
    font-size: 24px;
    line-height: 24px;
    margin-left: 25px
}

.container .apphead2 .box h5 {
    width: 550px;
    font-size: 51px;
    padding: 121px 0 170px
}

.container .apphead2 .box .roleH3 {
    width: 100%;
    font-size: 75px;
    line-height: 75px;
    padding-top: 120px;
    margin-bottom: 20px
}

.container .apphead2 .box .roleH5 {
    width: 100%;
    font-size: 34px;
    line-height: 45px;
    padding: 0 0 150px
}

.container .apphead2 .box ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 70px
}

.container .apphead2 .box ul li {
    margin-right: 40px
}

.container .apphead2 .box ul li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    -ms-flex-align: center;
    align-items: center
}

.container .apphead2 .box ul li a img {
    width: 60px;
    height: 60px;
    display: block;
    margin-bottom: 10px
}

.container .apphead2 .box ul li a span {
    font-size: 18px;
    line-height: 18px
}

.container .apphead2 .text h5 {
    font-size: 77px;
    line-height: 90px
}

.container .appInfo1 {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 100px;
    padding-bottom: 106px
}

.container .appInfo1 h2 {
    font-size: 55px;
    font-family: PingFang SC;
    font-weight: 600;
    line-height: 55px;
    margin-bottom: 28px;
    color: #25669d
}

.container .appInfo1 p {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333;
    text-align: center;
    margin-bottom: 80px
}

.container .appInfo1 ul {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.container .appInfo1 ul li {
    width: 320px
}

.container .appInfo1 ul li a {
    width: 100%;
    height: 320px;
    background: #F7F7F7;
    padding: 45px 28px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    text-decoration: none
}

.container .appInfo1 ul li img {
    display: block
}

.container .appInfo1 ul li .pic1 {
    width: 189px;
    height: 109px;
    margin-bottom: 35px
}

.container .appInfo1 ul li .pic2 {
    width: 134px;
    height: 134px;
    margin-bottom: 30px
}

.container .appInfo1 ul li .pic3 {
    width: 120px;
    height: 114px;
    margin-bottom: 44px
}

.container .appInfo1 ul li h3 {
    width: 100%;
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #333;
    margin-bottom: 11px
}

.container .appInfo1 ul li h3 em {
    font-size: 14px;
    color: #ddd
}

.container .appInfo1 ul li span {
    width: 100%;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333
}

.container .appInfo2 {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 32px;
    padding: 106px 0;
    background: #F6FBFF
}

.container .appInfo2 h2 {
    font-size: 55px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #25669d;
    margin-bottom: 47px
}

.container .appInfo2 p {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333;
    text-align: center;
    line-height: 24px
}

.container .appInfo3 {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 70px
}

.container .appInfo3 h2 {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #25669d;
    padding: 100px 0 20px;
    text-align: center;
    line-height: 34px;
    margin-bottom: 40px
}

.container .appInfo3 .appInfo3Text {
    width: 1000px
}

.container .appInfo3 .bigText {
    font-size: 36px;
    font-weight: 900
}

.container .appInfo3 h4 {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #333;
    margin: 50px 0 20px
}

.container .appInfo3 h5 {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333;
    text-align: center;
    line-height: 28px
}

.container .appInfo3 .contBg {
    width: 1022px;
    display: block;
    padding: 30px 0
}

.container .appInfo3 .hrefBtn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    text-decoration: underline;
    color: #333;
    padding-bottom: 40px
}

.container .appInfo3 .hrefBtn img {
    width: 13px;
    height: 17px;
    display: block;
    margin-right: 5px;
    margin-top: 4px
}

.container .appInfo3 .infoBox {
    width: 1000px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.container .appInfo3 .infoBox .imgbox {
    width: 800px;
    position: relative;
    margin-right: 40px;
    height: 550px;
    margin-top: 30px
}

.container .appInfo3 .infoBox .imgbox img {
    display: block;
    position: absolute;
    box-shadow: 0 0 30px #333
}

.container .appInfo3 .infoBox .imgbox .img1 {
    right: 0;
    width: 350px;
    z-index: 999;
    top: 100px
}

.container .appInfo3 .infoBox .imgbox .img2 {
    right: 0;
    width: 500px;
    z-index: 99;
    left: 0;
    top: 150px
}

.container .appInfo3 .infoBox .imgbox .img3 {
    width: 450px;
    z-index: 9;
    left: 50px;
    top: 30px
}

.container .appInfo3 .infoBox .imgbox2 {
    width: 800px;
    position: relative;
    padding-left: 80px;
    height: 650px;
    margin-top: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box
}

.container .appInfo3 .infoBox .imgbox2 img {
    display: block;
    position: absolute;
    box-shadow: 0 0 30px #333
}

.container .appInfo3 .infoBox .imgbox2 .img1 {
    left: 40px;
    width: 250px;
    z-index: 999;
    top: 0
}

.container .appInfo3 .infoBox .imgbox2 .img2 {
    right: 0;
    width: 510px;
    z-index: 99;
    left: 310px;
    top: 40px
}

.container .appInfo3 .infoBox .imgbox2 .img3 {
    width: 300px;
    right: 0;
    top: 180px;
    z-index: 99
}

.container .appInfo3 .infoBox .boxshaw {
    box-shadow: 0 0 20px #ddd;
    border-radius: 10px
}

.container .appInfo3 .infoBox .pic {
    width: 530px;
    height: 100%;
    display: block;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 230px;
    margin-top: 50px
}

.container .appInfo3 .infoBox .pic1 {
    width: 340px;
    height: 100%;
    display: block;
    box-sizing: border-box;
    margin-top: 50px
}

.container .appInfo3 .infoBox .pic3 {
    width: 1000px;
    height: 100%;
    display: block;
    padding: 60px 00px
}

.container .appInfo3 .infoBox .infoText {
    width: 370px;
    margin-top: 120px;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.container .appInfo3 .infoBox .infoText h3 {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #25669d;
    line-height: 24px;
    margin-bottom: 16px
}

.container .appInfo3 .infoBox .infoText p {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333;
    margin-bottom: 30px;
    text-align: justify
}

.container .appInfo3 .infoBox .infoText a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    text-decoration: underline;
    color: #333
}

.container .appInfo3 .infoBox .infoText a img {
    width: 13px;
    height: 17px;
    display: block;
    margin-right: 5px;
    margin-top: 4px
}

.container .appInfo3 .infoBox .textTop {
    margin-top: 120px
}

.container .appInfo3 span {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333
}

.container .appInfo4 h2,
.container .appInfo4 h4 {
    font-size: 24px;
    font-weight: 600;
    font-family: PingFang SC
}

.container .appInfo4 {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 45px 0;
    margin: 30px 0
}

.container .appInfo4 h2 {
    color: #25669d;
    padding: 100px 0 20px;
    text-align: center;
    line-height: 34px
}

.container .appInfo4 h4 {
    color: #333;
    margin: 50px 0 20px
}

.container .appInfo4 h5 {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333;
    text-align: center;
    line-height: 28px
}

.container .appInfo4 .infoBox .infoText h1,
.container .appInfo4 .infoBox .infoText h3 {
    font-size: 38px;
    font-weight: 600;
    color: #25669d;
    line-height: 38px;
    font-family: PingFang SC
}

.container .appInfo4 .infoBox {
    width: 1000px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding-bottom: 50px
}

.container .appInfo4 .infoBox .pic1 {
    width: 420px;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    margin-right: 200px
}

.container .appInfo4 .infoBox .pic {
    width: 300px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    position: absolute;
    top: -270px;
    right: 0
}

.container .appInfo4 .infoBox .pic2 {
    width: 487px;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    margin-left: 132px
}

.container .appInfo4 .infoBox .pic3 {
    width: 350px;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    margin-right: 290px
}

.container .appInfo4 .infoBox .pic4 {
    width: 439px;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    margin-left: 170px
}

.container .appInfo4 .infoBox .pic5 {
    width: 578px;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    margin-right: 70px
}

.container .appInfo4 .infoBox .pic6 {
    width: 436px;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    position: absolute;
    top: -280px;
    right: 0
}

.container .appInfo4 .infoBox .infoText {
    width: 100%;
    margin-top: 120px
}

.container .appInfo4 .infoBox .infoText h1 {
    margin-bottom: 35px
}

.container .appInfo4 .infoBox .infoText h3 {
    margin-bottom: 16px
}

.container .appInfo4 .infoBox .infoText p {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333;
    margin-bottom: 30px;
    text-align: justify
}

.container .appInfo4 .infoBox .infoText span {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 500;
    line-height: 35px;
    color: #333
}

.container .appInfo4 .infoBox .infoText a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 500;
    text-decoration: underline;
    color: #333
}

.container .appInfo4 .infoBox .infoText a img {
    width: 13px;
    height: 17px;
    display: block;
    margin-right: 10px;
    margin-top: 4px
}

.container .appInfo4 .infoBox .infoText2 {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.container .appInfo4 .infoBox .infoText2 h3 {
    font-size: 26px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #25669d;
    line-height: 35px;
    margin-bottom: 16px
}

.container .appInfo4 .infoBox .infoText2 p {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333;
    margin-bottom: 30px;
    text-align: justify
}

.container .appInfo4 .infoBox .infoText2 a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    text-decoration: underline;
    color: #333
}

.container .appInfo4 .infoBox .infoText2 a img {
    width: 13px;
    height: 17px;
    display: block;
    margin-right: 10px;
    margin-top: 4px
}

.container .contact,
.container .contact2 {
    display: -ms-flexbox;
    -ms-flex-pack: center
}

.container .appInfo4 span {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333
}

.container .appbg2 {
    background: url(../images/appbg2.jpg) center no-repeat;
    background-size: 2560px 700px
}

.container .appbg3 {
    background: url(../images/appbg3.jpg) center no-repeat;
    background-size: 2560px 700px
}

.container .contact {
    width: 100%;
    display: flex;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    padding: 100px 0
}

.container .contact img {
    width: 111px;
    height: 83px;
    display: block
}

.container .contact .contactText {
    padding-left: 20px
}

.container .contact .contactText h2 {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #25669d;
    margin-bottom: 15px
}

.container .contact .contactText p {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333;
    line-height: 36px
}

.container .contact2 {
    width: 100%;
    display: flex;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #F6FBFF;
    padding: 90px 0;
    margin-top: 40px
}

.container .contact2 h1 {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #25669d;
    line-height: 24px;
    margin-bottom: 58px
}

.container .contact2 .box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start
}

.container .contact2 .box img {
    width: 111px;
    height: 83px;
    display: block
}

.container .contact2 .box .contactText {
    padding-left: 20px;
    padding-top: 20px
}

.container .contact2 .box .contactText h2 {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #25669d;
    margin-bottom: 15px
}

.container .contact2 .box .contactText p {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333;
    line-height: 36px
}

.container .appInfoBg {
    background: #F6FBFF
}

.container .appInfoBg .pic {
    margin-right: 40px
}

.container .appPriceBox {
    width: 1000px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 73px;
    margin-bottom: 121px
}

.container .appPriceBox h1 {
    font-size: 36px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #333
}

.container .appPriceBox ul {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    margin-top: 75px
}

.container .appPriceBox ul li {
    width: 100%;
    padding: 0 5px;
    box-sizing: border-box
}

.container .appPriceBox ul li .box {
    width: 100%;
    height: 630px;
    background: linear-gradient(0deg, #c2e6f4, #e4f4fd);
    border-radius: 10px;
    padding: 72px 43px 110px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #333
}

.container .appPriceBox ul li .box .top {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.container .appPriceBox ul li .box .top h2 {
    font-size: 36px;
    font-family: PingFang SC;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 20px
}

.container .appPriceBox ul li .box .top p {
    font-family: PingFang SC;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 39px;
    text-align: center
}

.container .appPriceBox ul li .box .top span {
    font-family: PingFang SC;
    font-weight: 300;
    font-size: 20px
}

.container .appPriceBox ul li .box .bottom {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

.container .appPriceBox ul li .box .bottom span {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 20px
}

.container .appPriceBox ul li .box .bottom .price {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 20px
}

.container .appPriceBox ul li .box .bottom .price strong {
    font-size: 51px;
    line-height: 41px;
    font-family: PingFang SC;
    font-weight: 600;
    display: block
}

.container .appPriceBox ul li .box .bottom .price em {
    font-size: 20px;
    font-family: PingFang SC;
    line-height: 20px;
    display: block
}

.container .appPriceBox ul li:last-child .box {
    background: linear-gradient(0deg, #25669d, #40b0f3);
    color: #fff
}

.container .appPriceList {
    width: 1000px;
    margin: 0 auto
}

.container .appPriceList .item {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.container .appPriceList .item h1 {
    width: 100%;
    font-size: 36px;
    font-family: PingFang SC;
    font-weight: 300;
    color: #333;
    border-bottom: 1px solid #ddd;
    line-height: 36px;
    padding-bottom: 35px;
    margin-bottom: 49px
}

.container .appPriceList .item .cont {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.container .appPriceList .item .cont ul {
    width: 472px
}

.container .appPriceList .item .cont ul li {
    width: 100%;
    margin-bottom: 60px
}

.container .appPriceList .item .cont ul li h2 {
    width: 100%;
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333;
    line-height: 30px;
    margin-bottom: 20px
}

.container .appPriceList .item .cont ul li p {
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 300;
    color: #333
}

.container .appPriceList .item .cont ul li span {
    width: 100%;
    display: block;
    text-align: left;
    padding: 50px 0;
    font-weight: 900
}

.container .appPriceInfo {
    width: 100%;
    padding-bottom: 250px
}

.container .appPriceInfo .box {
    width: 1000px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.container .appPriceInfo .box img {
    width: 418px;
    height: 100%;
    display: block;
    padding-top: 100px;
    margin-left: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.container .appPriceInfo .box .infoText {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 200px
}

.container .appPriceInfo .box .infoText h3 {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #2669a0;
    line-height: 35px
}

.container .appPriceInfo .box .infoText p {
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 300;
    color: #333;
    line-height: 40px;
    margin-top: 40px
}

.container .appPriceInfo .price {
    width: 100%;
    margin: 70px auto 0
}

.container .appPriceInfo .price .item {
    width: 100%;
    margin-bottom: 30px
}

.container .appPriceInfo .price .item em {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #25669D;
    line-height: 16px;
    margin-bottom: 17px;
    display: block
}

.container .appPriceInfo .price .item h4 {
    font-size: 24px;
    line-height: 24px;
    color: #25669D;
    margin-bottom: 10px
}

.container .appPriceInfo .price .item p {
    width: 100%;
    margin-bottom: 33px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 300;
    color: #333
}

.container .appPriceInfo .price .item p strong {
    font-size: 36px;
    line-height: 29px;
    color: #25669D
}

.container .appPriceInfo .price .item p .xian {
    text-decoration: line-through
}

.container .appPriceInfo .price .item p span {
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #25669D;
    line-height: 24px
}

.container .appPriceInfo .price .item .text {
    width: 100%;
    margin-bottom: 33px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 300;
    color: #333
}

.container .appPriceInfo .price .item .text em {
    width: 6px;
    height: 6px;
    display: block;
    background: #333;
    border-radius: 50%;
    margin-bottom: 0;
    margin-right: 19px
}

.container .appPriceHrefBox {
    width: 1000px;
    margin: -60px auto 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.container .appPriceHrefBox h3 {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #25669d;
    line-height: 24px;
    margin-bottom: 50px
}

.container .appPriceHrefBox a {
    padding: 14px 20px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #fff;
    line-height: 18px;
    display: block;
    background: #000;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 50px;
    text-decoration: none
}

.container .appPriceHrefBox p {
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 300;
    color: #333;
    text-align: center;
    margin-bottom: 75px
}

.container .downAppBox h3,
.container .downAppBox span {
    font-size: 24px;
    font-weight: 600;
    color: #25669d;
    line-height: 24px;
    font-family: PingFang SC
}

.container .appPriceHrefBox img {
    width: 420px;
    display: block
}

.container .downAppBox {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 70px 0 0
}

.container .downAppBox h3 {
    margin-bottom: 49px
}

.container .downAppBox img {
    width: 110px;
    height: 110px;
    display: block;
    margin-bottom: 40px
}

.container .downAppBox span {
    margin-bottom: 88px
}

.container .downAppBox ul {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.container .downAppBox ul li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.container .downAppBox ul li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 20px
}

.container .downAppBox ul li img {
    width: 93px;
    height: 93px;
    display: block
}

.container .downAppBox ul li span {
    font-size: 29px;
    font-family: PingFang SC;
    font-weight: 700;
    color: #296ba5;
    line-height: 29px;
    margin-bottom: 0
}

.container .appStudyInfo {
    width: 1000px;
    margin: 0 auto
}

.container .appStudyInfo .list {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.container .appStudyInfo .list .item {
    width: 312px;
    height: 220px;
    position: relative;
    margin-bottom: 30px;
    cursor: pointer
}

.container .appStudyInfo .list .item img {
    width: 100%;
    display: block
}

.container .appStudyInfo .list .item .info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.container .appStudyInfo .list .item .info h3 {
    display: block;
    border: 1px solid #fff;
    width: 170px;
    height: 64px;
    position: relative
}

.container .appStudyInfo .list .item .info h3 span {
    width: 170px;
    height: 64px;
    border: 1px solid #fff;
    position: absolute;
    left: -4px;
    top: -4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    color: #fff
}

.container .appStudyInfo .list .item .info p {
    margin-top: 12px;
    font-size: 16px;
    line-height: 16px;
    color: #fff
}

.container .appStudyInfo .list .item .info2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px;
    box-sizing: border-box
}

.container .appStudyInfo .list .item .info2 .num {
    width: 38px;
    height: 38px;
    background: rgba(0, 0, 0, 0);
    border: 2px solid #000;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    font-size: 24px;
    margin-bottom: 30px
}

.container .appStudyInfo .list .item .info2 h4 {
    font-size: 24px;
    color: #333;
    line-height: 24px;
    margin-bottom: 11px
}

.container .appStudyInfo .list .item .info2 span {
    font-size: 14px;
    color: #333;
    text-align: justify
}

.container .appExpertText h1,
.container .roleList .title,
.container .roleTitle h1 {
    text-align: center;
    font-family: PingFang SC
}

.container .roleTitle {
    width: 1000px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 100px auto 144px
}

.container .roleTitle h1 {
    font-size: 24px;
    font-weight: 600;
    color: #25669d;
    margin-bottom: 81px;
    line-height: 42px
}

.container .roleTitle .urlBox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.container .roleTitle .urlBox img {
    width: 13px;
    height: 17px;
    display: block;
    margin-right: 13px
}

.container .roleTitle .urlBox a {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    text-decoration: underline;
    color: #333
}

.container .roleList {
    width: 1000px;
    margin: 0 auto 156px
}

.container .roleList .title {
    margin-bottom: 61px;
    font-size: 26px;
    font-weight: 600;
    color: #25669d
}

.container .roleList .list {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.container .roleList .list .item {
    width: 320px;
    height: 208px;
    position: relative;
    margin-bottom: 30px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff
}

.container .roleList .list .item img {
    width: 57px;
    height: 57px;
    display: block;
    margin-bottom: 22px
}

.container .roleList .list .item h2 {
    font-size: 21px;
    line-height: 21px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222;
    margin-bottom: 13px
}

.container .roleList .list .item p {
    font-size: 14px;
    line-height: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #787878
}

.container .roleList .list .active,
.container .roleList .list .item:hover {
    box-shadow: 0 0 10px 0 rgba(86, 113, 101, .3);
    text-decoration: none;
}

.container .appExpertText {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.container .appExpertText h1 {
    font-size: 36px;
    font-weight: 600;
    color: #25669d;
    line-height: 51px;
    margin-bottom: 50px
}

.container .appExpertText a {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    text-decoration: underline;
    color: #333;
    line-height: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.container .appExpertText a img {
    width: 13px;
    height: 17px;
    display: block;
    margin-right: 10px
}

.container .appExpertList {
    width: 100%;
    margin-top: 175px
}

.container .appExpertList .box {
    width: 1000px;
    margin: 0 auto
}

.container .appExpertList .box .item {
    width: 100%
}

.container .appExpertList .box .item .title {
    width: 100%;
    border-bottom: 1px solid #ddd;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 26px 0;
    -ms-flex-align: end;
    align-items: flex-end
}

.container .appExpertList .box .item .title h1 {
    font-size: 24px;
    font-family: PingFang SC;
    color: #333;
    line-height: 24px;
    font-weight: 900
}

.container .appExpertList .box .item .title span {
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #b5b5b6;
    line-height: 16px
}

.container .appExpertList .box .item ul {
    column-count: 3;
    column-gap: 30px;
    box-sizing: border-box
}

.container .appExpertList .box .item ul li {
    width: 100%;
    vertical-align: top;
    display: inline-block;
    padding: 15px
}

.container .appExpertList .box .item ul li img {
    width: 81px;
    height: 102px;
    display: block;
    margin-right: 20px;
    float: left
}

.container .appExpertList .box .item ul li .info {
    width: 100%
}

.container .appExpertList .box .item ul li .info h2 {
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333;
    line-height: 24px;
    margin-bottom: 23px
}

.container .appExpertList .box .item ul li .info span {
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #333;
    line-height: 20px;
    margin-bottom: 15px
}

.container .appExpertList .box .item ul li .info p {
    font-size: 15px;
    font-family: PingFang SC;
    font-weight: 300;
    color: #333;
    line-height: 25px;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: left;
    box-sizing: inherit
}

.container .fixedTitle {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    transition: opacity .5s;
    z-index: 999
}

.container .fixedTitle .item {
    width: 100%;
    padding: 10px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    color: #333
}

.roleBgColor {
    background: #F7F7F7
}

@media only screen and (max-width:767.99px) {
    .navbar {
        display: block
    }
    .container {
        width: 100%
    }
    .container .newContent {
        width: 100%;
        margin-top: 78px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }
    .container .newContent .newContentTitle {
        width: 100%;
        padding: 31px 15px;
        text-align: center;
        color: #fff;
        background: #F0B529;
        font-size: 16px;
        font-weight: 400;
        box-sizing: border-box
    }
    .container .newContent p {
        width: 100%;
        padding: 0 15px;
        font-size: 14px;
        color: #777;
        margin-top: 20px;
        line-height: 34px;
        font-weight: 400;
        box-sizing: border-box
    }
    .container .nav {
        display: none
    }
    .container .popBox {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, .6);
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        display: none
    }
    .container .popBox .pop {
        width: 96%;
        background: #fff;
        border-radius: 4px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px;
        box-sizing: border-box;
        position: relative
    }
    .container .popBox .pop img {
        width: 128px;
        height: auto
    }
    .container .popBox .pop .closeBtn {
        position: absolute;
        right: 10px;
        top: 10px
    }
    .container .popBox .pop .closeBtn img {
        width: 20px;
        display: block;
        cursor: pointer
    }
    .container .popBox .pop .inputBox {
        margin-top: 26px;
        width: 100%
    }
    .container .popBox .pop .inputBox .item {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 23px
    }
    .container .popBox .pop .inputBox .item label {
        margin: 0;
        font-size: 18px;
        color: #000;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-weight: 600
    }
    .container .popBox .pop .inputBox .item label em {
        color: red
    }
    .container .popBox .pop .inputBox .item label .no {
        color: #fff
    }
    .container .popBox .pop .inputBox .item input {
        width: 100%;
        border: 1px solid #000;
        margin-left: 16px;
        padding: 10px;
        box-sizing: border-box;
        font-size: 16px
    }
    .container .popBox .pop .btnBox {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 12px
    }
    .container .popBox .pop .btnBox a {
        width: 224px;
        height: 42px;
        line-height: 18px;
        background: #34383C;
        border-radius: 4px;
        color: #fff;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 18px;
        margin-bottom: 22px;
        text-decoration: none;
        box-sizing: border-box;
        border: 1px solid #34383C
    }
    .container .popBox .pop .btnBox a:hover {
        background: #fff;
        border: 1px solid #000;
        color: #333
    }
    .container .popBox .pop .btnBox p {
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #333
    }
    .container .popBox .closeBox {
        width: 96%;
        background: #fff;
        border-radius: 5px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 37px 52px;
        box-sizing: border-box;
        position: relative
    }
    .container .popBox .closeBox .textTitle {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 42px
    }
    .container .popBox .closeBox .textTitle h2 {
        font-size: 22px;
        color: #313131;
        font-weight: 400
    }
    .container .popBox .closeBox .textTitle .closeBtn {
        width: 20px;
        height: 20px
    }
    .container .popBox .closeBox .textTitle .closeBtn img {
        width: 20px;
        height: 20px;
        display: block
    }
    .container .popBox .closeBox .textCont {
        width: 100%;
        font-size: 18px;
        color: #515151;
        margin-bottom: 45px
    }
    .container .popBox .closeBox .deleteBtn {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .container .popBox .closeBox .deleteBtn a {
        width: 126px;
        height: 42px;
        background: #d84d4e;
        border-radius: 5px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        font-size: 19px;
        font-weight: 400;
        margin-left: 13px;
        border: 1px solid #d84d4e;
        text-decoration: none
    }
    .container .cont,
    .container .cont .box,
    .container .cont .box .logoBox,
    .container .header,
    .container .header .box,
    .container .header2 .box {
        width: 100%
    }
    .container .cont .box .logoBox .row .col-md-4 a,
    .container .cont .box .row .col-md-6 .row .col-md-4 a {
        display: block
    }
    .container .popBox .closeBox .deleteBtn a:last-child {
        background: #fff;
        border: 1px solid #000;
        color: #363636
    }
    .container .header {
        padding: 100px 15px 60px;
        box-sizing: border-box
    }
    .container .header .box h1 {
        font-size: 26px;
        margin-bottom: 20px
    }
    .container .header .box p {
        font-size: 10px
    }
    .container .header .box a {
        padding: 10px 30px;
        font-size: 10px;
        margin-bottom: 20px
    }
    .container .header2 .box h1,
    .container .header2 .box h2 {
        font-size: 26px;
        line-height: 35px
    }
    .container .header2 {
        width: 100%;
        padding: 100px 15px 60px;
        box-sizing: border-box
    }
    .container .header2 .box h2 {
        margin-bottom: 10px
    }
    .container .header2 .box p {
        font-size: 10px
    }
    .container .header2 .box h3 {
        line-height: 40px
    }
    .container .header2 .box a {
        padding: 10px 30px;
        font-size: 10px;
        margin-bottom: 20px
    }
    .container .cont {
        padding-top: 30px;
        padding-bottom: 20px
    }
    .container .cont .box .row .col-md-6 {
        padding: 0 15px;
        box-sizing: border-box
    }
    .container .cont .box .row .col-md-6 p {
        text-align: justify;
        margin-bottom: 10px;
        font-size: 16px
    }
    .container .cont .box .row .col-md-6 .row .col-md-4 {
        padding: 0
    }
    .container .cont .box .row .col-md-12 h2 {
        font-size: 12px
    }
    .container .cont .box .logoBox .row .col-md-4 a img {
        width: 50%
    }
    .container .cont .bor {
        padding: 0 15px;
        margin-top: 20px
    }
    .container .contBox,
    .container .contBox .box {
        width: 100%
    }
    .container .contBox .box .title {
        width: 100%;
        padding: 30px 20px 0;
        box-sizing: border-box;
        margin-bottom: 30px
    }
    .container .contBox .box .title h1 {
        font-size: 18px;
        margin-bottom: 10px
    }
    .container .contBox .box .title2 {
        width: 100%;
        padding: 30px 20px 0;
        box-sizing: border-box;
        margin-bottom: 30px;
        margin-top: 30px
    }
    .container .contBox .box .title2 .text,
    .container .contBox .box .title4 .text {
        margin-top: 0
    }
    .container .contBox .box .title2 .num span {
        width: 38px;
        height: 38px;
        font-size: 30px
    }
    .container .contBox .box .title2 .text h4 {
        font-size: 20px;
        text-align: center
    }
    .container .contBox .box .title4 {
        width: 100%;
        padding: 30px 20px 0;
        box-sizing: border-box;
        margin-bottom: 30px;
        margin-top: 0
    }
    .container .contBox .box .title4 .num span {
        width: 38px;
        height: 38px;
        font-size: 20px
    }
    .container .contBox .box .title4 .text h4 {
        font-size: 18px;
        line-height: 18px;
        text-align: left;
        margin-bottom: 10px
    }
    .container .contBox .box .title4 .text p {
        text-align: justify;
        font-size: 12px
    }
    .container .contBox .box .title3 {
        width: 100%;
        padding: 30px 20px 0;
        box-sizing: border-box;
        margin-bottom: 30px;
        margin-top: 30px
    }
    .container .contBox .box .title3 .num span {
        width: 38px;
        height: 38px;
        font-size: 30px
    }
    .container .contBox .box .title3 .text {
        margin-top: 0
    }
    .container .contBox .box .title3 .text h4 {
        font-size: 18px;
        text-align: center;
        margin-bottom: 10px
    }
    .container .contBox .box .title3 .text p {
        font-size: 12px
    }
    .container .contBox .box .list,
    .container .contBox .box .list2 {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }
    .container .contBox .box .list2 .item {
        margin-bottom: 30px
    }
    .container .contBox .box .classBox {
        width: 100%;
        padding: 0 28px;
        box-sizing: border-box;
        overflow: hidden
    }
    .container .contBox .box .classBox .infoTitle {
        width: 100%;
        color: #333
    }
    .container .contBox .box .classBox .infoTitle h5 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 5px
    }
    .container .contBox .box .classBox .infoTitle p {
        font-size: 12px;
        line-height: 18px
    }
    .container .contBox .box .classBox .classList {
        width: 100%;
        margin-top: 30px
    }
    .container .contBox .box .classBox .classList ul {
        width: 100%
    }
    .container .contBox .box .classBox .classList ul li {
        width: 100%;
        margin-bottom: 45px
    }
    .container .contBox .box .classBox .classList ul li .classTitle {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px
    }
    .container .contBox .box .classBox .classList ul li .classTitle h2 {
        font-size: 18px;
        color: #000
    }
    .container .contBox .box .classBox .classList ul li .classTitle span {
        font-size: 25px;
        font-weight: 900;
        cursor: pointer
    }
    .container .contBox .box .classBox .classList ul li .listBoxs {
        width: 100%
    }
    .container .contBox .box .classBox .classList ul li .listBoxs .item {
        width: 100%;
        background: #F7F7F7;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px;
        box-sizing: border-box;
        border-radius: 4px;
        margin-bottom: 30px;
        cursor: pointer
    }
    .container .contBox .box .classBox .classList ul li .listBoxs .item .num {
        font-size: 36px;
        font-weight: 900;
        color: #F8BB28;
        margin-right: 24px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .container .contBox .box .classBox .classList ul li .listBoxs .item .boxs {
        width: 100%
    }
    .container .contBox .box .classBox .classList ul li .listBoxs .item .boxs h3 {
        font-size: 18px;
        line-height: 18px;
        color: #000;
        margin-bottom: 10px
    }
    .container .contBox .box .classBox .classList ul li .listBoxs .item .boxs p {
        font-size: 12px;
        line-height: 18px
    }
    .container .contBox .box .classBox .classList ul li .listBoxs .active {
        background: #555
    }
    .container .contBox .box .classBox .classList ul li .listBoxs .active .boxs h3,
    .container .contBox .box .classBox .classList ul li .listBoxs .active .num {
        color: #fff
    }
    .container .contBox .box .classBox .classList ul li .listBoxs .active .boxs p {
        color: #D2D2D2
    }
    .container .contBox .box .classBox .classList ul li .listBoxs .item2 {
        width: 100%;
        background: #F7F7F7;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 20px;
        box-sizing: border-box;
        border-radius: 4px;
        margin-bottom: 30px;
        cursor: pointer
    }
    .container .contBox .box .classBox .classList ul li .listBoxs .item2 .num {
        font-size: 26px;
        font-weight: 900;
        color: #F8BB28;
        margin-right: 24px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        line-height: 32px
    }
    .container .contBox .box .classBox .classList ul li .listBoxs .item2 .boxs,
    .container .contBox .box .classBox .classList ul li .listBoxs .item2 .boxs .infoList {
        width: 100%
    }
    .container .contBox .box .classBox .classList ul li .listBoxs .item2 .boxs .infoList .items {
        width: 100%;
        margin-bottom: 15px
    }
    .container .contBox .box .classBox .classList ul li .listBoxs .item2 .boxs .infoList .items h3,
    .container .contBox .box .classBox .classList ul li .listBoxs .item2 .boxs .infoList .items h4 {
        font-size: 16px;
        line-height: 16px;
        color: #000;
        margin-bottom: 14px;
        font-weight: 400
    }
    .container .contBox .box .classBox .classList ul li .listBoxs .item2 .boxs .infoList .items p {
        font-size: 12px;
        line-height: 18px
    }
    .container .contBox .box .btnBox4 {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 30px;
        box-sizing: border-box;
        margin-top: 40px
    }
    .container .contBox .box .btnBox4 a {
        width: 100%;
        font-size: 14px
    }
    .container .contBox .box .btnBox4 p {
        font-size: 12px
    }
    .container .infoBox2 {
        width: 100%;
        margin-top: 20px;
        box-shadow: 0 0 0 #fff
    }
    .container .infoBox2 .infoBoxForm {
        width: 100%;
        padding: 30px 20px
    }
    .container .infoBox2 .historyBox {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
        margin-top: 40px
    }
    .container .contList,
    .container .contList .box {
        width: 100%
    }
    .container .contList .box .title {
        margin-top: 50px;
        margin-bottom: 50px;
        padding: 0 15px;
        box-sizing: border-box
    }
    .container .contList .box .title h1 {
        font-size: 18px;
        line-height: 26px
    }
    .container .contList .box .title p {
        font-size: 12px
    }
    .container .contList .box .proList {
        width: 100%
    }
    .container .contList .box .proList .item {
        width: 100%;
        padding: 0 10px;
        margin-bottom: 40px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        box-sizing: border-box
    }
    .container .contList .box .proList .item .left {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 10px;
        padding: 0 15px
    }
    .container .contList .box .proList .item .left .h2 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 10px;
        text-decoration: none
    }
    .container .contList .box .proList .item .left .h2 span {
        font-size: 30px;
        color: #333;
        margin-bottom: 5px
    }
    .container .contList .box .proList .item .left .h2 span em {
        font-size: 12px;
        color: #d7d7d7;
        margin-left: 10px;
        margin-top: 5px
    }
    .container .contList .box .proList .item .left .h2 img {
        width: 111px;
        height: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -ms-flexbox;
        display: flex
    }
    .container .contList .box .proList .item .left .h2 .m1 {
        width: 111px
    }
    .container .contList .box .proList .item .left .h2 .m2 {
        width: 258px
    }
    .container .contList .box .proList .item .left .h2 .m3 {
        width: 243px
    }
    .container .contList .box .proList .item .left h4 {
        font-size: 24px;
        color: #333;
        margin-bottom: 26px;
        line-height: 30px;
        text-align: justify
    }
    .container .contList .box .proList .item .left p {
        margin-bottom: 20px;
        font-size: 16px;
        color: #333;
        text-align: justify
    }
    .container .contList .box .proList .item .left img {
        width: 100%
    }
    .container .contList .box .proList .item .right {
        width: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-order: 1;
        order: 1
    }
    .container .contList .box .proList .item .right a {
        width: 100%;
        display: block;
        padding: 0 100px;
        box-sizing: border-box
    }
    .container .contList .box .proList .item .right a img {
        width: 100%;
        display: block
    }
    .container .infoBox {
        width: 96%
    }
    .container .infoBox .infoBoxForm {
        padding: 30px 20px
    }
    .container .infoBox .infoBoxForm .item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .container .infoBox .infoBoxForm .item input {
        width: 100%;
        height: 40px;
        margin-left: 0
    }
    .container .infoBox .historyBox {
        width: 100%;
        padding: 0 20px
    }
    .container .footer .box .top .left,
    .container .footer .box .top .right {
        padding: 20px;
        width: 100%;
        box-sizing: border-box
    }
    .container .footer {
        margin-top: 40px
    }
    .container .footer .box {
        width: 100%
    }
    .container .footer .box .top {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .container .footer .box .top .left p {
        font-size: 14px
    }
    .container .footer .box .top .right {
        margin-bottom: 10px
    }
    .container .footer .box .bottom {
        width: 100%
    }
    .container .apphead {
        background-size: 1720px;
        background-position: left
    }
    .container .apphead .box {
        width: 100%;
        height: 450px;
        padding: 0 30px;
        box-sizing: border-box
    }
    .container .apphead .box h1 {
        font-size: 50px;
        font-weight: 900;
        color: #fff;
        line-height: 50px;
        margin-bottom: 20px;
        letter-spacing: 1px;
        text-align: left
    }
    .container .apphead .box h2 {
        font-size: 24px;
        line-height: 24px;
        color: #fff;
        font-weight: 900;
        margin-bottom: 10px;
        letter-spacing: 1px;
        text-align: center
    }
    .container .apphead2 .box h1,
    .container .apphead2 .box h2,
    .container .apphead2 .box h4 .title em,
    .container .apphead2 .box ul li a span {
        font-weight: 700;
        color: #fff;
        font-family: PingFang SC
    }
    .container .apphead2 {
        width: 100%;
        position: relative;
        background: url(../images/appIndexBg2.png) center no-repeat;
        background-size: 1920px
    }
    .container .apphead2 .box {
        width: 100%;
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 30px 120px;
        box-sizing: border-box
    }
    .container .apphead2 .box h1 {
        width: 100%;
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 30px;
        margin-top: 74px;
        text-align: left
    }
    .container .apphead2 .box h2 {
        width: 100%;
        font-size: 18px;
        line-height: 30px;
        text-align: left
    }
    .container .apphead2 .box h3 {
        width: 100%;
        font-size: 14px;
        margin-bottom: 20px;
        margin-top: 16px;
        text-align: left
    }
    .container .apphead2 .box h4 {
        width: 100%;
        margin-top: 94px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center
    }
    .container .apphead2 .box h4 img {
        width: 90px;
        height: 90px;
        display: block;
        margin-bottom: 20px
    }
    .container .apphead2 .box h4 .title {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
    .container .apphead2 .box h4 .title span {
        font-size: 50px;
        line-height: 50px;
        margin-left: 0;
        margin-bottom: 20px
    }
    .container .apphead2 .box h4 .title em {
        font-size: 30px;
        line-height: 30px;
        margin-left: 0
    }
    .container .apphead2 .box h5 {
        width: 100%;
        font-size: 36px;
        text-align: left;
        line-height: 50px;
        padding: 100px 0 80px
    }
    .container .apphead2 .box .roleH3 {
        width: 100%;
        font-size: 25px;
        line-height: 35px;
        padding-top: 50px;
        margin-bottom: 20px
    }
    .container .apphead2 .box .roleH5 {
        width: 100%;
        font-size: 16px;
        line-height: 30px;
        padding: 0
    }
    .container .apphead2 .box ul {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 70px
    }
    .container .apphead2 .box ul li {
        margin-right: 40px
    }
    .container .apphead2 .box ul li a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        color: #fff;
        -ms-flex-align: center;
        align-items: center
    }
    .container .apphead2 .box ul li a img {
        width: 60px;
        height: 60px;
        display: block;
        margin-bottom: 10px
    }
    .container .apphead2 .box ul li a span {
        font-size: 18px;
        line-height: 18px
    }
    .container .apphead2 .text h5 {
        font-size: 50px;
        line-height: 55px;
        width: 100%;
        text-align: left
    }
    .container .appInfo1 {
        margin-top: 62px;
        padding: 0 30px;
        box-sizing: border-box
    }
    .container .appInfo1 h2 {
        width: 100%;
        text-align: left;
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 18px
    }
    .container .appInfo1 p {
        width: 100%;
        font-size: 14px;
        text-align: left;
        margin-bottom: 37px
    }
    .container .appInfo1 ul {
        width: 100%;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }
    .container .appInfo1 ul li {
        width: 100%
    }
    .container .appInfo1 ul li h3,
    .container .appInfo1 ul li span {
        text-align: center
    }
    .container .appInfo2 {
        width: 100%;
        padding: 80px 30px;
        box-sizing: border-box
    }
    .container .appInfo2 h2 {
        width: 100%;
        font-size: 30px;
        margin-bottom: 17px;
        text-align: left
    }
    .container .appInfo2 p {
        font-size: 14px;
        line-height: 18px;
        text-align: left
    }
    .container .appInfo4 {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 40px;
        margin: 0;
        padding-top: 0
    }
    .container .appInfo4 h2 {
        font-size: 24px;
        padding: 100px 0 20px;
        text-align: center;
        line-height: 34px
    }
    .container .appInfo4 h4 {
        font-size: 24px;
        margin: 50px 0 20px
    }
    .container .appInfo4 h5 {
        font-size: 16px;
        text-align: center;
        line-height: 28px
    }
    .container .appInfo4 .infoBox {
        width: 100%;
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        padding: 0 30px 50px;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }
    .container .appInfo4 .infoBox .pic {
        width: 50%;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        display: block;
        position: relative;
        top: 0;
        right: 0;
        margin-top: 20px;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 30px
    }
    .container .appInfo4 .infoBox .pic1 {
        width: 70%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: block;
        margin-right: 0;
        margin-bottom: 30px;
        -ms-flex-order: 1;
        order: 1
    }
    .container .appInfo4 .infoBox .pic2 {
        width: 70%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: block;
        margin-left: 0;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 30px
    }
    .container .appInfo4 .infoBox .pic3 {
        width: 70%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: block;
        margin-right: 0;
        margin-bottom: 30px;
        -ms-flex-order: 1;
        order: 1
    }
    .container .appInfo4 .infoBox .pic4 {
        width: 70%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: block;
        margin-left: 0;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 30px
    }
    .container .appInfo4 .infoBox .pic5 {
        width: 70%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: block;
        margin-right: 0;
        margin-bottom: 30px;
        -ms-flex-order: 1;
        order: 1
    }
    .container .appInfo4 .infoBox .pic6 {
        width: 70%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: block;
        margin-right: 0;
        margin-bottom: 0;
        position: relative;
        -ms-flex-order: 1;
        order: 1;
        top: 0;
        margin-top: 40px
    }
    .container .appInfo4 .infoBox .infoText {
        width: 100%;
        margin-top: 30px;
        -ms-flex-order: 2;
        order: 2
    }
    .container .appInfo4 .infoBox .infoText h1 {
        font-size: 24px;
        margin-bottom: 20px
    }
    .container .appInfo4 .infoBox .infoText h3 {
        font-size: 26px;
        font-family: PingFang SC;
        font-weight: 600;
        color: #25669d;
        line-height: 40px;
        margin-bottom: 16px
    }
    .container .appInfo4 .infoBox .infoText span {
        width: 100%;
        font-size: 15px
    }
    .container .appInfo4 .infoBox .infoText p {
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        color: #333;
        margin-bottom: 30px;
        text-align: justify
    }
    .container .appInfo4 .infoBox .infoText a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        font-size: 16px;
        text-decoration: underline;
        color: #333
    }
    .container .appInfo4 .infoBox .infoText a img {
        width: 13px;
        height: 17px;
        display: block;
        margin-right: 10px;
        margin-top: 4px
    }
    .container .appInfo4 .infoBox .infoText2 {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-order: 2;
        order: 2
    }
    .container .appInfo4 .infoBox .infoText2 h3 {
        font-size: 26px;
        font-family: PingFang SC;
        font-weight: 600;
        color: #25669d;
        line-height: 34px;
        margin-bottom: 16px
    }
    .container .appInfo4 .infoBox .infoText2 p {
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        color: #333;
        margin-bottom: 30px;
        text-align: justify
    }
    .container .appInfo4 .infoBox .infoText2 a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 500;
        text-decoration: underline;
        color: #333
    }
    .container .appInfo4 .infoBox .infoText2 a img {
        width: 13px;
        height: 17px;
        display: block;
        margin-right: 10px;
        margin-top: 4px
    }
    .container .appInfo4 span {
        font-size: 12px;
        font-family: PingFang SC;
        font-weight: 400;
        color: #333;
        text-align: center
    }
    .container .appInfo3 {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 30px 70px;
        box-sizing: border-box
    }
    .container .appInfo3 img {
        width: 100%;
        display: block
    }
    .container .appInfo3 h2 {
        font-size: 18px;
        padding: 0 0 20px;
        text-align: left;
        line-height: 24px;
        margin-bottom: 0
    }
    .container .appInfo3 .appInfo3Text {
        width: 100%;
        padding-top: 70px;
        text-align: justify
    }
    .container .appInfo3 .bigText {
        font-size: 26px;
        line-height: 36px;
        padding-top: 100px;
        text-align: center
    }
    .container .appInfo3 h4 {
        font-size: 24px;
        margin: 50px 0 20px;
        text-align: left
    }
    .container .appInfo3 h5 {
        font-size: 16px;
        text-align: left;
        line-height: 28px
    }
    .container .appInfo3 .contBg {
        width: 100%;
        display: block;
        padding: 30px 0
    }
    .container .appInfo3 .hrefBtn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        text-decoration: underline;
        color: #333;
        padding-bottom: 40px
    }
    .container .appInfo3 .hrefBtn img {
        width: 13px;
        height: 17px;
        display: block;
        margin-right: 5px;
        margin-top: 4px
    }
    .container .appInfo3 .infoBox {
        width: 100%;
        margin: 10px auto 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }
    .container .appInfo3 .infoBox .pic {
        width: 70%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: block;
        -ms-flex-order: 1;
        order: 1;
        padding: 0;
        box-sizing: border-box;
        margin-top: 30px;
        margin-bottom: 30px
    }
    .container .appInfo3 .infoBox .pic1 {
        width: 50%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: block;
        -ms-flex-order: 1;
        order: 1;
        padding: 0;
        box-sizing: border-box;
        margin: 30px 0 0
    }
    .container .appInfo3 .infoBox .pic3 {
        width: 100%;
        height: 100%;
        display: block;
        margin-right: 0;
        box-sizing: border-box;
        padding: 0;
        margin-bottom: 40px
    }
    .container .appInfo3 .infoBox .infoText {
        width: 100%;
        margin-top: 30px;
        -ms-flex-order: 2;
        order: 2
    }
    .container .appInfo3 .infoBox .infoText h3 {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 16px
    }
    .container .appInfo3 .infoBox .infoText p {
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        color: #333;
        margin-bottom: 30px;
        text-align: justify
    }
    .container .appInfo3 .infoBox .infoText a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 500;
        text-decoration: underline;
        color: #333
    }
    .container .appInfo3 .infoBox .infoText a img {
        width: 13px;
        height: 17px;
        display: block;
        margin-right: 5px;
        margin-top: 4px
    }
    .container .appInfo3 span {
        font-size: 12px;
        text-align: justify;
        margin-top: 10px
    }
    .container .appPriceBox,
    .container .contact {
        display: -ms-flexbox;
        margin-top: 40px;
        box-sizing: border-box
    }
    .container .contact {
        width: 100%;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0 30px;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #fff
    }
    .container .contact img {
        width: 111px;
        height: 83px;
        display: block
    }
    .container .contact .contactText {
        padding-top: 20px;
        padding-left: 0
    }
    .container .contact .contactText h2 {
        font-size: 24px;
        margin-bottom: 15px
    }
    .container .contact .contactText p {
        font-size: 14px;
        line-height: 28px;
        text-align: justify
    }
    .container .appPriceBox {
        width: 100%;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 71px;
        padding: 0 20px
    }
    .container .appPriceBox h1 {
        font-size: 20px
    }
    .container .appPriceBox ul {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 30px
    }
    .container .appPriceBox ul li {
        width: 49%;
        padding: 0;
        box-sizing: border-box;
        margin-bottom: 20px
    }
    .container .appPriceBox ul li .box {
        width: 100%;
        padding: 10px;
        height: auto;
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: #333
    }
    .container .appPriceBox ul li .box .top {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center
    }
    .container .appPriceBox ul li .box .top h2 {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 20px;
        text-align: justify
    }
    .container .appPriceBox ul li .box .top p {
        font-size: 12px;
        height: 60px;
        margin-bottom: 30px;
        text-align: justify
    }
    .container .appPriceBox ul li .box .top span {
        height: 100px;
        font-size: 12px;
        margin-bottom: 20px
    }
    .container .appPriceBox ul li .box .bottom {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .container .appPriceBox ul li .box .bottom span {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 10px
    }
    .container .appPriceBox ul li .box .bottom .price {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-bottom: 20px
    }
    .container .appPriceBox ul li .box .bottom .price strong {
        font-size: 20px;
        line-height: 20px;
        font-weight: 600;
        display: block
    }
    .container .appPriceBox ul li .box .bottom .price em {
        font-size: 12px;
        font-family: PingFang SC;
        line-height: 18px;
        display: block
    }
    .container .appPriceList {
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
        box-sizing: border-box
    }
    .container .appPriceList .item {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .container .appPriceList .item h1 {
        width: 100%;
        font-size: 36px;
        line-height: 36px;
        padding-bottom: 20px;
        margin-bottom: 20px
    }
    .container .appPriceList .item .cont {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .container .appPriceList .item .cont ul {
        width: 48%;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .container .appPriceList .item .cont ul li {
        width: 100%;
        margin-bottom: 20px
    }
    .container .appPriceList .item .cont ul li h2 {
        width: 100%;
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 10px
    }
    .container .appPriceList .item .cont ul li p {
        font-size: 14px;
        color: #333;
        text-align: justify
    }
    .container .appPriceList .item .cont ul li span {
        display: block;
        width: 100%;
        text-align: left;
        font-weight: 900
    }
    .container .appPriceInfo {
        width: 100%;
        padding: 0 20px 50px;
        box-sizing: border-box;
        background: #f6fbff
    }
    .container .appPriceInfo .box {
        width: 100%;
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .container .appPriceInfo .box img {
        width: 60%;
        display: block;
        padding-top: 30px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin: 0 auto
    }
    .container .appPriceInfo .box .infoText {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 70px
    }
    .container .appPriceInfo .box .infoText h3 {
        font-size: 24px;
        line-height: 30px;
        text-align: justify
    }
    .container .appPriceInfo .box .infoText p {
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 300;
        color: #333;
        line-height: 30px;
        margin-top: 20px
    }
    .container .appPriceInfo .price {
        width: 100%;
        margin-top: 30px
    }
    .container .appPriceInfo .price .item {
        width: 100%;
        margin-bottom: 30px
    }
    .container .appPriceInfo .price .item h4 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 20px
    }
    .container .appPriceInfo .price .item p strong {
        font-size: 28px;
        line-height: 28px
    }
    .container .appPriceInfo .price .item p span {
        font-size: 14px;
        line-height: 14px
    }
    .container .appPriceInfo .price .item .text {
        width: 100%;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 20px
    }
    .container .appPriceInfo .price .item .text em {
        margin-right: 10px
    }
    .container .appPriceHrefBox {
        width: 100%;
        margin-top: 60px;
        padding: 0 20px;
        box-sizing: border-box
    }
    .container .appPriceHrefBox h3 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 50px
    }
    .container .appPriceHrefBox a {
        padding: 14px 20px;
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        color: #fff;
        line-height: 18px;
        display: block;
        background: #000;
        border-radius: 5px;
        overflow: hidden;
        margin-bottom: 50px
    }
    .container .appPriceHrefBox p {
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 300;
        color: #333;
        text-align: center;
        margin-bottom: 35px
    }
    .container .downAppBox h3,
    .container .downAppBox span {
        font-weight: 600;
        color: #25669d;
        font-family: PingFang SC
    }
    .container .appPriceHrefBox img {
        width: 80%;
        display: block
    }
    .container .contact2 {
        padding: 40px 30px;
        box-sizing: border-box;
        margin-top: 70px
    }
    .container .contact2 h1 {
        margin-bottom: 30px;
        text-align: left;
        line-height: 30px
    }
    .container .contact2 .box {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0;
        box-sizing: border-box;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 30px
    }
    .container .contact2 .box img {
        width: 111px;
        height: 83px;
        display: block
    }
    .container .contact2 .box .contactText {
        padding-top: 20px;
        padding-left: 0
    }
    .container .contact2 .box .contactText h2 {
        font-size: 24px;
        margin-bottom: 15px
    }
    .container .contact2 .box .contactText p {
        font-size: 14px;
        line-height: 28px;
        text-align: justify
    }
    .container .downAppBox {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        padding: 70px 0;
        box-sizing: border-box
    }
    .container .downAppBox h3 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 30px
    }
    .container .downAppBox img {
        width: 80px;
        height: 80px;
        display: block;
        margin-bottom: 20px
    }
    .container .downAppBox span {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 40px
    }
    .container .downAppBox ul {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    .container .downAppBox ul li {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 20px
    }
    .container .downAppBox ul li img {
        width: 60px;
        height: 60px;
        display: block
    }
    .container .downAppBox ul li span {
        font-size: 18px;
        font-family: PingFang SC;
        font-weight: 700;
        color: #296ba5;
        line-height: 18px;
        margin-bottom: 0
    }
    .container .appStudyInfo {
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
        box-sizing: border-box
    }
    .container .appStudyInfo .list {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center
    }
    .container .appStudyInfo .list .item {
        width: 100%;
        position: relative;
        margin-bottom: 30px;
        cursor: pointer
    }
    .container .appStudyInfo .list .item img {
        width: 100%;
        display: block
    }
    .container .appStudyInfo .list .item .info {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .container .appStudyInfo .list .item .info h3 {
        display: block;
        border: 1px solid #fff;
        width: 170px;
        height: 64px;
        position: relative
    }
    .container .appStudyInfo .list .item .info h3 span {
        width: 170px;
        height: 64px;
        border: 1px solid #fff;
        position: absolute;
        left: -4px;
        top: -4px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 24px;
        color: #fff
    }
    .container .appStudyInfo .list .item .info p {
        margin-top: 12px;
        font-size: 16px;
        line-height: 16px;
        color: #fff
    }
    .container .appStudyInfo .list .item .info2 {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px;
        box-sizing: border-box
    }
    .container .appStudyInfo .list .item .info2 .num {
        width: 38px;
        height: 38px;
        background: rgba(0, 0, 0, 0);
        border: 2px solid #000;
        border-radius: 50%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        color: #333;
        font-size: 24px;
        margin-bottom: 30px
    }
    .container .appStudyInfo .list .item .info2 h4 {
        font-size: 24px;
        color: #333;
        line-height: 24px;
        margin-bottom: 11px
    }
    .container .appStudyInfo .list .item .info2 span {
        font-size: 14px;
        color: #333;
        text-align: justify
    }
    .container .roleTitle {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 60px auto 30px;
        padding: 0 30px;
        box-sizing: border-box
    }
    .container .appExpertList,
    .container .appExpertText,
    .container .roleList {
        padding: 0 20px;
        box-sizing: border-box
    }
    .container .roleTitle h1 {
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 600;
        color: #25669d;
        text-align: center;
        margin-bottom: 40px;
        line-height: 22px
    }
    .container .roleTitle .urlBox {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    .container .roleTitle .urlBox img {
        width: 6px;
        height: 8px;
        display: block;
        margin-right: 6px
    }
    .container .roleTitle .urlBox a {
        font-size: 12px;
        font-family: PingFang SC;
        font-weight: 500;
        text-decoration: underline;
        color: #333
    }
    .container .roleList {
        width: 100%;
        margin: 0 auto
    }
    .container .roleList .title {
        margin-bottom: 31px;
        font-size: 18px;
        font-weight: 600;
        color: #25669d
    }
    .container .roleList .list {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center
    }
    .container .roleList .list .item {
        width: 100%
    }
    .container .appExpertText {
        -ms-flex-align: start;
        align-items: flex-start
    }
    .container .appExpertText h1 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
        text-align: left
    }
    .container .appExpertText a {
        float: left;
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 500;
        text-decoration: underline;
        color: #333;
        line-height: 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
    .container .appExpertText a img {
        width: 13px;
        height: 17px;
        display: block;
        margin-right: 10px
    }
    .container .appExpertList {
        width: 100%;
        margin-top: 45px
    }
    .container .appExpertList .box {
        width: 100%;
        margin: 0 auto
    }
    .container .appExpertList .box .item {
        width: 100%
    }
    .container .appExpertList .box .item .title {
        width: 100%;
        border-bottom: 1px solid #ddd;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 26px 0;
        -ms-flex-align: end;
        align-items: flex-end
    }
    .container .appExpertList .box .item .title h1 {
        font-size: 24px;
        line-height: 24px;
        font-weight: 900
    }
    .container .appExpertList .box .item .title span {
        font-size: 12px;
        line-height: 12px
    }
    .container .appExpertList .box .item ul {
        column-count: 1;
        column-gap: 0;
        box-sizing: border-box
    }
    .container .appExpertList .box .item ul li .info h2 {
        line-height: 15px;
        font-size: 15px;
        margin-bottom: 13px
    }
    .container .appExpertList .box .item ul li .info span {
        margin-bottom: 15px;
        font-size: 13px;
        line-height: 13px
    }
    .container .appExpertList .box .item ul li .info p {
        font-size: 12px;
        text-align: justify
    }
}

@media (min-width:1200px) {
    .navbar {
        display: none
    }
    .nav {
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:2560px) {
    .container .apphead {
        background: #248EDE
    }
    .container .apphead2 {
        background: #25669d
    }
    .container .appbg2,
    .container .appbg3 {
        background: #f6fbff
    }
}