.index_01 {
    background: url(/National_Library/20181105034639oe_/https://hashkey.capital/static/images/index_bg1.png) no-repeat top center;
    background-size: cover;
    background-size: 100% 100%;
    background: #eee;
}

.banner {
    position: relative;
}

.banner_con {
    width: 100%;
    z-index: 10;
    position: relative;
}

.banner_con h2 {
    font-weight: 700;
    line-height: 1.2em;
    width: 57%;
    white-space: nowrap;overflow: hidden;
}

.banner_con p {
    margin: 10px 0
}

.bannerImg {
    width: 63%;
    position: absolute;
    right: 100px;
    top: 40.1%;

}

a.viewDel {
    background: url(/National_Library/20181105034639oe_/https://hashkey.capital/static/images/index_02.png) no-repeat center;
    background-size: cover;
    width: 209px;
    height: 50px;
    display: block;
    line-height: 50px;
    padding-left: 30px
}

.index_02 {
    padding-left: 100px;
    position: relative;
    margin-top: -4%;
    padding-top: 4%
}

.rortfolio_l {
    float: left;
    width: 53%;
    height: 100%;
    background: rgba(255,255,255,.7);
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    padding: 4% 5%;
    box-sizing: border-box
}

.rortfolio_l li {
    margin-bottom: 8%
}

.rortfolio_l li:last-child {
    margin-bottom: 0
}

.rortfolio_l li dd {
    font-weight: 700
}

.rortfolio_l li dd em {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px
}

.rortfolio_l li dt p {
    margin-top: -10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.rortfolio_r {
    width: 53%;
    position: absolute;
    right: 0;
    top: 20%;
    height: 100%;
    background: url(/National_Library/20181105034639oe_/https://hashkey.capital/static/images/index_03.png) no-repeat;
    background-size: 100% 100%;
    color: #fff;
    padding: 5%;
    box-sizing: border-box;
    z-index: 2
}

.rortfolio_r h2 {
    line-height: 1.2em
}

.rortfolio_txt {
    margin-top: 20px;
    height: 65%
}

.rortfolio_img {
    width: 932px;
    max-width: 48%;
    top: 55%
}

.rortfolio_img img {
    width: 100%
}

.index_03 {
    position: relative;
    z-index: 2;
    /*padding-bottom: 3%;*/
    /*background: url(/National_Library/20181105034639oe_/https://hashkey.capital/static/images/newbg2.jpg) no-repeat center;*/
    /*background-size: cover;*/
}

.logoList {
    position: relative
}

.logoList ul {
    overflow: hidden;
    display: block
}

.logoList li {
    float: left;
    width: 20%;
    text-align: center;
    padding: 30px 10px;
    box-sizing: border-box;
    border-bottom: 2px solid #b2b2b2
}

.logoList li a {
    display: block
}

.logoList li dd {
    width: 105px;
    height: 125px;
    display: inline-block;
    margin-bottom: 20px
}

.logoList li dd img {
    width: 105px;
    height: 105px;
    margin-top: 20px;
    transition: all .3s
}

.logoList li dt {
}

.logoList li dt p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.logo_p {
    text-align: center;
    color: #b2b2b2;
    margin-top: 40px
}

.logoList .lhl_but {
    display: none
}

.logoList .lhl_but div {
    background: 0 0;
    font-size: 24px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 100%
}

.index_04 {
    padding: 3% 0;
    padding-top: 6%;
    margin-top: -3%
}

.team_tit {
    text-align: center;
    margin-bottom: 4%
}

.team_tit h2 {
    font-weight: 700
}

.teamList {
    margin-left: -35px;
    margin-right: -35px;
    position: relative;
    padding: 0 10%
}

.teamList ul {
    display: block;
    text-align: center
}

.teamList li {
    width: 33.3%;
    float: left;
    padding: 0 35px;
    box-sizing: border-box;
    margin-bottom: 5%;
    box-sizing: border-box
}

.teamList li dl {
    border-bottom: 1px solid #000
}

.teamList li dd {
    overflow: hidden;
    position: relative
}

.teamList li dd span {
    width: 58px;
    height: 58px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(/National_Library/20181105034639oe_/https://hashkey.capital/static/images/sj_01.png) no-repeat center;
    transition: all .3s
}

.teamList li dt {
    padding: 20px 0;
    text-align: left
}

.teamList li dt p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.teamList li:first-child,.teamList li:nth-child(2),.teamList li:nth-child(3) {
}

.teamList .lhl_but {
    display: none
}

.teamList .lhl_but div {
    background: 0 0;
    font-size: 24px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    background: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 100%
}


@media only screen and (min-width: 1025px) {
    .logoList li a:hover dd img {
        margin-top:0
    }

    .teamList li a:hover {
        color: #000!important
    }

    .teamList li a dd:hover span {
        transform: translateY(100%)
    }
}

@media only screen and (max-width: 1800px) {
    .index_02 {
        padding-left:5%
    }

    .bannerImg {
        right: 5%
    }
}

@media only screen and (max-width: 1600px) {
}

@media only screen and (max-width: 1440px) {
}

@media only screen and (max-width: 1366px) {
    .in_contact-div p {
        font-size:12px
    }
}

@media only screen and (max-width: 1280px) {
    .teamList {
        margin-left:-20px;
        margin-right: -20px
    }

    .teamList li {
        padding: 0 20px
    }

    .teamList li dt {
        padding: 20px 0
    }
}

@media only screen and (max-width: 1180px) {
    .rortfolio_l li {
        margin-bottom:5%
    }

    .rortfolio_l li dt p {
        margin-top: -5px
    }

    .rortfolio_txt {
        height: 190px;
        overflow: hidden
    }

    .in_contact-l,.in_contact-r {
        width: 100%
    }

    .in_contact-r ul {
        float: left;
        margin-top: 30px
    }

    .in_contact-div p {
        padding: 0 70px 0 50px
    }
}

@media only screen and (max-width: 1024px) {
    .banner_con p {
        margin:30px 0
    }

    .logoList li dd {
        width: 90px;
        height: 90px
    }

    .logoList li dd img {
        width: 90px;
        height: 90px;
        margin-top: 0
    }

    .logoList li dt p {
        font-size: 14px
    }

    .team_tit {
        margin-bottom: 40px
    }

    .team_tit h2 {
        margin-bottom: 20px
    }

    .team_tit p br {
        display: none
    }

    .teamList li dd span {
        width: 32px;
        height: 32px
    }

    .index_05 {
        height: auto!important;
        padding-bottom: 40px
    }
}

@media only screen and (max-width: 767px) {
    .banner {
        /*height:400px!important*/
    }

    .banner_con p {
        margin: 20px 0
    }

    .banner_con p br {
        display: none
    }

    .banner_con h2 br {
        display: none
    }

    .bannerImg {
        top: 69.1%
    }

    .rortfolio_l li {
        float: left;
        width: 50%
    }

    .index_02 {
        padding-left: 0;
        height: auto!important
    }

    .rortfolio_l,.rortfolio_r {
        width: 100%
    }

    .rortfolio_l {
        padding: 30px 5%
    }

    .rortfolio_l li dt p {
        margin-top: 0
    }

    .rortfolio_r {
        position: static;
        overflow: hidden;
        padding: 30px 10% 30px 5%
    }

    .rortfolio_img {
        display: none
    }

    .logoList ul {
        display: flex;
        overflow: initial
    }

    .logoList .lhl_but {
        display: block
    }

    .logo_p {
        margin-top: 20px
    }

    .index_03 {
        padding-bottom: 0px
    }

    .logoList li {
        padding: 20px 0
    }

    .teamList {
        margin-left: 0;
        margin-right: 0;
        padding: 0 0%
    }

    .teamList ul {
        display: flex
    }

    .teamList li {
        padding: 0
    }

    .teamList .lhl_but {
        display: block
    }
}

.content_con {
    padding: 12% 0 5%;
    box-sizing: border-box
}

.nav ul>li.content_a>a {
    display: inline-block;
    padding: 0 5px
}

.content_con h2 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 30px
}

.nav ul>li.content_a>a.on {
    color: #0054ca!important
}

.pImg img {
    height: 500px;
    width: auto;
    margin: 0 15px
}

@media only screen and (max-width: 1024px) {
    .pImg img {
        height:300px;
        margin: 0 8px
    }

    .nav ul>li.content_a>a {
        padding: 0 14px;
        width: auto;
        margin: 0
    }

    .content_a {
        color: #fff;
        text-align: left
    }
}

@media only screen and (max-width: 767px) {
    .pImg img {
        height:175px;
        margin: 0 3px
    }
}
/*新加的css*/
/*.newIndex{background: url(/National_Library/20181105034639oe_/https://hashkey.capital/static/upload/index_bg.jpg) no-repeat center;background-size: cover;}*/
.banner{padding-top: 12%;}
.inwrap{
    max-width: 1440px;
    margin: 0 auto;
    width: 90%;
}
.bannerImg{
    width: 60%;
    right: 0;
    top: 5%;
}
.banner_con-txt p{width: 50%;word-break: break-word;max-height: 278px;overflow: hidden;}
.banner_con-txt p .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #000!important;}
.index_02{padding: 0;}
.index_02{padding-top: 10%;margin-top: -5%;}
.rortfolio_t ul{box-sizing: border-box;overflow: hidden;display: flex;justify-content: space-between;padding-top: 70px;padding-bottom: 50px;}
.rortfolio_t ul li{float: left;text-align: center;margin-bottom: 40px;}
.rortfolio_t ul li dl{text-align: center;display: inline-block;}
.rortfolio_t ul li dd{font-family:Alibold;line-height: 70px;}
.rortfolio_t ul li dt{text-align: center;}
.rortfolio_t ul li:last-child{border-right: 0;}
.rortfolio_c{display: inline-block;width: 100%;}
.index_title{margin-top: 4%;}
.index_title{font-family:AliHeavy;margin-bottom: 20px;}
.index_title h2{font-weight: bold;}
.rortfolio_c .index_title{overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.rortfolio_c .index_title h2{float: left;}
.rortfolio_c .index_title a{float: right;
    border-radius: 20px;
    width: 150px;
    height: 50px;
    line-height: 50px;
    background: #000;
    color: #fff;
    display: inline-block;
    text-align: center;
}
.rortfolio_c .index_title a i{font-size: 14px;}
.rortfolio_list{position: relative;}
.rortfolio_list ul{margin-left: -20px;margin-right: -20px;}
.rortfolio_list li{float: left;width: 25%;box-sizing: border-box;padding: 0 20px;margin-bottom: 40px;}
.rortfolio_list li dl{position: relative;border: 1px solid #000;border-radius: 25px;overflow: hidden;}
.rortfolio_list li dd{overflow: hidden;}
.rortfolio_list li dt{padding: 15px 15px 20px;box-sizing: border-box;background: #fff;}
.rortfolio_list li dt span{color: #6B6767;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rortfolio_list li dt p{line-height: 25px;height: 50px;overflow: hidden;}
.rortfolio_list .lhl_but{display: none;}
.rortfolio_list .lhl_but div{background:#999999;width: 60px;height: 60px;line-height: 60px;text-align: center;border-radius: 100%;color: #fff;font-size: 36px;margin-top: -30px;}
.rortfolio_list .lhl_but div.swiper-button-prev{left: -50px;}
.rortfolio_list .lhl_but div.swiper-button-next{right: -50px;}
.rortfolio_list .swiper-button-prev.swiper-button-disabled,.rortfolio_list .swiper-button-next.swiper-button-disabled{display: none;}
.index_04{padding-top: 4%;/*background: url(/National_Library/20181105034639oe_/https://hashkey.capital/static/images/newbg3.jpg) no-repeat center;background-size: cover;*/}
.index_04 .index_title{margin-bottom: 40px;}
.rortfolio_b .index_title{margin-top: 4%;}
.rortfolio_f .inwrap{border-bottom: 5px solid #000;}
.rortfolio_f-list li{margin-bottom: 30px;}
.rortfolio_f-list dl{position: relative;}
.rortfolio_f-list dd img{width: 100%;}
.rortfolio_f-list dt{width: 47%;left: auto;right: 4%;text-align: right;}
.rortfolio_f-list dt img{width: 60%;}
.rortfolio_f-list dt p{margin: 30px 0;line-height: 35px;max-height: 105px;overflow: hidden;}
.rortfolio_f-list dt a{border-radius: 20px;width: 208px;height: 64px;line-height: 64px;background: #000;color: #fff;display: inline-block;text-align: center;}
.rortfolio_f-list dt a i{font-size: 14px;display: inline-block;vertical-align: middle;margin-left: 10px;}
.rortfolio_f-list li:nth-child(2n) dt{left: 4%;right: auto;text-align: left;}
.rortfolio_f-list li:nth-child(2n) dt a{text-align: center;}
.rortfolio_f-text{text-align: center;margin: 4% 0;color: #1B2026;}
.rortfolio_b-btn{bottom: 50px;top: auto;z-index: 10;}
.rortfolio_b-btn a{background: url(/National_Library/20181105034639oe_/https://hashkey.capital/static/images/Vector_11.png) no-repeat center;background-size: cover;width: 304px;height: 94px;text-align: center;display: block;line-height: 94px;}
.rortfolio_b-btn a i{font-size: 16px;margin-left: 10px;display: inline-block;vertical-align: middle;margin-top: -3px;}

.example2{position: absolute;left: -1px;top: 0;width: 100%;word-break: break-word;word-spacing: 60px;}
.example2 span:before{display: none;}
.gray{color: #bcb8b8;word-break: break-word;word-spacing: 60px;}
.modular1{position: relative;z-index: 3;}
.modular1 .map-make{
    position: relative;
    padding: 20%;
    overflow: hidden;
    margin-top: -4%;
}
.modular1 .map-box{
    border: 2px solid #000;
    border-radius: 50%;
    padding: 43%;
    position: absolute;
    left: 7%;
    top: 7%;
}
.modular1 .img-box{
    position: absolute;
    width: 80%;
    top:25%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.modular1 .map-box li{
    position: absolute;
    left: 50%;
    top: 0;
    padding: 3%;
    height: 50%;
    margin-left: -3%;
}
.modular1 .map-box li span{
    border-radius: 50%;
    padding: 50%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0,-50%);
}
.modular1 .map-box li span img{
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 60%;
    max-height: 60%;
    transform: translate(-50%,-50%);
}
.modular1 .map-box li:nth-child(10)~li{
    display: none;
}
.rortfolio_b{position: relative;overflow: hidden;}
.line02{height: 100%;margin-left: 3px;}
.line02 img{height: 100%;}
.modular1 .map-box li.black span{background: #000;}
.modular1 .map-box li.black span img{max-width: 100%;max-height: 100%;}
@media only screen and (min-width: 1025px) {
    .rortfolio_link a:hover{color: #fff!important;opacity: .8;}
}
@media only screen and (max-width: 1560px) {
    .example2,.gray{word-spacing: 40px;}
    .bannerImg{right: -5%;}
}
@media only screen and (max-width: 1366px) {
    .rortfolio_t ul li dd{line-height: 60px;}
    .example2,.gray{word-spacing: 30px;}
    .rortfolio_t ul{padding-top: 50px;padding-bottom: 20px;}
}
@media only screen and (max-width: 1024px) {
    .rortfolio_t ul{padding: 0px 0;}
    /*.rortfolio_t ul{padding: 40px 20px 10px;}*/
    /*.rortfolio_t ul li{width: 50%;}*/
    .rortfolio_t ul li dd{line-height: 50px;}
    .rortfolio_t ul li:nth-child(2n){border-right: 0;}
    .rortfolio_list li{width: 50%;}
    .rortfolio_f-list dt{width: 50%;}
    .rortfolio_f-list dt img{width: 50%;}
    .rortfolio_f-list dt p{line-height: 24px;max-height: 72px;margin: 20px 0;}
    .rortfolio_f-list dt a{width: 120px;height: 40px;line-height: 40px;}
    .rortfolio_f-list dt a i{margin-left: 5px;}
    .rortfolio_f-text{margin: 40px 0;}
    .rortfolio_list .lhl_but div.swiper-button-prev{left: -30px;}
    .rortfolio_list .lhl_but div.swiper-button-next{right: -30px;}
    .rortfolio_b-btn{bottom: 20px;}
    .rortfolio_b-btn a{
        width: 200px;
        height: 62px;
        line-height: 62px;
    }
    .rortfolio_b-btn a i{margin-left: 3px;}
    /*.banner{padding-top: 8%;}*/
    .bannerImg{top: 15%;}
}
@media only screen and (max-width: 767px) {
    .banner{padding-top: 30px;}
    .banner_con-txt p{width: 100%;}
    .bannerImg{position: static;width: 100%;}
    .banner_con h2{width: 100%;white-space: inherit;}

    .rortfolio_t ul{padding: 0px 0;}
    .rortfolio_t ul li{width: 100%;border-right: 0;text-align: left;margin-bottom: 20px;}
    .rortfolio_list ul{margin-left: 0;margin-right: 0;}
    .rortfolio_list li{width: 100%;padding: 0;margin-bottom: 20px;}
    .index_title{margin-top: 40px;margin-bottom: 20px;}
    .rortfolio_f-list li{margin-bottom: 20px;}
    .rortfolio_f-list li dd,.rortfolio_f-list li dt{width: 100%;}
    .rortfolio_f-list li dd{padding-left: 0;padding-bottom: 0;}
    .rortfolio_f-list li dt{position: static;padding: 30px 20px!important;overflow: hidden;transform: none;background: #fff;}
    .rortfolio_f-list li:nth-child(2n) dd{padding-right: 0;}

    .rortfolio_t ul{display: block;}
    .rortfolio_t ul li{width: 50%;text-align: center;}
    .index_04 .index_title{margin-bottom: 20px;}
    .modular1 .map-make{margin-top: -6%;}
    .modular1 .map-box{top: 9%;}
    .modular1 .map-box li{padding: 5%;margin-left: -5%;}
    .rortfolio_c .index_title a{width: 110px;height: 40px;line-height: 40px;}
    .rortfolio_list .lhl_but div{width: 40px;height: 40px;line-height: 40px;margin-top: -20px;font-size: 28px;}
    .rortfolio_list .lhl_but div.swiper-button-prev{left: -15px;}
    .rortfolio_list .lhl_but div.swiper-button-next{right: -15px;}
    .rortfolio_b-btn{bottom: 5px;}
    .rortfolio_b-btn a{
        width: 180px;
        height: 54px;
        line-height: 54px;
    }
    .rortfolio_b-btn a i{margin-left: 0;margin-top: -2px;}

}
@media only screen and (min-width: 2000px) {
    .bannerImg{
        width: 52%;
        right: 5%;
        top: 10%;
    }
}


/*20240723*/
.index_04{padding-bottom: 0;}
.rortfolio_f .inwrap{border: none;}