@import "common.css";


.about-me .banner{background: url("../img/aboutMe/banner.png") no-repeat;background-size: 100%;height: 2.79rem;text-align: center}
.about-me .banner > .banner-title{font-size:0.24rem;color: #ffffff;padding-top: 1.07rem}
.about-me .banner > .banner-title-sub{margin-top:0.23rem;color: #ffffff;font-size: 0.19rem}


.about-me .company-info{width:100%;height: 4.9rem;background: url("../img/aboutMe/abount-bg-01.png") #F8FAFE no-repeat;background-size: 100%;}
.about-me .company-info > .desc {padding-top: 0.4rem}
.about-me .company-info > .desc > .title{font-size: 0.16rem;color: #333333;text-align: center;}
.about-me .company-info > .desc > .detail{font-size: 0.09rem;color: #727981;padding: 0 1.72rem;line-height: 0.16rem;margin-top: 0.42rem}

.about-me .company-info .company-extra{padding: 0 1.32rem;margin-top: 0.45rem}
.about-me .company-info .item{text-align: center;}
.about-me .company-info .item .title{font-size: 0.09rem;color: #333333;}
.about-me .company-info .item .item-content{font-size: 0.09rem;color:#727981;margin-top: 0.15rem;}
.about-me .company-info .item .item-img{width: 1.56rem;margin: 0 auto;margin-top: 0.14rem}
.about-me .company-info .item .item-img img{width: 100%}

.about-me .team{width: 100%;height: 4.17rem;background: #F2F6FF;position: relative}
.about-me .team > .title {padding-top: 0.42rem;font-size: 0.16rem;color: #333333;text-align: center}
.about-me .team > .text-list{width: 4rem;margin-left: 1.72rem;margin-top: 0.42rem;}
.about-me .team > .text-list > .text-panel{margin-bottom: 0.13rem;width: 3.78rem}
.about-me .team > .text-list > .text-panel > .title {font-size: 0.13rem;color: #333333;padding-left: 0.21rem}
.about-me .team > .text-list > .text-panel > .title-01{background: url("../img/aboutMe/team-icon-01.png") no-repeat left;background-size: 0.13rem}
.about-me .team > .text-list > .text-panel > .title-02{background: url("../img/aboutMe/team-icon-02.png") no-repeat left;background-size: 0.13rem}
.about-me .team > .text-list > .text-panel > .title-03{background: url("../img/aboutMe/team-icon-03.png") no-repeat left;background-size: 0.13rem}
.about-me .team > .text-list > .text-panel > .title-04{background: url("../img/aboutMe/team-icon-04.png") no-repeat left;background-size: 0.13rem}
.about-me .team > .text-list > .text-panel > .sub-title {font-size: 0.09rem;color: #727981;line-height: 0.16rem;padding-top: 0.02rem}
.about-me .team > .team-bg {width: 2.08rem;height: 2.4rem;background: url("../img/aboutMe/team-bg.jpg") no-repeat;background-size: 100%;position: absolute;top:1.1rem;right: 1.72rem}


.about-me .contract{width: 100%;height: 4.17rem;background: #F8FAFE;position: relative}
.about-me .contract > .title {padding-top: 0.42rem;font-size: 0.16rem;color: #333333;text-align: center}
.about-me .contract > .map-panel {width: 6rem;height: 2.29rem;margin: 0.42rem auto 0.47rem auto;padding: 0.21rem 0.28rem;
    background: linear-gradient(139deg, #FFFFFF 0%, #FFFFFF 41%, #F2F6FF 100%);
    box-shadow: 0rem 0rem 0.08rem 0.01rem rgba(203,224,254,0.5);
    border-radius: 0.05rem 0.05rem 0.05rem 0.05rem;}
.about-me .contract > .map-panel .left {display: inline-block;width: 1.1rem;padding-right: 0.2rem;border-right: 1px solid #DDDDDD;float: left}
.about-me .contract > .map-panel .left .list {border-bottom: 1px solid #DDDDDD;padding: 0.14rem;font-size: 0.13rem;color: #727981;text-align: center;cursor: pointer}
.about-me .contract > .map-panel .left .list:last-child{border: 0}
.about-me .contract > .map-panel .left .list-active{color: #1677FF}

.about-me .contract > .map-panel .right{display: inline-block;padding-left: 0.56rem}
.about-me .contract > .map-panel .right > .title {font-size: 0.13rem;color: #727981}
.about-me .contract > .map-panel .right > .sub-title {font-size: 0.08rem;color: #727981;padding-top: 0.05rem}
.about-me .contract > .map-panel .right > .map {width: 3.44rem;height: 1.5rem;margin-top: 0.13rem;background: #d4d4d4}