body {
    background-color: #fff;
    margin: 0px;
    font-family: arial;
    color: #fff;
}
h1 {
    margin: 0;
}
a {
    color: #0078ff;
}
p{
    color: #000;
}



.pc-banner {
    position: relative;
    width: 100%;
    height: 100%;
}

.pc-banner img {
    display: inherit;
    width: 100%;
    height: 100%;
}

.pc-banner .pc-banner-title {
    position: absolute;
    width: 100%;
    height: auto;
    line-height: 1rem;
    left: 25%;
    top: 30%;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: 5px;
    color: #fff;
    text-align: left;
}

.mobile-banner {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 1.2rem;
}

.mobile-banner .mobile-banner-title {
    position: absolute;
    width: 90%;
    height: auto;
    line-height: 1rem;
    left: 5%;
    top: 40%;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: 5px;
    color: #fff;
    text-align: left;
}

.mobile-banner img {
    display: inherit;
    width: 100%;
    height: 100%;
}

.lingdaozhe {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 0.5rem;
}

.lingdaozhe .lingdaozhe_container {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 0 20%;
    box-sizing: border-box;
}

.lingdaozhe .lingdaozhe_container .line {
    width: .03rem;
}

.lingdaozhe .lingdaozhe_container .line .sort-line {
    display: inline-block;
    width: 100%;
    height: .2rem;
    margin-top: .05rem;
    background: rgb(1, 149, 255);
}

.lingdaozhe .lingdaozhe_container .desc {
    flex: 1;
    padding: 0 2%;
    box-sizing: border-box;
}

.lingdaozhe .lingdaozhe_container .desc .lingdaozhe_desc {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-bottom: .2rem;
    line-height: .35rem;
    font-size: .2rem;
    font-weight: 500;
    letter-spacing: 2px;
    color: #868686;
}

.licheng {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: .5rem;
}

.licheng .licheng_container {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 20%;
    box-sizing: border-box;
}

.licheng .licheng_container .licheng_title {
    display: inline-block;
    width: 100%;
    height: auto;
    line-height: .5rem;
    font-size: .46rem;
    font-weight: 600;
    letter-spacing: 5px;
    color: rgb(1, 148, 251);
    text-align: center;
}

.licheng .licheng_container .licheng_desc {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-top: .15rem;
    line-height: .4rem;
    font-size: .25rem;
    font-weight: 500;
    letter-spacing: 3px;
    text-align: center;
    color: rgb(145,145,145);
}

.licheng .licheng_container .fazhan_time {
    position: relative;
    display: flex;
    width: 100%;
    height: 800px;
    margin-top: .4rem;
}

.licheng .licheng_container .fazhan_time .left {
    position: relative;
    flex: 1;
    height: 100%;
}

.licheng .licheng_container .fazhan_time .left .year-2018 {
    position: absolute;
    top: 16%;
}

.licheng .licheng_container .fazhan_time .left .year-2016 {
    position: absolute;
    top: 49%;
}

.licheng .licheng_container .fazhan_time .left .year-2014 {
    position: absolute;
    top: 80%;
}

.licheng .licheng_container .fazhan_time .left .year-dl2{
    display: flex;
    width: 100%;
    height: auto;
    line-height: .3rem;
    font-size: .16rem;
    font-weight: 500;
    letter-spacing: 2px;
    color: #000;
}

.licheng .licheng_container .fazhan_time .left .year-dl2 p{
    flex: 3.5;
    height: auto;
    margin-top: .1rem;
    font-size: .15rem;
    color: rgb(157, 157, 157);
}

.licheng .licheng_container .fazhan_time .left .year-dl2 span{
    flex: 1;
    height: .4rem;
    line-height: .4rem;
    font-weight: bold;
    font-size: .3rem;
    letter-spacing: 3px;
    text-align: center;
    color: #000;
}

.licheng .licheng_container .fazhan_time img {
    height: 100%;
}

.licheng .licheng_container .fazhan_time .right {
    position: relative;
    flex: 1;
    height: 100%;
}

.licheng .licheng_container .fazhan_time .right .year-2017 {
    position: absolute;
    top: 32%;
}

.licheng .licheng_container .fazhan_time .right .year-2015 {
    position: absolute;
    top: 65%;
}

.licheng .licheng_container .fazhan_time .right .year-2011 {
    position: absolute;
    bottom: -1.5%;
}

.licheng .licheng_container .fazhan_time .right .year-dl{
    display: flex;
    width: 100%;
    height: auto;
    line-height: .3rem;
    font-size: .16rem;
    font-weight: 500;
    letter-spacing: 2px;
    color: #000;
}

