a{
    color: #0077dd;
}
a:hover,a:focus{
    color: #286aa5;
    text-decoration: none;
    outline:none;
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
li{
    list-style-type:none
}
dl{
    margin: 0;
}

button {
    outline: none;
}

img{
    max-width: 100%;
}

body {
    background: #FFF;
    font-family: "Inter", 'Microsoft YaHei', '微软雅黑', serif;
    font-optical-sizing: auto;
    width: 100%;
    overflow-x: hidden;
}


.btn:active, .btn:focus {
    outline: 0 !important;
}

.pointer{
    cursor: pointer;
}

.center{
    text-align: center;
}

.p0{
    padding: 0;
}
.mt-15{
    margin-top: 15px!important;
}
.mt-10{
    margin-top: 10px;
}
.mr-5{
    margin-right: 5px;
}
.mb-20{
    margin-bottom: 20px;
}
.btn-pri{
    color: #fff;
    background-color: #2287de;
    border-color: #2287de;
}
.btn-pri:hover{
    color: #fff;
    background: #0077dd;
    border-color: #0077dd;
}
.btn-pri:active, .btn-pri:focus{
    color: #fff;
}

.navbar{
    height: 80px;
    padding-top: 20px;
    border: none;
}

.navbar-default{
    background-color: #FFF;
}

ul.nav.navbar-nav{
    font-weight: bold;
    font-size: 15px;
    color: #323539;
    line-height: 22px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.navbar-default .navbar-nav>li>a {
    color: #323539;
    font-weight: bold;
}

.navbar-header.navbar-left {
    /*width: 20%;*/
    text-align: center;
    height: 50px;
    align-content: center;
    margin-left: 8%;
}

.collapse.navbar-collapse {
    justify-self: center;
}

ul.nav.navbar-nav.navbar-right {
    position: absolute;
    right: 6%;
}


.logo-a {
    padding-left: 15px;
}
.logo-img{
    width: 100px;
}

.clearfix{
    clear: both;
}

.footer-container {
    /*bottom: 0;*/
    /*min-height: 310px;*/
    /*position: fixed;*/
    /*width: 100%;*/
    /*background: #151B28;*/
    /*color: #A5ACBA;*/
    /*padding-left: 8%;*/
    /*padding-right: 5%;*/
    /*padding-top: 35px;*/
    /*font-family: Inter-Regular;*/
    /*font-size: 13px;*/

    clear: both;
    height: auto;
    width: 100%;
    background: #151B28;
    color: #A5ACBA;
    padding-left: 8%;
    padding-right: 5%;
    padding-top: 35px;
    font-size: 13px;
}

.footer-container a {
    color: #A5ACBA;
    line-height: 28px;
}

.footer-container h5 {
    color: #F9F9F9;
    font-size: 15px;
    margin-bottom: 20px;
}

.footer-content img {
    margin-right: 10px;
    width: 28px;
}

.footer-p2{
    color: #F9F9F9;
}

.copyright-content {
    text-align: center;
    margin-top: 40px;
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #2E3545;
}

.content {
    clear: both;
    margin-left: 8%;
    margin-right: 8%;
}

.mg-lf-8{
    margin-left: 8%;
}
.mg-tp-10{
    margin-top: 10px
}
.mg-tp-20{
    margin-top: 20px
}
.mg-tp-30{
    margin-top: 30px
}
.mg-tp-50{
    margin-top: 50px
}
.mg-tp-80{
    margin-top: 80px
}
.mg-rg-20{
    margin-right: 20px;
}
.mr-tp-10{
    margin-top: 20px
}

.mg-tp-100{
    margin-top: 100px
}

.mg-tp-150{
    margin-top: 150px
}

.mg-bt-30{
    margin-bottom: 30px;
}
.mg-bt-20{
    margin-bottom: 20px;
}

.pd-lf-0{
    padding-left: 0;
}
.p-ft-50{
    font-size: 50px;
    font-weight: bold;
}

.p-ft-15{
    font-size: 15px;
    line-height: 26px;
}


.index-p1{
    color: #16B89F;
}
.index-p2{
    color: #272D37;
}
.index-p3{
    color: #5F6D7E;
    line-height: 26px;
    margin-top: 20px;
}

.index-p4 {
    font-size: 14px;
    font-weight: bold !important;
}

.text-decoration-underline{
    text-decoration: underline;
}

.web-btn-btn1 {
    background: #1E6FFF;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
}
.web-btn-btn2  {
    background: #FFFFFF;
    font-size: 13px;
    color: #1E6FFF;
    font-weight: bold;
    border: 1px solid #1E6FFF;
}

.web-btn-btn1:active, .web-btn-btn1:focus {
    background: #1E6FFF;
    color: #FFF;
    box-shadow: 0 0 0 3px #B2D5FF;
}

.web-btn-btn2:active, .web-btn-btn2:focus  {
    background: #FFFFFF;
    color: #1E6FFF;
    border: 1px solid #1E6FFF;
    box-shadow: 0 0 0 3px #B2D5FF;
}

.web-btn-btn1:hover {
    background: #0A5BED;
    color: #FFF;
}

.web-btn-btn2:hover  {
    background: rgba(30, 111, 255, 0.06);
    color: #1E6FFF;
    border: 1px solid #1E6FFF;
}

.web-btn-bk-btn:hover{
    background: #FFFFFF;
    color: #1E6FFF;
}

.index-img img{
    border-radius: 10px
}

.float-right{
    float: right;
}

.float-left{
    float: left;
}


.color-white{
    color: #FFF;
}

.text-align-left{
    text-align: left !important;
}

.text-align-right{
    text-align: right;
}



.text-align-center{
    text-align: center;
}

.dropdown-menu {
    border-radius: 10px;
}

.dropdown-menu-text {
    padding: 3px 20px;
}

.dropdown-menu>li>a{
    color: #858C95;
    line-height: 25px;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 20px;
    padding: 12px 0 8px 0;
}

.dropdown-menu>li>a:hover{
    background: #FFF;

}

.dropdown-menu>li>a:hover{
    color: #1E6FFF;
}

.navbar-nav>.open>a{
    background-color: #FFF !important;
    color: #1E6FFF !important;
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.co-img-hover{
    display: none;
}

.footer-content {
    margin-top: 10px;
}


@media (max-width: 768px) {
    a.logo-a {
        position: relative;
        float: left;
        padding: 9px 10px;
        margin-left: 36%;
        /*margin-left: 20px;*/
        margin-top: 4px;
        margin-bottom: 8px;
    }
    .navbar-header.navbar-left{
        width: auto;
        margin-left: 0 !important;
    }
    .p-ft-50{
        font-size: 30px !important;
    }

    .logo-img{
        width: 80px;
    }

    .collapse.navbar-collapse {
        float: right;
        margin-bottom: 80px;
        width: 100%;
        text-align: center;
        justify-items: center;
    }

    .nav.navbar-nav.navbar-right{
        right: auto !important;
        position: relative !important;
    }

    ul.nav.navbar-nav{
        text-align: center;
    }

    .footer-container h5{
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .label-tips{
        margin-top: -10px;
        margin-left: 0 !important;;
        line-height: 30px !important;
    }

    .label-agree-tips {
        line-height: 20px !important;
        margin-top: 10px;
    }

    /*.content {*/
    /*    margin-left: 2% !important;*/
    /*    margin-right: 2% !important;*/
    /*}*/
}