.company {position: relative;z-index: 9;background: #fff;padding:2rem 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, #00a0e9, #e71f1d);
    -webkit-background-clip: text;
    color: transparent;
}


@media  screen and (min-width: 1000px){
    .company .box {display: flex;justify-content: space-between;align-items: center;}
    .company .left {padding: 3rem 0 2rem;width:50%;}
    .company .left .intro{ color: #767676; line-height: 30px;text-indent: 30px;text-align: justify;}
    .company .left .intro p {font-size:1rem;}
    .company .right{ width: 50%;padding-left: 3%;}
}

@media  screen and (max-width: 1000px){
    .company .tt .cn{ font-size: 2rem;}
    .company .left {margin-bottom: 0.5rem;}
    .company .left .intro{ color: #767676; line-height: 30px;text-indent: 30px;text-align: justify;}
    .company .left .intro p {font-size:1rem;}
    .company .right{ }
}




.culture {
    padding:2rem 0;
    background: url('../images/wenhua.jpg');
    background-repeat: no-repeat;
    /*background-position: right center;*/
    background-size:cover;
}

.culture .title {
    color:#fff;
    margin-top: 15%;
}
.culture .title .en{
    font-size: 1.5rem;
    margin-bottom: 1rem;
}
.culture .title .cn{
    font-size: 2.5rem;
    font-weight: 600;
}

.culture .box {margin-top: 3rem;display: flex;justify-content: space-between;}
.culture .box .item {width:45%;padding: 3rem 2rem;background: #91756585;;margin-bottom: 2rem;color:#fff;box-shadow:0 4px 3px 0 #100e0e;}
.culture .box .item .t1 {font-size: 1.5rem;margin-bottom: 2rem;text-transform: uppercase;}
.culture .box .item .t2 {font-size: 1rem;}

.culture .box .item2 {width:32%;margin-right:2%;}
.culture .box .item2:last-child{margin-right: 0;}
.culture .box .item:hover .t1{color:#e71f1d;}

@media  screen and (min-width: 1000px){
    .culture {
        height:100vh;
    }
}

@media  screen and (max-width: 1000px){
    .culture .box {display: block;}
    .culture .box .item {width:100%;}
    .culture .title .cn{
        font-size: 2rem;
    }
}