*{margin:0;padding:0}
.pd50{padding:10px 0}
.w1400{width:1280px;margin:0 auto}
.w1500{width:1500px;margin:0 auto}

.banner-div{
    position:relative;
    background:#fafafa;
    min-height:600px
}
/*搜索框*/
.search-div{
    width:970px;
   margin:0 auto;
   position:relative
}
.search-div input{
    margin-bottom:100px;
     border-radius:50px;
     height:60px;
     text-indent:20px;
     width:100%;
     outline:none;
     font-size:16px
}
.search-a {
    position:absolute;
    display: flex;
    align-items:center;
    justify-content:center;
    border-radius: 50px;
    height: 60px;
    width: 100px;
    background-image: linear-gradient(-45deg,#23a4f8 0%, #75c8fb 100%);
    right:0;
    top:0
}
.nav-div {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -80px;
    z-index:9999
}
.navList-ul {
    display: flex;
    justify-content: space-around;
    background: #fff;
    border-radius: 15px;
    box-shadow:2px 5px 5px #ddd;
    padding: 20px 10px;
}
.navList-li{
    display:flex;
    justify-content:center;
    flex-wrap:wrap
}
    .navList-li a {
        background-image: linear-gradient(-45deg,#23a4f8 0%, #75c8fb 100%);
        border-radius: 20px;
        text-align: center;
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center
    }
.navList-li a img{
    width:70px
}
.navList-txt {
    text-align: center;
    width:100%;
    margin:10px 0
}
.navList-t1 {
    color: #222;
    font-size: 18px;
}
.navList-t2{
    color: #a1a1a1
}


/*集运流程*/
.process {
    min-height: 680px;
    display: flex;
    background: #fafafa;
    padding-top:100px
}
.process-ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
    flex-wrap:wrap;
    align-items:center
}
.process-li-items {
    width: 85%;
    text-align: right;
    padding: 10px;
}
.process-li {
    width: 29%;
    display: flex;
    background: #fff;
    border-radius: 10px;
    padding: 30px
}
.process-a {
    display: flex;
    justify-content:space-around;
    align-items:center;
    width:100%
}
.process-item-txt h4{
    color:#c5c5c5;
    font-size:16px
}
.process-item-p1{
    color:#333;
    font-size:22px;
    margin:10px 0
}
.process-item-p2 {
    color: #777777;
    font-size: 18px;
    margin: 10px 0;
    margin-bottom:20px
}
.process-line {
    background:#ff4949;
    width:20px;
    height:3px
}

/*��������*/
.AboutUS-div {
    display: flex;
    justify-content: space-between;
}
.AboutUS-p{
    text-indent:30px;
    margin-bottom:10px;
    font-size:18px;
    line-height:24px
}
.AboutUS-img, .AboutUS-txt {
    width: 45%
}
.AboutUS-txt{
    width:52%
}
/*时效渠道*/
.channel-div {
    background: url('../newImage/channel-back.png') center no-repeat;
    padding: 10px 0 40px 0;
    padding-top: 20px;
    min-height:570px;
}

.channel-item {
    padding: 15px;
    background: #fff;
    border-radius: 0 0 10px 10px;
    padding-bottom:30px
}

.channel-ul {
    display: flex;
    justify-content: space-around;
    margin-top:50px
}

.channel-li {
    width: 23%;
    box-shadow: 1px 6px 9px #dddd;
    overflow: hidden;
    border-radius: 15px;
}

    .channel-li img {
        width: 100%
    }

.channelBox-ul {
    display: flex;
    justify-content: space-between
}

.channelBox-li {
    font-size: 14px;
    text-align: center;
    position: relative
}

.channelBoxs:after {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 30px;
    background: #aaa;
    right: -15px
}

.channelBox-p1 {
    font-size: 18px;
    margin-bottom: 5px;
    color:#ff5656
}
.channelBox-p2{
    font-size:14px;
    color:#777777
}
.channel-tit {
    font-size: 22px;
    margin: 0px 0 30px 0;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.channel-tit-item {
    position: relative;
    z-index:9999
}
.channel-item-span {
    position: absolute;
    right: 0;
    bottom: -5px;
    width: 35px;
    height: 12px;
    background: #e3f1fa
}
.channel-tit-span {
    color: #c5c5c5;
    font-size: 12px
}
/*我们的优势*/
.advantage-div {
    background:#fafafa;
    padding:10px 0 40px 0
}
.advantage {
    min-height: 600px;
    display: flex;
    background: #fafafa
}

.advantage-ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
    flex-wrap: wrap
}

.advantage-li {
    width: 24%;
    display: flex;
    margin-bottom: 40px;
    padding: 10px 0;
    border-right:1px dashed #ddd
}
.advantage-li:last-child{
    border:0
}
.advantage-a {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%
}

.advantage-item-p1 {
    color: #333;
    font-size: 20px;
    margin: 10px 0
}

.advantage-item-p2 {
    color: #777777;
    font-size: 12px;
    margin: 10px 0
}

.advantage-line {
    background:#ddd;
    width:40px;
    height:1px
}

/*集运动态*/
.news {
    background:#fff;
    padding-bottom:80px
}
.news-ul {
    display: flex;
    justify-content: space-between
}
.news-li {
    width: 30%;
    box-shadow:1px 6px 9px #dddd;;
    border-radius: 10px;
    overflow: hidden
}
.news-li a{
    display:flex;
    flex-wrap:wrap
}
.news-li a img {
    width: 100%
}
.news-li-div{
    padding:10px;
    text-align:left;
    background:#fff;
    border:1px solid #cdcccb;
    width:100%;
    font-size:16px
}
.news-item {
    padding:10px 20px;
    box-sizing:border-box;
    padding-bottom:30px
}
.news-item-top{
    padding:10px 0
}
.news-item-count{
    color:#444;
    font-size:14px
}
.news-item-span1 {
    font-size: 20px;
}
.news-item-span2{
    font-size:14px;
    display:inline-block;
    color:#b0b0b0
}
.news-notice{
    margin-bottom:10px
}
.news-item-title {
    color: #7F7D7D;
    margin-top: 10px
}
/*为什么选择*/
.choose-div {
    position: relative;
    display: flex;
    justify-content:space-around;
    background: #fafafa;
    margin-top:60px
}
.choose-item {
    background: #e3f1fa;
    position: absolute;
    height: 130px;
    width: 80px;
    top: -35px;
    right: 120px;
}
.choose-l {
    width: 50%;
    padding-right: 60px
}
.choose-l h3{
    font-size:40px;
    z-index:999;
    position:relative
}
.choose-l p{
    font-size:22px;
    color:#1da1f8;
    margin:10px 0;
     z-index:999
}
.choose-txt{
    font-size:16px;
    margin:50px auto;
    line-height:32px;
    color:#878787
}

.choose-img{
    position:absolute;
    bottom:40px
}
.choose-img-item{
    position:relative
}
.choose-img-txt-left {
    position: absolute;
    left: 80px;
    bottom: 140px;
    line-height: 42px;
    font-size: 18px;
}
.choose-img-txt-right {
    position: absolute;
    right: 80px;
    bottom: 140px;
    line-height: 42px;
    font-size: 18px;
}
/*公共头部*/
.comm-tit {
    margin: 20px auto;
    margin-bottom:40px;
    text-align:left
}
.comm-tit-t1 {
    font-size: 32px;
    text-align: center;
    font-weight:bold;
    position:relative;
    padding-left:20px
}
    .comm-tit-t1:after {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 5px;
        height: 35px;
        background: #053b7d
    }
.comm-tit-t2 {
    font-size: 18px;
    color: #666;
    display:inline-block;
    margin-left:10px
}