.licheng .licheng_container .fazhan_time .right .year-dl span{
    flex: 1;
    height: .4rem;
    line-height: .4rem;
    font-size: .3rem;
    font-weight: bold;
    letter-spacing: 3px;
    color: #000;
    text-align: center;
}

.licheng .licheng_container .fazhan_time .right .year-dl p{
    flex: 3.5;
    height: auto;
    margin-top: .1rem;
    font-size: .15rem;
    color: rgb(157, 157, 157);
}

.licheng .licheng_container .mobile_fazhan_time {
    position: relative;
    display: none;
    width: 100%;
    height: 600px;
    margin-top: .3rem;
}

.licheng .licheng_container .mobile_fazhan_time img {
    width: 5%;
    height: 100%;
}

.licheng .licheng_container .mobile_fazhan_time .right {
    flex: 1;
    height: 100%;
}

.licheng .licheng_container .mobile_fazhan_time .year-one {
    display: flex;
}

.licheng .licheng_container .mobile_fazhan_time .year-2019 {
    position: absolute;
    top: 0;
}

.licheng .licheng_container .mobile_fazhan_time .year-2018 {
    position: absolute;
    top: 16%;
}

.licheng .licheng_container .mobile_fazhan_time .year-2017 {
    position: absolute;
    top: 33%;
}

.licheng .licheng_container .mobile_fazhan_time .year-2016 {
    position: absolute;
    top: 49%;
}

.licheng .licheng_container .mobile_fazhan_time .year-2015 {
    position: absolute;
    top: 65%;
}

.licheng .licheng_container .mobile_fazhan_time .year-2014 {
    position: absolute;
    top: 81%;
}

.licheng .licheng_container .mobile_fazhan_time .year-2011 {
    position: absolute;
    bottom: -4%;
}

.licheng .licheng_container .mobile_fazhan_time .year-one span {
    flex: 1;
    height: auto;
    line-height: .5rem;
    font-weight: bold;
    font-size: .4rem;
    letter-spacing: 2px;
    text-align: center;
    color: #000;
}

.licheng .licheng_container .mobile_fazhan_time .year-one p {
    flex: 3.5;
    height: auto;
    line-height: .4rem;
    font-size: .25rem;
    font-weight: 500;
    letter-spacing: 3px;
    text-align: left;
    color: rgb(145,145,145);
}

.partner {
    position: relative;
    width: 100%;
    height: auto;
    background:#DFF2FF;
    margin-top: .4rem;
}

.partner .partner_container {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0 20%;
    box-sizing: border-box;
}

.partner .partner_container .partner_title {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-top: 1rem;
    line-height: .5rem;
    font-size: .46rem;
    font-weight: 600;
    letter-spacing: 5px;
    color: rgb(1, 148, 251);
    text-align: center;
}

.partner .partner_container .partner_desc {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-top: .15rem;
    line-height: .4rem;
    font-size: .25rem;
    font-weight: 500;
    letter-spacing: 3px;
    text-align: center;
    color: rgb(145,145,145);
}

.partner .partner_container .partner_list {
    margin: 0;
    margin-top: .4rem;
    background:#DFF2FF;

}

.partner .partner_container .partner_list .partner_one {
    margin-bottom: .2rem;
}

.partner .partner_container .partner_list .partner_one img {
    display: inline-block;
    width: 94%;
    height: 94%;
    margin-left: 3%;
}

.partner .partner_container .honor {
    position: relative;
    width: 100%;
    height: auto;
}

.partner .partner_container .honor .honor_title {
    display: inline-block;
     width: 100%;
     height: auto;
     margin-top: 1rem;
     line-height: .5rem;
     font-size: .46rem;
     font-weight: 600;
     letter-spacing: 5px;
     color: rgb(1, 148, 251);
     text-align: center;
}

.partner .partner_container .honor .honor_desc {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: .15rem;
    line-height: .4rem;
    font-size: .25rem;
    font-weight: 500;
    letter-spacing: 3px;
    text-align: center;
    color: rgb(145,145,145);

}

.partner .partner_container .honor .list {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    margin-top: .5rem;
    padding-bottom: .2rem;
}

.partner .partner_container .honor .list .list_one {
    height: 5rem;
    margin-bottom: .4rem;
    overflow: hidden;
    cursor: pointer;
    padding: 0 5px;
}

.partner .partner_container .honor .list .list_one .list_one_content {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
}

.partner .partner_container .honor .list .list_one .list_one_content img {
    display: block;
    width: 45%;
    margin: auto;
    padding-top: .5rem;
}

