/*indexstart*/
/*nav*/

.navbar {
    /*position: relative;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
}
.navbar-dark .navbar-nav .nav-link {
    color: #FFFFFF!important;
}
.nav-link {
    display: block;
    padding: 0 1rem;
    line-height: 60px;
}
.navbar-nav {
margin:auto;
}
.navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}
.navbar-dark .navbar-nav .nav-link:hover {
    color: #16A8F1!important;
    background-color: #fff;
}
#nav-link-a{
    color: red;
    cursor: default;
}
#nav-link-a:hover{
    background-color:transparent;
}
.navbar-brand {
    display: inline-block;
    margin-right: 1rem;
    margin-left: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    line-height: 60px;
    padding: 0;
}
.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    margin-right: 1rem;
}
.bg-dark {
    color: #FFFFFF!important;
    background-color: #1716f1!important;
    /*background-color: #fff !important;
    background: -webkit-linear-gradient(left, #fff , rgba(0, 123, 255, 0.25)); /* Safari 5.1 - 6.0 */
   /* background: -o-linear-gradient(right, #fff, rgba(0, 123, 255, 0.25)); /* Opera 11.1 - 12.0 */
    /*background: -moz-linear-gradient(right, #fff, rgba(0, 123, 255, 0.25)); /* Firefox 3.6 - 15 */
    /*background: linear-gradient(to right, #fff , rgba(0, 123, 255, 0.25)); /* 标准的语法（必须放在最后） */
}
.nav-item{
    float: left;
}

@media (max-width: 991px) {
.bg-dark {
    color: #FFFFFF!important;
    background-color: #fff !important;
    background: -webkit-linear-gradient(left, #fff , rgba(0, 123, 255, 0.25)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #fff, rgba(0, 123, 255, 0.25)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #fff, rgba(0, 123, 255, 0.25)); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fff , rgba(0, 123, 255, 0.25)); /* 标准的语法（必须放在最后） */
}
.navbar-dark .navbar-nav .nav-link {
    color: #16A8F1!important;
}
.navbar-dark .navbar-nav .nav-link:hover {
    color: #16A8F1!important;
    background-color: #fff;
}
}
@media (min-width: 768px) {
    .carousel-inner img {
        width: 100%;
        height: 100%;
    }
}
/*轮播*/
.carousel-inner{
    position: relative;
    height: 650px;

}
.carousel-caption {
    position: absolute;
    right: 15%;
    top: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
@media (max-width: 768px) {
    .carousel-inner{
        height: 255px;
    }
}
@media (max-width: 500px) {
    .carousel-inner{
    height: 200px;
    }
}
.carousel-inner .waybill_query{
    position: absolute;
    bottom: 0;
    left: 0px;
    z-index: 999;
}
/*运单查询框*/
.form-control {
    border: 1px solid #047ef9;
}
.py-md-4{
    padding-top: 1.5rem !important;
}
.form-group{
    position: relative;
}
.btn-info{
    position: absolute;
    right: 20px;
    top: 6px;
}
#waybill_area1{
    transition: height 0.5s;
    resize: none;
    border-radius: 25px;
    line-height: 2.2;
    padding-right: 80px;
}

.carousel-inner img {
    width: 100%;
    height: 150px;
    z-index: 9999;
}

/*运单查询详情*/
.waybill_info{
    /*height: 0;*/
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 9999;
    background-color: rgba(245,245,245,245);
    display: none;
}
.waybill_contain{

}
.waybill_close{
    position: absolute;
    right: 40px;
    top: 20px;
    cursor: pointer;
}

.carousel-control-prev,
.carousel-control-next {
    /* float: left; */
    height: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    top: 50%;
    margin-top: -25px;
}
.cont-img{
    height: 650px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#main_ad{
  
}

/*tese*/
#tese{
    margin-bottom: 50px;
}
#tese>.container>.row>.tese-move{
    padding: 0px 20px;
    margin-top: 30px;
}
#tese>.container>.row a{
    text-decoration: none;
    color: black;
    display: block;
    text-align: center;
}
#tese .tese-icon>i{
    font-size: 66px;
    color: lightgray;
    display: block;
    margin-bottom: 5px;
}
/*#tese>.container>.row>.tese-move>a:hover{*/
    /*color: lightskyblue;*/
/*}*/

@keyframes tesemovestart {
    from {
        transform:rotate(0deg);
    }
    to{
        transform:rotate(40deg);
    }
}
@keyframes tesemoveend {
    from {
        transform:rotate(40deg);
    }
    to{
        transform:rotate(0deg);
    }
}
/*小车动画*/
#ljyy{
    position: relative;
    height: 102px;
    margin-bottom: 50px;
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
    padding: 18px 0;
    overflow: hidden;
}
.icon-truck{
    color: lightgray;
    font-size: 66px;
}
.icon-travel{
    color: lightgray;
    font-size: 66px;
}
.truck-left{
    display: inline-block;
    position: absolute;
    left: 0;
    animation: carmovestart 10s linear infinite;
}
.travel-right{
    position: absolute;
    right: 0;
    animation: travelup 1s linear infinite alternate;
}
@keyframes carmovestart {
    from{
        left: 0;
    }
    to{
        left: 1900px;
    }
}
@keyframes travelup {
    from{
        top: 0;
    }
    to{
        top: 36px;
    }
}
@keyframes travelsize {
    from{
        opacity: 1;
        font-size: 66px;
    }
    to{
        opacity: 0;
        font-size: 30px;
    }
}

/*tabs选项卡*/
.card-img-top {
    width: 100%;
    height: 200px;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}
