.company {position: relative;z-index: 9;background: #fff;padding:3rem 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: #004a96 1px 0 0, #004a96 0 1px 0, #004a96 -1px 0 0, #004a96 0 -1px 0;
}
.company .y {
    font-size: 3rem;
    font-family: "Swis721BlkCnBT";
    display: inline-block;
    background-image: linear-gradient(to right, #117be7, #004a96 );
    -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 .since {
        font-size: 2.5rem;
    }
    .company .y {
        font-size: 2.5rem;
    }
    .company .left {padding: 1rem 0 2rem;width:100%;}
    .company .left .intro p {font-size:1rem;}
    .company .right{ width: 100%;}
}



.culture {padding:5rem 0;background: #fbfbfb;}
.culture .title {text-align: center;position: relative;margin-bottom: 0.5rem;}
.culture .title .cn {
    font-size: 3rem;
    font-weight: 600;
    color:#4f4f4f;
    position: relative;
    z-index: 2;
}
.culture .title .en {
    font-size: 6rem;
    font-family: "Swis721BlkCnBT";
    text-transform: uppercase;
    color: #fff;
    opacity: 0.4;
    text-shadow: #8dc5f7 1px 0 0, #8dc5f7 0 1px 0, #8dc5f7 -1px 0 0, #8dc5f7 0 -1px 0;
    position: absolute;
    bottom:0;
    left:50%;
    transform: translateX(-50%);
}

.culture .box li .icon {
    margin-bottom: 0.5rem;
}
.culture .box li .tit {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}
.culture .box li .tit2 {
    font-size: 1rem;
    margin-bottom: 2rem;
}
.culture .box li p {
    font-size: 1rem;
    line-height: 2rem;
}

@media  screen and (min-width: 1000px){
    .culture .box {
        width:100%;
        margin-top: 2rem;
    }
    .culture .box ul{
        margin-bottom: 1rem;
    }
    .culture .box li{
        width:24.625%;
        margin-right: 0.5%;
        height:18rem;
        padding: 2rem;
        color:#fff;
        background: #004a96;
        float: left;
        transition: 0.5s;
        box-shadow: 0 2px 10px 0 rgba(0, 17, 45, 0.1);
        border-radius: 4px;
    }
    .culture .box li:last-child {
        margin-right: 0;
    }
    .culture .box li.act {width:49.75%;background: url('../images/culture.jpg');background-position: center;}
    .culture .box li.nact {width:16.25%;background: #fff;color:#333;}
    .culture .box li.nact svg path{fill:#333;}

    .culture .box ul:nth-child(2n) li:nth-child(2n) {
        background: #fff;
        color:#333;
    }
    .culture .box ul:nth-child(2n) li:nth-child(2n) svg path{
        fill:#333;
    }

    .culture .box ul:nth-child(2n) li p{
        transition: 0.5s;
    }
    .culture .box ul:nth-child(2n) li:hover p{
        transform: translateY(-0.5rem);
    }


    .culture .box ul:nth-child(2n) li:hover .icon svg{ animation: jello 1s;}
    @-webkit-keyframes jello {
        from, 11.1%, to { -webkit-transform: none; transform: none }
        22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
        33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
        44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
        55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
        66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
        77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
        88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
    }
}
@media  screen and (max-width: 1200px){
    .culture .box li{
        padding:1rem;
    }
}

@media  screen and (max-width: 1000px){
    .culture {padding:3rem 0;}
    .culture .title .cn {
        font-size: 2rem;
    }
    .culture .title .en {
        font-size: 4rem;
    }
    .culture .box ul:nth-child(1){
        margin-top: 2rem;
    }
    .culture .box li{
        width:50%;
        padding-top:2rem;
        text-align: center;
        color: #575757;
        float: left;
        /*background: #004a96;*/
        height:250px;
        box-shadow: 0 2px 10px 0 rgba(0, 17, 45, 0.1);
        border-radius: 4px;
    }
    /*.culture .box li:nth-child(1) {*/
    /*    background: #5baacd;*/
    /*}*/
    /*.culture .box li:nth-child(4) {*/
    /*    background: #5baacd;*/
    /*}*/
    /*.culture .box li:nth-child(5) {*/
    /*    background: #5baacd;*/
    /*}*/
    /*.culture .box li:nth-child(8) {*/
    /*    background: #5baacd;*/
    /*}*/

    .culture .box li .icon svg{
        width:2rem;
        height:2rem;
        margin-bottom: 0.5rem;
    }
    .culture .box li .icon svg path{
        fill: #575757;
    }
    .culture .box li .tit {
        font-size: 1.5rem;
        margin-bottom: 0.8rem;
    }
}




.wenhua .line{height: 3rem;border-top: 2px solid #004a96;margin-top: 3rem;}
.wenhua .box1 {display: flex;}
.wenhua .box1 .left {width:50%;padding-right:1rem;}
.wenhua .box1 .right {width:50%;padding-left:1rem;display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;}
.wenhua .box1 h3 {
    margin-bottom: 3rem;font-size: 2.2rem;letter-spacing: 10px;
    font-family: "AlimamaDongFangDaKai";
}
.wenhua .box1 .p1 {
    margin-bottom: 2rem;font-size: 1.8rem;color: #2b2b2b;letter-spacing: 10px;
    font-family: "AlimamaDongFangDaKai";
}


.wenhua .box3 {margin-bottom: 3rem;}
.wenhua .box3 h3 {margin-bottom: 2rem;font-size: 2rem;}
.wenhua .box3 .desc {margin-bottom: 2rem;font-size: 1.2rem;color: #2b2b2b;line-height: 2rem;}
.wenhua .box3 ul {display: flex;justify-content: space-between;}
.wenhua .box3 ul li {width:30%;padding:5rem 3rem;
    box-shadow: 0 2px 10px 0 rgba(0, 17, 45, 0.1);
    border-radius: 8px;}
.wenhua .box3 ul li .p1 {font-size: 1.5rem;margin-bottom: 1rem;color: #000000;}
.wenhua .box3 ul li .p2 {font-size: 1rem;line-height: 2rem;color: #5b5b5b;padding-right: 2rem;}

@media  screen and (max-width: 768px){
    .wenhua .line{height: 2rem;border-top: 2px solid #004a96;margin-top: 2rem;}
    .wenhua .box1, .wenhua .box2{display: block;}
    .wenhua .box1 .left,.wenhua .box1 .right,.wenhua .box2 .left,.wenhua .box2 .right {width:100%;padding:0;}
    .wenhua .box1 h3 {margin-top: 2rem;}
    .wenhua .box2 .p2 {margin-bottom: 2rem;}
    .wenhua .box3 ul {display: block}
    .wenhua .box3 ul li {width:100%;padding:3rem 2rem;margin-bottom: 1rem;border-bottom:1px solid #efefef;}
}