.company {position: relative;z-index: 9;background: #fff;padding:5vh 0;}
.company .tt{ padding-bottom: 1.2rem;position: relative;}
.company .tt .cn{ font-size: 2.5rem; color: #404040; font-weight: bold; margin-bottom: 1.2rem;}
.company .since {
    margin-right: 0.5rem;
    font-size: 3rem;
    text-transform: uppercase;
    font-family: "Swis721BlkCnBT";
    color: #fff;
    text-shadow: #8dc5f7 1px 0 0, #8dc5f7 0 1px 0, #8dc5f7 -1px 0 0, #8dc5f7 0 -1px 0;
}
.company .y {
    font-size: 3rem;
    font-family: "Swis721BlkCnBT";
    display: inline-block;
    background-image: linear-gradient(to right, #8dc5f7, #09a2ea );
    -webkit-background-clip: text;
    color: transparent;
}
.company .left .intro{ color: #767676; line-height: 2rem;text-indent: 2rem;text-align: justify;}
.company .left .intro p {font-size:1rem;}

@media  screen and (min-width: 1000px){
    .company .box {display: flex;align-items: center;justify-content: center;}
    .company .left {padding: 3rem 0 2rem;width:50%;}

    .company .right{ width: 50%;padding-left: 3%;}
}

@media  screen and (max-width: 1000px){
    .company .tt .cn {font-size: 1.8rem;}
    .company .left {padding: 3rem 0 2rem;width:100%;}
    .company .left .intro p {font-size:1rem;}
    .company .right{ width: 100%;}
}