body {
    font-family: 'Microsoft YaHei';
}

.bannder-head {
    width: 1201px;
    margin: 0 auto;
}

.banner {
    background: url(../Content/banner.png) center no-repeat;
    background-size: cover;
    height: 750px;
    margin-top: 50px;
}

.fintech {
    background: url(../Content/fintech.png) center no-repeat;
    background-size: cover;
    height: 302px;
    /*border: 1px white dashed;*/
}

.fintech-detail {
    /*background: url(../Content/fintech.png) center no-repeat;*/
    /*background-size: cover;*/
    height: 780px;
    width: 1201px;
    margin: 0 auto;
    /*border: 1px white dashed;*/
}

.col-md-3S {
    padding: 0;
    margin-right: 27px;
    width: 280px;
    float: left;
}

.fintech-detail-content {
    width: 280px;
    height: 580px;
}

.content-text {
    width: 240px;
    height: 50px;
}

.rearch {
    background: url(../Content/rearch.png) center no-repeat;
    background-size: cover;
    height: 302px;
}

.rearch-detail {
    height: 924px;
}

.rearch-detail-container {
    height: 724px;
    width: 1200px;
    padding-top: 100px;
    margin: 0 auto;
}

.rearch-left {
    background: url(../Content/newsControl.png) center no-repeat;
    background-size: cover;
    height: 724px;
    width: 300px;
    float: left;
}

.rearch-left-top {
    background: url(../Content/newsControl.png) center no-repeat;
    width: 300px;
    height: 624px;
}

.rearch-left-bottom {
    height: 100px;
    background: #1B376E;
}

.rlfb-text {
    width: 144px;
    height: 48px;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    line-height: 24px;
    padding-top: 20px;
}

.rearch-right {
    float: right;
    height: 354px;
    width: 880px;
}

.right-top {
    height: 354px;
    width: 880px;
}

.right-top-left {
    width: 430px;
    height: 354px;
    float: left;
}

.rtlu {
    background: url(../Content/tradeMarket.png) center no-repeat;
    width: 430px;
    height: 254px;
}

.rtru {
    background: url(../Content/analysisClass.png) center no-repeat;
    width: 430px;
    height: 254px;
}

.rtlb {
    background-color: #1B376E;
    width: 430px;
    height: 100px;
}

.right-top-right {
    float: right;
}

.right-bottom {
    width: 880px;
    height: 350px;
    margin-top: 20px;
}

.right-bottom-left {
    background: url(../Content/buleHead.png) center no-repeat;
    width: 600px;
    height: 350px;
    float: left;
}

.right-bottom-right {
    float: left;
    width: 280px;
    height: 350px;
    background-color: #1B376E;
}

.proEdu {
    background: url(../Content/proEdu.png) center no-repeat;
    background-size: cover;
    height: 302px;
}

.proedu-container {
    height: 1830px;
    width: 1200px;
    margin: 0 auto;
}

.chapter {
    height: 510px;
    width: 1200px;
    margin-top: 100px;
}

.ch1-bgimg {
    background: url(../Content/courseDev.png) center no-repeat;
    width: 700px;
    height: 450px;
}

.ch2-bgimg {
    background: url(../Content/teacherBuild.png) center no-repeat;
    width: 700px;
    height: 450px;
    float: right;
}

.ch3-bgimg {
    background: url(../Content/investEucationProduction.png) center no-repeat;
    width: 700px;
    height: 450px;
}

.ch1-text {
    width: 560px;
    height: 440px;
    position: relative;
    top: 70px;
    left: 640px;
    background: rgba(255,255,255,0.50);
    border: 2px solid #1B376E;
}

.ch2-text {
    width: 560px;
    height: 440px;
    position: relative;
    top: 70px;
    left: -500px;
    background: rgba(255,255,255,0.50);
    border: 2px solid #1B376E;
}

.ch1-text-content {
    padding-left: 188px;
}

paragraph {
    height: 50px;
}

.paragraph p {
    display: inline-block;
    line-height: 50px;
}

.protext {
    display: inline-block;
    line-height: 20px;
}

.dot {
    padding-right: 5px;
    border-radius: 100px;
    width: 6px;
    height: 6px;
    font-size: 20px;
    line-height: 20px;
    color: #555555;
    display: inline-block;
    background: #555555;
    margin-bottom: 2px;
    margin-right: 10px;
}

.dot-1 {
    padding-top: 5px;
    border-radius: 100px;
    width: 6px;
    height: 6px;
    line-height: 20px;
    color: #555555;
    display: block;
    background: #555555;
    /*margin-bottom: 2px;*/
    margin-right: 10px;
    position: relative;
    top: 14px;
}

.cube {
    height: 120px;
    width: 120px;
    background: #1B376E;
}

.cube-text {
    padding-top: 23px;
    height: 74px;
    width: 61px;
    font-size: 26px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
}

.ch3-paragraph {
    margin-top: 25px;
}

.partner {
    background: url(../Content/partner/partnerBanner.png) center no-repeat;
    /*background: #FBFBFB;*/
    background-size: cover;
    height: 302px;
}

.partner-content {
    margin: 0 auto;
    width: 1200px;
    height: 550px;
}

.brand_item {
    margin-top: 30px;
    border: 1px;
    width: 380px;
    height: 130px;
    float: left;
    background: #FFFFFF;
    box-shadow: 1px 1px 4px 0 rgba(112,112,112,0.20);
    margin-right: 30px;
}

.brand_block {
    /*margin-top: 30px;*/
    border: 1px;
    width: 1204px;
    /*height: 2198px;*/
    /*float: left;*/
    /*box-shadow: 1px 1px 4px 0 rgba(112,112,112,0.20);*/
    /*margin-right: 30px;*/
}

