.introduce{
    position: absolute;
    top: 25rem;
    z-index: 1;
    width: 100%;
    margin: 0 auto;
    display: block;
    color: #fff;
}

.introduce .title{
    font-size: 40px;
    font-weight: bold;
    display: inline-block;
    border-bottom: 0.5rem solid  #00B6C2;
}

.introduce .titleen{
    font-size: 14px;
    font-weight: 400;
}

.introduce .content{
    padding: 0 5rem 0 0;
    font-size: 20px;
    font-weight: 400;
    text-align: left;
}

.one{
}
.one .bg{
    margin:1rem 5rem;
    height: 30rem;
    background-image: url('/static/home/image/about/one.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}






.two{
    position:relative;
    box-sizing: border-box;
}
.two .bg{
    margin:0rem 5rem;
    height: 50rem;
    background-image: url('/static/home/image/about/two.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.two .culture{
    /* position: absolute;*/
    /* bottom: 5rem;*/
    /* width: 100%;*/
    /*margin: 5rem auto;*/
    position: absolute;
    padding: 0 8rem;
    font-size: 24px;
    font-weight: 400;
    top: 35rem;
    width: 100%;
    margin: 1rem auto;
    line-height: 35px;
    color: #fff;
}

.two .culture .title{
    font-size: 40px;
    font-weight: bold;
    line-height: 54px;
    display: inline-block;
    border-bottom: 0.5rem solid #00B6C2;
}

.two .culture .subtitle{
    margin-top: 1rem;
    font-size: 14px;
    font-weight: 400;
}

.two .culture .content{
    text-align: left;
    margin-top: 1rem;
    font-size: 20px;
    font-weight: 400;
}

.map{
   margin-top: 5rem;
    padding: 0 8rem;
}
.map .my-echart
{
    border: 1px #00aecd dashed;
    width: 100%;
    height: 25rem;
}


.map  .title{
    margin-top: 2rem;
    font-size: 40px;
    font-weight: bold;
    line-height: 54px;
    display: inline-block;
    border-bottom: 0.5rem solid #00B6C2;
}


.map  .subtitle{
    margin-top: 1rem;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5rem;
}

.map p{
    margin-top: 1rem;
    font-size: 14px;
    font-weight: 400;
}


.three{
    position:relative;
    box-sizing: border-box;
}
.three .bg{
    margin: 5rem;
    height: 30rem;
    background-image: url('/static/home/image/about/three.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


.three .upgrade{
    position: absolute;
    top: 5rem;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 0 10rem;
    color: #ffffff;
}

.three  .title{
    margin-top: 2rem;
    font-size: 40px;
    font-weight: bold;
    line-height: 54px;
    display: inline-block;
    border-bottom: 0.5rem solid #00B6C2;
}


.three  .subtitle{
    margin-top: 1rem;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5rem;
}



.three .upgrade img{
     width: 96px;
    height: 96px;
}

.four{
   padding: 0 10rem;
}
.four .bg{
    margin: 5rem;
    height: 40rem;
    background-image: url('/static/home/image/about/four.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.four .title{
    font-size: 40px;
    font-weight: bold;
    color: #333333;
    display: inline-block;
    border-bottom: 0.5rem solid #00B6C2;
}


.four .subtitle{
    margin-top: 1rem;
    font-size: 14px;
    font-weight: 400;
}