.partner .partner_container .honor .list .list_one .list_one_content .one_title {
    display: inline-block;
    width: 100%;
    height: .5rem;
    margin-top: .5rem;
    line-height: .5rem;
    font-size: .46rem;
    font-weight: 600;
    letter-spacing: 2px;
    text-align: center;
    color: #303030;
}

.partner .partner_container .honor .list .list_one .list_one_content .one_detail {
    display: inline-block;
    width: 100%;
    height: .3rem;
    margin-top: .1rem;
    line-height: .3rem;
    font-size: .24rem;
    letter-spacing: 2px;
    text-align: center;
    color: #888888;
}

.jinmaijiang_mask, .topdigital_mask, .databank_mask, .alibaba_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transition: all 300ms linear;
}

.one_mask .mask_content {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 10%;
    box-sizing: border-box;
}

.one_mask .mask_content .mask_title {
    display: inline-block;
    width: 100%;
    height: .5rem;
    margin-top: .8rem;
    line-height: .5rem;
    font-size: .35rem;
    font-weight: 600;
    color: #FCBF3A;
}

.one_mask .mask_content .mask_list {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-top: .5rem;
}

.one_mask .mask_content .mask_list li {
    width: 100%;
    margin-bottom: .2rem;
}

.one_mask .mask_content .mask_list li .mask_list_one {
    display: flex;
    width: 100%;
    height: auto;
}

.one_mask .mask_content .mask_list li .mask_list_one .one_icon {
    display: flex;
    float: left;
    width: .1rem;
    height: inherit;
    align-items: center;
}

.one_mask .mask_content .mask_list li .mask_list_one span {
    display: block;
    width: 100%;
    height: .1rem;
    background: #FCBF3A;
}

.one_mask .mask_content .mask_list li .mask_list_one .one_content {
    flex: 1;
    height: auto;
    margin-left: .2rem;
    font-size: .22rem;
    letter-spacing: 3px;
    color: #fff;
}

.yuanjing {
    position: relative;
    width: 100%;
    height: auto;
}

.yuanjing img {
    display: inherit;
    width: 100%;
    height: 100%;
    padding-bottom: 2px;
}

.yuanjing .yuanjing_desc {
    position: absolute;
    width: 100%;
    height: auto;
    line-height: 1rem;
    left: 25%;
    top: 25%;
    font-size: .5rem;
    font-weight: 300;
    letter-spacing: 5px;
    color: #fff;
    text-align: left;
}

.yuanjing .yuanjing_desc span{
    position: absolute;
    width: 100%;
    height: auto;
    line-height: 1rem;
    left: 0;
    top: 15%;
    font-size: .5rem;
    font-weight: 600;
    letter-spacing: 5px;
    color: #fff;
    text-align: left;
}

.yuanjing_mobile {
    position: relative;
    width: 100%;
    height: auto;
}

.yuanjing_mobile img {
    display: inherit;
    width: 100%;
    height: 100%;
}

.yuanjing_mobile .yuanjing_desc {
    position: absolute;
    width: 80%;
    height: auto;
    left: 10%;
    top: 20%;
    line-height: .7rem;
    font-size: .4rem;
    font-weight: 300;
    letter-spacing: 5px;
    color: #fff;
    text-align: left;
}

.yuanjing_mobile .yuanjing_desc span{
    font-size: .5rem;
    font-weight: 600;
}

.shiming {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 2px;
}

.shiming img {
    display: inherit;
    width: 100%;
    height: 100%;
}

.shiming .shiming_desc {
    position: absolute;
    width: 100%;
    height: auto;
    line-height: 1rem;
    left: 25%;
    top: 25%;
    font-size: .5rem;
    font-weight: 300;
    letter-spacing: 5px;
    color: #fff;
    text-align: left;
}

.shiming .shiming_desc span{
    position: absolute;
    width: 100%;
    height: auto;
    line-height: 1rem;
    left: 0;
    top: 15%;
    font-size: .5rem;
    font-weight: 600;
    letter-spacing: 5px;
    color: #fff;
    text-align: left;
}

.shiming_mobile {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: .1rem;
}

.shiming_mobile img {
    display: inherit;
    width: 100%;
    height: 100%;
}

.shiming_mobile .shiming_desc {
    position: absolute;
    width: 80%;
    height: auto;
    left: 10%;
    top: 20%;
    line-height: .7rem;
    font-size: .4rem;
    font-weight: 300;
    letter-spacing: 5px;
    color: #fff;
    text-align: left;
}

