.logistics-banner .banner{
    width: 100%;
    height: 365px;
    position: relative;
    margin: 50px 0;
}
.logistics-banner .banner-color{
    width: 100%;
    height: 100%;
    border-radius: 50px;
    background: linear-gradient(142deg, #009fe3 0%, #037fff 100%);
}
.logistics-banner .banner-top{
    position: absolute;
    left: 0;
    background: #fff;
}
.logistics-banner h2{
    font-family: var(--third-family);
    font-weight: 700;
    font-size: 80px;
    color: var(--h-gray);
}
.logistics-banner .banner-top{
    padding: 0 40px 40px 0;
    border-radius: 0 0 50px 0;
}
.logistics-banner .banner-top::before{
    content: '';
    position: absolute;
    right: -50px;
    height: 50px;
    width: 50px;
    background: url(img/elem1.png) center;
    transform: rotate(270deg);
}
.logistics-banner .banner-top::after{
    content: '';
    position: absolute;
    bottom: -50px;
    left: 0;
    height: 50px;
    width: 50px;
    background: url(img/elem1.png) center;
    transform: rotate(270deg);
}
.logistics-banner .banner-top.second{
    top: 120px;
    padding-bottom: 0;
    border-radius: 0 0 50px 0;
}
.logistics-banner .banner-top.second h2{
    margin-bottom: 10px;
}
.logistics-banner .banner-top.second::after{
    right: 0;
    left: 0;
    bottom: -49px;
    transform: rotate(-90deg);
}
.logistics-banner .banner-top.second::before{
    right: -49px;
    left: auto;
    top: 0;
    transform: rotate(270deg);
}
.logistics-banner .banner-bottom::before{
    content: '';
    position: absolute;
    bottom: 0px;
    left: -49px;
    /* top: 0; */
    height: 50px;
    width: 50px;
    background: url(img/elem1.png) center;
    transform: rotate(90deg);
}
.logistics-banner .right_bottom_text{
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 25px 0 0 20px;
    border-radius: 25px 0 0 0;
}
.logistics-banner .right_bottom_text a{
    color: var(--h-gray);
    margin-right: 7px;
    padding-right: 7px;
    border-right: 1px solid var(--h-gray);
}
.logistics-banner .right_bottom_text a:last-child{
    margin-right: 0;
    padding-right:0;
    border-right: 0;
}
.logistics-banner .right_bottom_text::before{
    content: '';
    position: absolute;
    left: -25px;
    height: 25px;
    width: 25px;
    background: url(img/elem2.png) center;
    transform: rotate(90deg);
    bottom: -1px;
}
.logistics-banner .right_bottom_text::after{
    content: '';
    position: absolute;
    top: -50px;
    right: 0;
    height: 50px;
    width: 50px;
    background: url(img/elem1.png) center;
    transform: rotate(90deg);
}
.logistics-banner form input {
    padding: 15px 28px;
    width: 516px;
}

.logistics-banner .banner-bottom {
    padding: 50px 0 0 50px;
    background: #fff;
    border-radius: 50px 0 0 0;
    position: absolute;
    bottom: 0;
    right: 0;
}
.logistics-banner form button {
    border-radius: 100%;
    background: var(--gray);
    border: 0;
    padding: 15px;
    cursor: pointer;
    position: absolute;
    margin-left: -50px;
}
.logistics-banner form button:hover {
    background: #898989;
}
.logistics-banner .text_after{
    max-width: 495px;
    margin-left: 125px;
}
.logistics-banner .line_after{
    display: block;
    width: 100%;
    margin-top: 50px;
    border: 1px solid #6b707f7a;
}
@media screen and (max-width: 1600px) {

}
@media screen and (max-width: 1400px) {

}
@media screen and (max-width: 1200px) {
    .logistics-banner .banner-bottom{
        padding: 30px 0 0 30px;
    }
    .logistics-banner form input{
        padding: 12px 20px;
    }
    .logistics-banner form button{
        margin-left: -44px;
    }
}
@media screen and (max-width: 960px) {

}
@media screen and (max-width: 768px) {
    .logistics-banner form input{
        width: 100%;
    }
}
@media screen and (max-width: 560px) {

}
@media screen and (max-width: 320px) {

}