.green—color{
    color: #00CC8C;
}
.yellow—color{
    color: #EC933E;
}
.section-list-box{
    text-align: center;
}

.section-list-box .h4-title{
    font-size: 38px;
    font-weight: 700;
    text-align: center;
    color: #000000;
}
.section-list-box .vc-title{
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #000000;
    margin-top: 25px;
}
.section-help,.section-efficient-service-process{
    width: 100%;
    background: #f6F7F9;
    background-image: url(https://ec-img.eccang.com/www/eccang/img/2021/04/25/ec_1619321441.png),url(https://ec-img.eccang.com/www/eccang/img/2021/04/25/ec_1619321431.png);
    background-repeat: no-repeat, no-repeat;
    background-position: -15% -40%, 115% 140%;
    background-size: 30% 60%,30% 60%;
    padding-bottom: 50px;
    transition: all 1s;
    -moz-transition: all 1s;

}
.section-help:hover,.section-efficient-service-process:hover{
    background-position: 0% -16%, 106% 110%;
}
.yuyue-btn-box,.yuyue-btn-box:focus{
    width: 116px;
    height: 40px;
    opacity: 1;
    background: #2269f0;
    border-radius: 4px;
    line-height:40px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    margin-right: 20px;

}
.yuyue-btn-box:hover{
    background: #2681ff;
}
/*************banner***********************/

section-banner{
    position: relative;
}
.section-banner .img-box img{
    width: 100%;
}
.section-banner .index-banner-content{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 36px;
    font-weight: 500;
    color: #333333;
    line-height: 73px;
}
.section-banner .index-banner-content .title{
    padding-top:200px;
    font-size: 48px;
    font-weight: 600;
    line-height: 68px;
}
.section-banner .index-banner-content .vc-title{

    line-height: 36px;
    margin-top: 30px;
}
.section-banner .index-banner-content .vc-title .vc-title1{
    font-size: 24px;
    font-weight: bold;
}
.section-banner .index-banner-content .vc-title .vc-title2{
    font-size: 18px;
    font-weight: 400;
}
.section-banner .index-banner-content .index-banner-btn a{
    margin-top: 25px;
    width: 160px;
    height: 48px;
    opacity: 1;
    background: #2269f0;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    line-height: 48px;
    display: inline-block;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

.section-banner .index-banner-content .index-banner-btn a:hover{
    background:#2681ff;
}
@keyframes paomadeng {
    from {
        transform: translateX(0%);
        -ms-transform: translateX(0%); /* IE 9 */
        -moz-transform: translateX(0%); /* Firefox */
        -webkit-transform: translateX(0%); /* Safari 和 Chrome */
        -o-transform: translateX(0%);
    }

    to {
        transform: translateX(-100%);
        -ms-transform: translateX(-100%); /* IE 9 */
        -moz-transform: translateX(-100%); /* Firefox */
        -webkit-transform: translateX(-100%); /* Safari 和 Chrome */
        -o-transform: translateX(-100%);
    }
}
.section-banner .wms-horn{
    height: 40px;
    background:rgba(236,241,255,0.83);
    color:rgba(42,125,225,1);
    line-height: 40px;
    white-space: nowrap;
}
.section-banner .wms-horn span {
    display: inline-block;
    color: rgba(42,125,225,1);
}
.section-banner .wms-horn .container{
    display: flex;
    align-items: center;
}
.section-banner .wms-horn .container .horn-icon{
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
.section-banner .wms-horn .container .horn-title{
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #2269f0;
    margin-right: 10px;
}
.section-banner .wms-horn .container .wms-horn-animate {
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    display: inline-block;
    width: 86.5%;
    vertical-align: middle;
    overflow: hidden;
}

.wms-horn-animate span {
    padding: 0 20px;
    min-width: 500px;
    animation: paomadeng 100s linear infinite;
}
/********ECCANG TMS支持多样化物流业务管理开始********/

.section-logistics .logistics-box{
    margin-top: 80px;
}
.section-logistics .logistics-box ul {
    display: flex;
    text-align: center;
    justify-content: space-between;
}

.section-logistics .logistics-box ul li {
    width: 32%;
    padding-top: 35px;
    overflow: hidden;
    height: 220px;
    background: #FFFFFF;
    box-shadow: 0px 0px 50px 9px rgba(10, 36, 89, 0.07);
    border-radius: 10px;
    text-align: left;
}
.section-logistics .logistics-box ul li>div{
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
}
.section-logistics .logistics-box ul li>.img-box{
    padding:0 20px;
    display: flex;
    align-items: center;
}
.section-logistics .logistics-box ul li .title-box{
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
    color: #000000;
    margin-left: 20px;
}

.section-logistics .logistics-box ul li:hover >.img-box{
    margin-top: -200px;
}
.section-logistics .logistics-box ul li .vc-title-box{
    padding: 0 20px;
    margin-top: 30px;
}
.section-logistics .logistics-box ul li .vc-title-box .vc-title{
    font-size: 14px;
    font-weight: bold;
}
.section-logistics .logistics-box ul li .vc-title-box .vc-desc{
    margin-top: 10px;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
}
.section-logistics .logistics-box ul li .vc-title-box .vc-desc span{
    font-size: 18px;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
}
.section-logistics .logistics-box ul li .desc{
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: #808080;
    margin-top: 28px;
    padding: 0 20px;
}
.section-logistics .btn-box{
    text-align: center;
    padding-top: 60px;
    padding-bottom: 100px;
}
.section-logistics .btn-box a{
    width: 140px;
    height: 42px;
    background: #FF9442;
    border-radius: 20px;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 42px;
    text-align: center;
    display: inline-block;

}
/*****************易仓TMS·支持多种跨境物流业务***********************/
.section-logistics-business{
    padding-top: 120px;
    height: 600px;
}
.section-logistics-business .main-box{
    margin-top: 80px;
}
.section-logistics-business .main-box ul{
    display: flex;
    justify-content: space-between;
}
.section-logistics-business .main-box ul li {
    text-align: center;
    width: 14.28%;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #000000;
    line-height: 25px;
    padding: 25px;
}
.section-logistics-business .main-box ul li .img-box img {
    width: 100%;
}

/**********易仓TMS·前所未有的功能体验**************/
.section-help{
    padding-top: 120px;
    padding-bottom: 80px;
}
.section-help .h4-title{
    margin-bottom: 100px;
}

.section-help .nav-box ul{
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.10);
    display: flex;
    height: 80px;
    line-height: 80px;
    text-align: center;
    overflow: hidden;
}
.section-help .nav-box{
    margin-top: 25px;
}
.section-help .nav-box ul li{
    width: 20%;
}
.section-help .nav-box ul li.active{
    background: rgba(42,125,225,1);
    color: #fff;
}

.section-help .content-box{
    display: flex;
    margin-top: 50px;
}

.section-help .content-box>div.left-box{
    width: 44%;
    text-align: left;
}
.section-help .content-box>div.right-box{
    width: 56%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-help .content-box>div.right-box img{
    width: 500px;
}

.section-help .content-box .title-box{
    font-size: 28px;
    font-weight: 700;
    text-align: left;
    color: #000000;
    line-height: 34px;
    margin-bottom: 35px;
}

.section-help .content-box .desc-box{
    position: relative;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #808080;
    line-height: 25px;
    padding-left: 15px;
    margin-bottom: 20px;
}

.section-help .content-box .desc-box::after{
    content: " ";
    position: absolute;
    top: 9px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #2a7de1;
    border-radius: 50%;

}
.section-help .yuyue-btn-box{
    margin-top: 10px;
}


/****************易仓TMS·严谨简洁的管理流程********************/
.section-solution{
    padding-top: 120px;
    padding-bottom: 80px;
}
.section-solution .container{
    text-align: center;
}
.section-solution .container .yuyue-btn-box{
    margin-top: 30px;
}
.section-solution .main-box{
    text-align: center;
    margin-top: 60px;
}
.section-solution .main-box img{
    width: 100%;
    max-width: 1223px;
}
/***********************易仓TMS·优质高效的服务流程************/
.section-efficient-service-process{
    padding-top: 120px;
    padding-bottom: 80px;
    height: 600px;
}
.section-efficient-service-process .container{
    text-align: center;
}
/*.section-efficient-service-process .container .yuyue-btn-box{*/
/*    margin-top: 30px;*/
/*}*/
.section-efficient-service-process .main-box{
    margin-top: 60px;
}
.section-efficient-service-process .main-box img{
    width: 100%;
}
/***********************易仓TMS·大型海外仓的信赖之选************/
.section-trusted-choice{
    padding-top: 150px;
    padding-bottom: 80px;
    height: unset!important;
    text-align: left;
}
.section-trusted-choice .nav-box{
    margin-top: 60px;
}
.section-trusted-choice .nav-box ul{
    display: flex;
    justify-content: space-between;
}
.section-trusted-choice .nav-box ul li{
    background: rgba(255, 255, 255, 1);
    width: 18.5%;
    border-radius: 4px;
    border: 1px solid #E7E8EA;
}
.section-trusted-choice .nav-box ul li.active{
    border: 2px solid #2468F2;
}
.section-trusted-choice .nav-box ul li img{
    width: 100%;
}

.section-trusted-choice .main-box{
    margin-top: 40px;
}

.section-trusted-choice .swiper-wrapper{
    height: unset;
}
.section-trusted-choice .swiper-slide{
    display: flex;
    height: initial;

}
.section-trusted-choice .swiper-slide .left-box{
    width: 40%;
}

.section-trusted-choice .swiper-slide .left-box .title-box{
    font-size: 24px;
    font-weight: 600;
    color: #223266;
    line-height: 26px;
}
.section-trusted-choice .swiper-slide .left-box .list-box .title{
    margin-top: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #223266;
    line-height: 26px;
    position: relative;
    padding-left: 15px;
}
.section-trusted-choice .swiper-slide .left-box .list-box .title:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 3px;
    height: 16px;
    background: #2468F2;
    border-radius: 15px;
}
.section-trusted-choice .swiper-slide .left-box .list-box .desc{
    margin-top: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #223266;
    line-height: 22px;
    text-align: justify;
}
.section-trusted-choice .swiper-slide .right-box{
    width: 60%;
    padding-left: 16px;
    position: relative;
}
.section-trusted-choice .swiper-slide .right-box .title-box{
    background: rgba(40, 136, 254, 1);
    height: 36px;
    border-radius: 4px;
    opacity: 0.7;
    font-size: 13px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 36px;
    padding: 0 14px;
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 16px);

}
.section-trusted-choice .swiper-slide .right-box .title-box span{
    margin-right: 30px;
}
.section-trusted-choice .swiper-slide .right-box img{
    width: 100%;
}
.section-trusted-choice .main-box .trusted-choice-btn{
    margin-top: 25px;
    text-align: center;
}