.shiming_mobile .shiming_desc span {
    font-size: .5rem;
    font-weight: 600;
}

.jiazhiguan {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 1%;
}

.jiazhiguan img {
    display: inherit;
    width: 100%;
    height: 100%;
}

.jiazhiguan .jiazhiguan_desc {
    position: absolute;
    width: 100%;
    height: auto;
    line-height: 1rem;
    left: 25%;
    top: 25%;
    font-size: .5rem;
    font-weight: 600;
    letter-spacing: 5px;
    color: #fff;
    text-align: left;
}

.jiazhiguan_mobile {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: .1rem;
}

.jiazhiguan_mobile img {
    display: inherit;
    width: 100%;
    height: 100%;
}

.jiazhiguan_mobile .jiazhiguan_desc {
    position: absolute;
    width: 80%;
    height: auto;
    left: 10%;
    top: 20%;
    line-height: .7rem;
    font-size: .4rem;
    font-weight: 600;
    letter-spacing: 2px;
    color: #fff;
    text-align: left;
}


.jingcai {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.jingcai .jingcai_container {
    position: relative;
    width: 100%;
    height: 100%;
}

.jingcai .jingcai_container .swiper-container {
    width: 15rem;
    height: 100%;
    margin: 0 auto;
    padding: 0 .4rem;
}

.jingcai .jingcai_container .swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
}

.jingcai_mobile {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: .4rem;
}

.jingcai_mobile img {
    display: inherit;
    width: 100%;
    height: 100%;
    margin-bottom: .2rem;
}
.gaikuang{
    width: 100%;
    background: url('../../images/home/20210712/gaikuang.jpg') no-repeat;
    background-size: 100% 100%;
    padding: 1.5rem 0 1.8rem;
}
.flex{
    display: flex;
    align-items: center;
}
.gaikuang_content{
    width: 12rem;
    margin: 0 auto;
    justify-content: space-between;
}
.gaikuang_content > div{
    width: 5.4rem;
}
.left_head{
    font-size: .3rem;
    color: #ffd200;
}
.left_text{
    font-size: .48rem;
    color: #ffffff;
    font-weight: bold;
}
.left_first{
    margin-bottom: 1.1rem;
}
.right_title{
    font-size: .36rem;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: .5rem;
}
.right_text {
    font-size: .2rem;
    color: #ffffff;
    text-align: justify;
    line-height: .35rem;
}
.right_first{
    margin-bottom: .5rem;
}
.jieshao{
    width: 100%;
    position: relative;
}
.jieshao img{
    display: inline-block;
    width: 100%;
}
.jieshao_content{
    width: 6.2rem;
    position: absolute;
    top: 1.4rem;
    left: 48%;
}
.jieshao_title{
    font-size: .36rem;
    color: #0096ff;
    margin-bottom: .9rem;
    font-weight: bold;
}
.jieshao_head{
    font-size: .24rem;
    color: #ffffff;
}
.jieshao_head1{
    font-weight: bold;
}
.jieshao_head2{
    margin-bottom: .6rem;
}
.jieshao_text{
    font-size: .18rem;
    color: #888888;
    text-align: justify;
    margin-bottom: .4rem;
    line-height: .3rem;
}
.wenhua{
    padding: 1rem 0 0;
}
.wenhua_title{
    text-align: center;
    font-size: .48rem;
    color: #333333;
    margin-bottom: .9rem;
    font-weight: bold;
}
.wenhua_title span{
    display: inline-block;
    font-size: .48rem;
    padding: 0 0.3rem;
    color: #FAD312;
}
.lunbo{
    width: 100%;
    margin-bottom: 0.1rem;
}
.lunbo img{
    width: 100%;
}
.history{
    position: relative;
    width: 100%;
    padding: .5rem 0 1.2rem 50%;
    background: #EBEBEB url('../../images/home/20210712/history_bg.jpg') no-repeat;
    background-size: 100%;
    background-position: bottom left;
    height: 8rem;
}
.history_title{
    font-size: .48rem;
    color: #0096ff;
    font-weight: bold;
    margin-bottom: .6rem;
}
.history_content{
    width: 7rem;
    height: 6.3rem;
    overflow: hidden;
}
#historyContent{
    width: 100%;
    height: 5rem;
    overflow: hidden;
    padding: 0 0 0 .1rem;
}
.history_text{
    padding: 0 0 .4rem 0.4rem;
    border-left: 0.02rem solid #ffffff;
    position: relative;
}
.history_text::before{
    position: absolute;
    left: -0.11rem;
    top: 0.1rem;
    content: '';
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
    display: inline-block;
    background: #ffffff;
}
.history_text div{
    font-size: 0.28rem;
    color: #0096ff;
    margin-bottom: .1rem;
}
.history_text li{
    padding-left: 0.1rem;
    font-size: .2rem;
    color: #333333;
    line-height: .35rem;
    display: flex;
    align-items: center;
}
.history_img {
    width: .4rem;
    position: absolute;
    bottom: .3rem;
    cursor: pointer;
    z-index: 99;
}
.history_img img{
    display: block;
    width: 100%;
}
.history_open{
    left: 50%;
}
.history_close{
    display: none;
    left: 75%;
}