.footer {
    height: 246px;
    background: #000000;
    padding-top: 40px;
}

.footer-container {
    margin: 0 auto;
    height: 150px;
    width: 1200px;
    border-top: 1px rgba(255,255,255,0.3) solid;
    border-bottom: 1px rgba(255,255,255,0.3) solid;
    /*border: 1px red solid;*/
    padding: 20px 0px;
}

.footer_content {
}

.footer_left {
    width: 824px;
    height: 60px;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    float: left;
}

.footer_right {
    height: 70px;
    /*width: 260px;*/
    /*border: 1px green solid;*/
    float: right;
}

.icon-phone {
    width: 33px;
    height: 33px;
    font-size: 18px;
    margin-right: 4px;
}

.icon-email {
    width: 26px;
    height: 26px;
    margin: 4px;
    margin-right: 8px;
}

.footer-text {
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
}

.phone-text, .email-text {
    font-size: 20px;
    color: #F1F1F1;
}

.copyright-container {
    height: 50px;
    width: 1200px;
}

.copyright {
    font-size: 12px;
    margin-top: 10px;
    height: 14px;
    width: 500px;
    line-height: 30px;
    color: #999999;
}





a:hover {
    color: #22A2FA;
    text-decoration: none;
    cursor: pointer;
}






.div-center {
    margin: 0 auto;
}

.p1 {
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    line-height: 20px;
    margin-bottom: 0px;
}

.p2 {
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    line-height: 20px;
}







.radius-box {
    width: 32px;
    height: 6px;
    border: 1px #0B3480 solid;
    border-radius: 100px;
}

.white-text {
    color: white;
}

.center-vertical {
    position: relative;
    transform: translateY(-50%);
}

.height-36px {
    height: 36px;
}

.height-76px {
    height: 76px;
}

.top-300px {
    top: 300px;
}

.top-165px {
    top: 165px;
}

.top-145px {
    top: 145px;
}

.margin-top-100px {
    margin-top: 100px;
}

.padding-top-100px {
    padding-top: 100px;
}

.font-color-lightblue {
    color: #637BAA;
}

.font-color-blue {
    color: #0C3481;
}

.font-color-white {
    color: #FFFFFF;
    font-size: 16px;
}

.font-size-26 {
    font-size: 26px;
}

.font-size-54 {
    font-size: 54px;
}

.backgroude-color-blue {
    opacity: 0.6;
    background-color: #0C3481;
    /*background: #0B3480;*/
}

.navlink {
    padding: 25px 15px 25px 15px !important;
    font-size: 16px;
    color: #333333 !important;
}

    .navlink:hover {
        color: #1264CA !important
    }

.outLink {
    padding: 25px 15px 25px 15px !important;
    font-size: 16px;
    color: #333333 !important;
}

    .outLink:hover {
        color: #1264CA !important
    }

.navbar-brand {
    float: left;
    height: 70px;
    padding: 17px 15px;
    font-size: 18px;
    line-height: 20px;
}

.col-margin {
    margin-top: 30px;
}

.col-margin10 {
    margin-top: 10px;
}

.gray-text {
    color: #666666;
}

.banner-text-h1 {
    /*font-family: HiraMinProN-W6;*/
    font-size: 80px;
    color: #FFFFFF;
}

.banner-text-h2 {
    /*font-family: HiraMinProN-W6;*/
    font-size: 50px;
    color: #CCCCDF;
    letter-spacing: 0.01px;
}

.bold-text {
    font-weight: bold;
}

.font-16px {
    font-size: 16px;
}

.font-15px {
    font-size: 15px;
}

.font-18px {
    font-size: 18px;
}

.font-48px {
    font-size: 48px;
}

.font-32px {
    font-size: 32px;
}

.font-30px {
    font-size: 30px;
}

.font-24px {
    font-size: 24px;
}

.square_160px {
    width: 160px;
    height: 160px;
}

.normal_text {
    font-weight: normal;
}

#aboutColumbus {
    height: 400px;
    background: #FBFBFB;
}

#exit-btn {
    vertical-align: middle;
    background: #f8f8f8;
}

    #exit-btn:hover {
        background-color: red;
    }

.advanceInfo {
    text-align: left;
    margin-top: 15px;
}

#teacherIntroduce {
    padding-top: 65px;
    background: #FBFBFB;
    /*padding-bottom: 25px;*/
}

.person_img {
    width: 285px;
    height: 360px;
}

.person_info {
    width: 285px;
    height: 60px;
    background: rgba(31,40,56,0.9);
    font-size: 30px;
    color: #FFFFFF;
    line-height: 60px;
    top: -60px;
    position: relative;
}

.person_detail {
    text-align: left;
    top: -50px;
    position: relative;
}

.person_intro {
    font-size: 24px;
    color: #FFFFFF;
}

.class-title {
    height: 61px;
    font-size: 31px;
    color: white;
    background: rgba(24,29,41,0.95);
    line-height: 61px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.class-intro {
    padding: 20px;
    background: rgba(255,255,255,0.95);
    height: 290px;
}

.footer-info {
    /*font-family: SourceHanSansCN-Light;*/
    font-size: 16px;
    color: #D1D1D1;
    text-align: center;
    line-height: 82px;
}

#primaryLevel:hover, #highLevel:hover, #eliteLevel:hover, #masterLevel:hover {
    cursor: pointer;
}

.contact {
    font-size: 30px;
    color: #0D1631;
    vertical-align: middle;
}

.flate_btn {
}

#loginModel {
    top: 90px;
}