.banner{
    height:824px;
    min-width: 1200px;
    background-color:#808080;
}
.banner > div{
    height:100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
}

/*外包*/
.outsourcing{
    height:408px;
    background: url(../images/outsourcing/outsourcing_bg.jpg) center no-repeat;
    background-size:cover;
    padding:88px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.outsourcing > .container > p{
    text-align: center;     
    font-size: 16px;
    font-weight: 400;
    color: #808080;
    line-height: 30px;
    margin-top:45px;
}
/*核心竞争力*/
.competitiveness{
    padding:97px 0 90px;
}
.competitiveness-wrap{
    overflow: hidden;
    margin-top:60px;
}
.competitiveness-wrap > div{
    float: left;
    width: 33.3333%;
    padding:0 50px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.competitiveness-item{
    width:300px;
    height:300px;
    padding:37px 25px 0 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    border-radius: 2px;
    border: 1px solid rgba(217,217,217, .5);
}
.competitiveness-title{    
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    line-height: 14px;
    margin-top:36px;
}
.competitiveness-title > span{
    font-size:24px;
    color:#E60012;
}
.competitiveness-text{
    font-size: 16px;
    font-weight: 400;
    color: #808080;
    line-height: 32px;
    margin-top:14px;
}
/*服务内容*/
.content{
    height:886px;
    padding:90px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background:url(../images/logistics/content_bg.jpg) center no-repeat;
}
.content-wrap{
    overflow: hidden;
    margin-top:60px;
    position: relative;
}
.content-left{
    width:190px;
    position: absolute;
    top:50%;
    left:0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border-right:2px solid rgba(188,188,188, .5);
    z-index: 2;
}
.content-left > div{  
    width: 136px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    color:#101010;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
}
.content-left > div + div{
    margin-top:20px;
}
.content-left > div.active{
    background: #E60012;
    color:#fff;
}
.content-right{
    padding-left:320px;
}
.content-text{
    display: none;
    position: relative;
    text-align: center;
}
.content-text > div{
    position: absolute;
    bottom:54px;
    left:115px;
    right:115px;
    font-size: 16px;
    font-weight: 400;
    color: #555555;
    line-height: 32px;
    text-align: left;
}
.content-text:nth-of-type(1) > div{
    bottom:32px;
}
.content-text > div p + p{
    margin-top:23px;
}
.content-text.active{
    display: block;
}

/*案例*/
.case{
    height:950px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding:90px 0;
    background: #F7F7F7;
}
.case-tab{
    overflow: hidden;   
    font-size: 18px;
    font-weight: 500;
    color: #666666;
    line-height: 60px;
    margin-top:40px;
    letter-spacing: 1px;
    border-bottom:2px solid #EDEDED;
}
.case-tab > div{
    float:left;
    width:50%;
    cursor: pointer;
    text-align: center;
}
.case-tab > div.active{
    border-bottom: 3px solid #E60012;
}
.case-title{
    text-align: center;   
    font-size: 16px;
    font-weight: 400;
    color: #808080;
    line-height: 30px;
    margin:50px 0;
}
.case-content{
    display: none;
}
.case-content.active{
    display: block;
}
.case-text{
    background-color:#fff;
    overflow: hidden;
}
.case-text > div{
    float:left;
    width:400px;
    height:400px;
    position: relative;
}
.case-text > div img{
    display: block;
    margin:40px auto;
}
.case-text .case-name{
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #808080;
}
.case-text .case-info{
    padding:0 57px;
    margin-top:26px;
    font-size: 14px;
    font-weight: 400;
    color: #808080;
    line-height: 32px;
    list-style-type: disc;
}
.case-text > div:nth-of-type(1)::before{
    width:1px;
    height:200px;
    background: #D8D8D8;
    content: '';
    position: absolute;
    right:0;
    top:50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.case-text > div:nth-of-type(2)::before{
    width:1px;
    height:200px;
    background: #D8D8D8;
    content: '';
    position: absolute;
    right:0;
    top:50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}