@media screen and (max-width: 767px) {
    .lingdaozhe .lingdaozhe_container {
        padding: 0 5%;
    }

    .lingdaozhe .lingdaozhe_container .line {
        width: .1rem;
    }

    .lingdaozhe .lingdaozhe_container .line .sort-line {
        height: .3rem;
    }

    .licheng .licheng_container {
        padding: 0 5%;
    }

    .licheng .licheng_container .fazhan_time {
        display: none;
    }

    .licheng .licheng_container .mobile_fazhan_time {
        display: flex;
    }

    .partner .partner_container {
        padding: 0;
    }

    .partner .partner_container .partner_list .partner_one {
        padding: 0 5px;
    }

    .jinmaijiang_mask .mask_content,
  .topdigital_mask .mask_content,
  .databank_mask .mask_content,
  .alibaba_mask .mask_content {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 10%;
    box-sizing: border-box;
  }

  .jinmaijiang_mask .mask_content .mask_title,
  .topdigital_mask .mask_content .mask_title,
  .databank_mask .mask_content .mask_title,
  .alibaba_mask .mask_content .mask_title {
    display: inline-block;
    width: 100%;
    height: .5rem;
    margin: 0;
    margin-top: .4rem;
    line-height: .5rem;
    font-size: .35rem;
    font-weight: 600;
    color: #FCBF3A;
  }

  .jinmaijiang_mask .mask_content .mask_list,
  .topdigital_mask .mask_content .mask_list,
  .databank_mask .mask_content .mask_list,
  .alibaba_mask .mask_content .mask_list {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-top: .2rem;
  }

  .jinmaijiang_mask .mask_content .mask_list li,
  .topdigital_mask .mask_content .mask_list li,
  .databank_mask .mask_content .mask_list li,
  .alibaba_mask .mask_content .mask_list li {
    width: 100%;
    margin-bottom: .2rem;
  }

  .jinmaijiang_mask .mask_content .mask_list li .mask_list_one,
  .topdigital_mask .mask_content .mask_list li .mask_list_one,
  .databank_mask .mask_content .mask_list li .mask_list_one,
  .alibaba_mask .mask_content .mask_list li .mask_list_one {
    display: flex;
    width: 100%;
    height: auto;
  }

  .jinmaijiang_mask .mask_content .mask_list li .mask_list_one .one_icon,
  .topdigital_mask .mask_content .mask_list li .mask_list_one .one_icon,
  .databank_mask .mask_content .mask_list li .mask_list_one .one_icon,
  .alibaba_mask .mask_content .mask_list li .mask_list_one .one_icon {
    display: flex;
    float: left;
    width: .1rem;
    height: inherit;
    align-items: center;
  }

  .jinmaijiang_mask .mask_content .mask_list li .mask_list_one span,
  .topdigital_mask .mask_content .mask_list li .mask_list_one span,
  .databank_mask .mask_content .mask_list li .mask_list_one span,
  .alibaba_mask .mask_content .mask_list li .mask_list_one span {
    display: block;
    width: 100%;
    height: .1rem;
    background: #FCBF3A;
  }

  .jinmaijiang_mask .mask_content .mask_list li .mask_list_one .one_content,
  .topdigital_mask .mask_content .mask_list li .mask_list_one .one_content,
  .databank_mask .mask_content .mask_list li .mask_list_one .one_content,
  .alibaba_mask .mask_content .mask_list li .mask_list_one .one_content {
    flex: 1;
    height: auto;
    margin: 0;
    margin-left: .2rem;
    font-size: .22rem;
    letter-spacing: 3px;
    color: #fff;
  }

  .jingcai {
      height: 1.5rem;
  }

  .jingcai .jingcai_container .swiper-container {
    width: 94%;
    margin-left: 3%;
    padding: 0;
    }

    .swiper-button-prev, .swiper-button-next {
        display: none;
    }

    .lingdaozhe .lingdaozhe_container .desc .lingdaozhe_desc {
        font-size: .25rem;
    }
}