#company .banner{
    width: 100%;
    height: 31.25vw;
}

#company .cos{

}

#company .cos ul{
    margin:20px auto;
}
#company .cos li{
    min-width:13%;
    margin:5px;
    display:inline-block;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    text-align:center;
    padding:5px 0;
    border-radius:4px;
    cursor: pointer;
}
#company .cos li p{
    font-size:16px;
}
#company .cos li.active{
    background:#f90;
    color:#fff;
}
#company .cos li:hover{
    background:#f90;
    color:#fff;
}
/*#company .cos .item{
    background: rgba(255,255,255,0.9);
    text-align:center;
    position:relative;
}
#company .cos .item p{
    font-weight:700;
    padding:25px 0;
    font-size:20px;
    position:relative;
    z-index:3;
}
#company .cos .item.active{
    color:#fff;
}
#company .cos .item.active span{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background:rgba(0,0,0,0.7);
    z-index:2;
}*/

#company .detail h3{
    font-size:26px;
    font-weight:700;
}
#company .detail .image{
    height:300px;
    margin-right:50px;
}
#company .detail .text{
    margin:15px auto;
}
#company .detail .text p{
    font-size:16px;
}

.main .title{
    font-size:28px;
    font-weight:700;
    color:#333;
}
.main .time{
    color:#999;
}
.main .content{
    margin:30px auto;
}
.main .content p{
    font-size:16px;
}


/* PAD */
@media screen and (min-width:768px) and (max-width:1199px) {
  #company .cos li{
    min-width:15%;
  }
}

/* 手机 */
@media screen and (max-width:767px) {
    #company .cos li{
        min-width:45%;
    }
    #company .detail h3{
        font-size:20px;
    }
    #company .detail .text p{
        font-size:14px;
    }
    #company .cos ul{
        margin-bottom:20px;
    }
    #company .detail .image{
        margin:6px auto;
        height: 200px;
    }
    #company .cos {
        padding-top: 0;
    }
}