/* 公共代码 */
/* 初始化 */

body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
    margin: 0;
    padding: 0;
}
@font-face {
    font-family: "Basier Square";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/BasierSquare-Regular-2.otf") format("otf"),
        url("../fonts/BasierCircle-Regular-3.otf") format("otf");
}

body {
    font-family: "Basier Square", sans-serif !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
* {
    padding: 0;
    margin: 0;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}

/* 小屏幕（平板，大于等于 768px） */
@media screen and (max-width: 767px) {
    /* 移动端导航栏样式 */
    .moveNav {
        font-size: 24px !important;
        color: #1dcaab !important;
    }
    .move-menu {
        color: #6bebc1;
        font-size: 25px;
    }
    .navbar {
        /* background-color: #3b5998; */
        overflow: hidden;
        height: 63px;
        position: fixed;
        top: 5px;
        left: 3px;
        color: #6bebc1;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10000;
    }
    .navbar a {
        float: left;
        display: block;
        color: #f2f2f2;
        text-align: center;
        text-decoration: none;
        font-size: 17px;
        padding: 14px 16px;
    }
    .navbar ul {
        margin: 8px 0 0 0;
        list-style: none;
    }
    .navbar a:hover {
        background-color: #ddd;
        color: #000;
    }
    .side-nav {
        height: 100%;
        width: 100%;
        position: fixed;
        z-index: 10000;
        top: 0;
        right: 0;
        background-color: #494949;
        overflow-x: hidden;
        /* padding-top: 60px; */
        transition: 0.5s;
    }
    .glyphicon:before {
        padding-right: 10px;
    }
    .side-nav a {
        padding: 15px 10px 15px 10px;
        text-decoration: none;
        font-size: 22px;
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        display: block;
        transition: 0.3s;
    }
    .side-nav a:hover {
        color: #1dcaab;
    }
    .side-nav .btn-close {
        position: absolute;
        top: 17px;
        right: 5px;
        font-size: 36px;
    }
    .main .mainImg {
        width: 100%;
    }
    .community > li {
        /* float: none; */
        width: 50% !important;
    }
    h2 {
        font-size: 24px !important;
    }
    .centerBlock ul {
        padding: 0px 20%;
    }
    .media-body {
        display: block;
        padding: 5%;
        width: auto;
    }
    .media-content {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .login,
    .register {
        width: 90px !important;
    }
    .footer .footerBottom .footerInfo {
        padding-left: 5%;
    }
    /* footer */
    .footer .footerBottom .line {
        border-right: none !important;
    }
    .footer .footerBottom .signUp {
        padding-left: 10% !important;
    }
    .footer .footerBottom .signUp .inpborder {
        width: 71% !important;
    }
    .footer .footerBottom .signUp .footerButton {
        width: 71% !important;
    }
    .footer .footerBottom .navigate {
        padding-left: 10% !important;
    }
    .footer .footerBottom .connect {
        margin-top: 10%;
    }
    .footer .footerBottom .contact {
        margin-top: -28%;
    }
}

/* 1.头部模块 */
.header {
    padding-top: 20px;
    box-sizing: border-box;
}
/* 查询模块 */
.header > .search img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}
.header > .search span {
    font-size: 12px;
    font-weight: 600;
    color: #333333;
    line-height: 20px;
}
.header > .search .ft {
    border-right: 1px solid #999999;
    padding-right: 10px;
}
.header > .search .en {
    padding-left: 10px;
}
/* 导航模块 */
.header > .nav .navbar-header .navbar-toggle {
    float: left;
}
.header > .nav .navbarm {
    list-style: none;
    border: none;
    background: none;
}
.middle,
.right {
    margin-top: 20px;
    box-sizing: border-box;
}
.header > .nav .navbarm:focus {
    background-color: #ffff;
}
.header > .nav .navBox .aboutsus {
    font-size: 14px;
    color: #8b9695;
    line-height: 20px;
}
.header > .nav .navBox .aboutsus1 {
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    line-height: 20px;
}
.navbar ul > li {
    margin-right: 20px;
}
.header > .nav .btn1 {
    text-align: right;
    white-space: nowrap;
}
.header > .nav .btn1 button {
    background: #e0f0ef;
    margin-left: 10px;
    border: none;
}
.header > .nav .btn1 .login {
    background: #e0f0ef;
    width: 90px;
    height: 48px;
    background: #e0f0ef;
    color: #ffff;
}

.header > .nav .btn1 .register {
    width: 108px;
    height: 48px;
    background: #1dcaab;
    color: #ffff;
}
.header > .nav .btn1 a {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}
.header > .nav .btn1 .login a {
    color: #023936;
}
.header > .nav .btn1 .register a {
    color: #ffffff;
}
.header > .nav .navBox .aboutusBorder {
    width: 10px;
    height: 4px;
    background: #1dcaab;
    position: absolute;
    top: 65px;
    left: 50px;
}
.centerBlock a {
    color: #333333;
}
.centerBlock {
    margin: 2% 20%;
    font-size: 21px;
    font-weight: 300;
    color: #333333;
}
.centerBlock .active a {
    color: #ffffff;
}
/*面包宵样式  */
.container .bread {
    margin-top: 30px;
}
.container .bread .border {
    background: none;
    padding: 0px !important;
}
.container .bread img {
    max-width: 100%;
}
.container .bread .border .one {
    font-weight: 500;
    color: #8b9695;
}

.container .bread .border .two {
    font-weight: bold;
    color: #333333;
}
.imgMain {
    margin-top: 10px;
    width: 100%;
    object-fit: cover;
}
/* end */
.logo a {
    position: relative;
}
.logo a p {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -140px;
    padding: 0 10px;
    font-size: 58px;
    font-weight: 500;
    color: #ffffff;
    line-height: 71px;
    border: 3px solid #ffffff;
}
.heading {
    height: 44px;
    font-size: 36px;
    font-weight: 500;
    color: #333333;
    line-height: 44px;
    text-align: center;
    margin-top: 80px;
}
.nav li.active > a {
    background: #333333;
}
.photos2 .play {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.photos4 .play {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.photos div {
    margin-bottom: 40px;
}
.photos a img {
    border-radius: 4px;
}
.photos a p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 25px;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    line-height: 22px;
}
.marks {
    color: #1dcaab;
}
.main ul > li {
    list-style: none;
    margin-bottom: 20px;
    /* float: left; */
    /* width: 20%; */
}
.main h2 {
    font-size: 40px;
    font-weight: bold;
    color: #333333;
    /* margin:3% 0px; */
    margin-top: 50px;
    margin-bottom: 50px;
}
/* 3.底部模块 */
.a {
    text-decoration: none;
    list-style: none;
}
a:hover {
    text-decoration: none;
}
ul > li {
    list-style: none;
}
input {
    border: 0px;
    border: none;
}
input:focus {
    outline: transparent;
    border: none;
}
.footer {
    padding: 5% 0;
    margin-top: 4%;
    background-color: #f2f7fa;
}
.footer .footerBottom .line {
    border-right: 1px solid #d8d8d8;
    height: 250px;
}
.footer .container .footerBottom .ipt {
    width: 100%;
}
.footer .container .footerBottom .footerButton {
    width: 100% !important;
    height: 48px;
    background: #1dcaab;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    margin-top: 20px;
    outline: none;
    border: none;
    display: block;
    line-height: 48px;
    text-align: center;
}
.footer .container .footerBottom .signUp {
    padding-right: 49px;
}
.footer .container .footerBottom .signUp .footerTitle,
.footer .container .footerBottom .navigate .footerTitle,
.footer .container .footerBottom .connect .footerTitle,
.footer .container .footerBottom .contact .footerTitle {
    font-size: 20px;
    font-weight: bold;
    color: #333333;
    line-height: 30px;
    margin-bottom: 20px;
}
.footer .container .footerBottom .signUp .inpborder {
    height: 48px;
    border: none;
    outline: none;
}
.footer .container .footerBottom .navigate {
    padding-left: 82px;
}
.footer .container .footerBottom .connect {
    padding-left: 40px;
}
.footer .container .footerBottom .contact {
    padding-left: 40px;
}
.footer .container .footerBottom .contact .point {
    color: #1dcaab;
    margin-top: 15px;
}
.footer .container .footerBottom .navigate .footerUl li {
    font-size: 14px;
    font-weight: 400;
    line-height: 33px;
}
.footer .container .footerBottom .navigate .footerUl a {
    color: #7d8385;
}
.footer .container .footerBottom .connect p {
    font-size: 22px;
    font-weight: bold;
    color: #333333;
    line-height: 30px;
}
.footer .container .footerBottom .connect .icons {
    display: flex;
    justify-content: flex-start;
    padding-left: 15px;
    margin-top: 25px;
}
.footer .container .footerBottom .connect .icons li {
    padding-right: 25px;
}
.footer .copyright {
    margin-top: 50px;
    text-align: center;
    color: #999;
    font-size: 12px;
    /* margin-left: -35px; */
}
.mainImg {
    width: 100%;
}
/* 小屏幕 */
@media screen and (max-width: 767px) {
    /* .main  */
    .rich_text img {
        width: 100%;
        height: auto;
    }
    .rich_text p {
        text-align: left !important;
    }
    /* .community .col-sm-6:nth-child(2n){
    padding-left: 0px;
  } */
    .community img {
        width: 100%;
        /* height: 190px;; */
    }
    .community_title {
        margin: 60px 0;
    }
    .web_top_box {
        display: none;
    }
    .mobile_top_box {
        display: block;
        /* margin-top: -10px; */
        margin-left: 12px;
        margin-top: 0px;
    }
    .mobile_nav {
        margin-top: 60px;
        text-align: center;
    }
    .mobile_nav li {
        margin-top: 20px;
    }
}
/* 大屏幕 */
@media (min-width: 992px) {
    .community {
        margin-right: -25px;
    }
    .community img {
        width: 100%;
        /* height: 190px; */
        object-fit: contain;
    }
    .main .rich_text img {
        width: 100%;
    }
    .main h3 {
        margin: 30px 0px 50px 0;
        font-size: 40px;
        /* font-family: Montserrat-Medium, Montserrat; */
        font-weight: bold;
        color: #333333;
        line-height: 44px;
    }
}
.logobox {
    padding: 8px;
    display: block;
    box-shadow: 0 3px 6px #cccccc;
}

.investor-t-1 {
    font-family: Montserrat, Montserrat;
    font-weight: 500;
    font-size: 36px;
    color: #333333;
    line-height: 44px;
}
.investor-t-2 {
    font-family: Montserrat, Montserrat;
    font-weight: 500;
    font-size: 22px;
    color: #333333;
    line-height: 30px;
    margin: 40px 0 10px 0;
}
.investor-t-3 {
    width: 100%;
}
.investor-t-3-1 {
    font-family: Montserrat, Montserrat;
    font-weight: 500;
    font-size: 16px;
    color: #333333;
    line-height: 28px;
}
.investor-t-3-2 {
    font-family: Montserrat, Montserrat;
    font-weight: 300;
    font-size: 16px;
    color: #333333;
    line-height: 28px;
}
.investor-t-4 {
    font-family: Montserrat, Montserrat;
    font-weight: 500;
    font-size: 22px;
    color: #1dcaab;
    line-height: 24px;
    margin: 24px 0 12px 0;
}
.investor-t-5 {
    font-family: Montserrat, Montserrat;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 20px;
}
.investor-t-5 span {
    font-family: Montserrat, Montserrat;
    font-weight: 400;
    font-size: 16px;
    color: #1dcaab;
    line-height: 20px;
}