#nav-tabs{ 
    margin-bottom: 50px;
}
#nav-tabs>.container>.nav-tabs{
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
}
#nav-tabs>.container>.nav-tabs>li>a{
    display: block;
    height: 100%;
    cursor: default;
    font-size: 18px;
    color: #343a40;
    /*width: 80px;*/
    padding: 0 5px;
    text-align: center;
}
#nav-tabs>.container>.nav-tabs>li>a:hover{
    text-decoration: none;
}
#nav-tabs>.container>.tab-content a{
    text-decoration: none;
    color: black;
}
#nav-tabs>.container>.tab-content a:hover{
    text-decoration: none;
}
        #profile img{
            max-width: 100%;
        }
        #home .card-head{
            height: 200px;
            width: 100%;
            overflow: hidden;
        }
        .card img{
            transition: all 0.6s;
        }
        .card img:hover{
            transform: scale(1.2);
        }
        .card:hover{
            background-color: #0093DD;
            color: #fff !important;
        }

.nav-tabs .active{
     border-bottom: 1px solid red;
     color: red !important;
 }
.tab-content{
    padding: 20px;
}
.nav {
    display: block;
}
.card-overflow{
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
}
/*baiyun*/
#baiyun{
    background-color: #36638d;
    position: relative;
    /*width: 100%;*/
    height: 200px;
    overflow: hidden;
    margin-bottom: 30px;
}
#baiyun>.animate>#img1{
    position: absolute;
    left: -300px;
    animation:baiyun1move 46s linear infinite;
}
#baiyun>.animate>#img2{
    position: absolute;
    left: -300px;
    animation:baiyun2move 46s linear 10s infinite;
}
@keyframes baiyun1move {
    from{
        left: -300px;
    }
    to{
        left: 2000px;
    }
}
@keyframes baiyun2move {
    from{
        left: -300px;
    }
    to{
        left: 2000px;
    }
}

    @keyframes move1 {
        from{
            left: -300px;
        }
        to{
            left: 800px;
        }
    }
    @keyframes move2 {
        from{
            left: -300px;
        }
        to{
            left: 800px;
        }
    }
/*版权*/
#copyright{
    margin-bottom: 50px;
    margin-top: 100px;
    margin-bottom:180px;
}
.copyright-ul{
    text-decoration: none;
    list-style: none;
    color: gray;
}
.copyright-ul>li{
    padding-right: 10px;
    float: left;
}
.copyright-ul>li>a{
    color: gray;
}
.copyright-ul>li .num{
    color: red;
}
.copyright-ul>li>a:hover{
    text-decoration: none;
    color: blue;
}
/*indexend*/

/*aboutstart*/
#about-imgcard{
    margin-bottom: 50px;
}
#about-column{
    margin-bottom: 50px;
}
#about-column>.row>.about-card{
    margin-bottom: 20px;
}
#about-column>.row a{
    color: black;
}
#about-column>.row a:hover{
    color: lightskyblue;
    text-decoration: none;
}
#about-img>img{
    width: 100%;
    height: 100%;
}
/*aboutend*/

/*joinstart*/
#join-img{
    text-align: center;
    background-color: #f8f8f8;
    padding: 30px 0;
}
@media(max-width: 768px){
    #join-img img{
        width: 200px;
    }
    #join-tabs>.container #company img{
        width: 250px;
    }
}
#join-banner{
    background-color: #f8f8f8;
    text-align: center;
}

#join-process{
    padding: 20px 0;
}
#join-process>.container>.row>.join-process-move{
    padding: 0px 70px;
}
#join-process>.container>.row a{
    text-decoration: none;
    color: black;
    display: block;
    text-align: center;
    color: dodgerblue;
}
#join-process .join-process-icon>i{
    font-size: 66px;
    color: cornflowerblue;
    display: block;
    margin-bottom: 5px;
}
#join-process .container span{
    float: right;
}

#join-tabs{
    margin-bottom: 50px;
    height: 1000px;
}
#join-tabs>.container>.nav-tabs{
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
}
#join-tabs>.container>.nav-tabs>li>a{
    display: block;
    height: 100%;
    cursor: default;
    font-size: 18px;
    color: #343a40;
    /*width: 80px;*/
    padding: 0 5px;
    text-align: center;
}
#join-tabs>.container>.nav-tabs>li>a:hover{
    text-decoration: none;
}
#join-tabs>.container>.tab-content a{
    text-decoration: none;
    color: black;
}
#join-tabs>.container>.tab-content a:hover{
    text-decoration: none;
    color: red;
}
#join-tabs>.container .join-industry{
    text-indent: 2em;
    line-height: 30px;
}
#join-tabs>.container .join-tabs-img{
    height: 400px;
}
#join-tabs>.container #product .join-product-describe>span{
    color: blue;
}


/*joinend*/
/*运单输入 */
.NodeDetail-content p{
    margin-top: 7px;
}

.flowChart .NodeDetail-content div>span{
    margin:0 10px;
}

.NodeDetail-content>.order{
    margin:15px 0;
    font-size: 20px;
    border-top: 1px solid lightskyblue;
    border-bottom: 1px solid lightskyblue;
}
.NodeDetail-content>.order>span{
    margin-right:10px;
}
.NodeDetail-content>.order>i{
    font-style: normal;
    margin-left: 0px;
    padding-left: 0px;
}
.NodeDetail-content>.dv>span{
    margin-right:10px;
}
.NodeDetail-content>.dv>i{
    font-style: normal;
    margin-left: 0px;
    padding-left: 0px;
}

.searche{
    margin-bottom: 150px;
}