.swiper-pagination-bullet{
    width: 8px;
}
.pc-body-main-box{
    display: none;
}
.section-list-box{
    padding-top: 40px;

    text-align: center;
}
.section-list-box:nth-child(3),.section-list-box:nth-child(5){
    width: 100%;
    background: #f6F7F9;
    background-image: url(https://eccang-img.oss-cn-shenzhen.aliyuncs.com/www/eccang/img/2021/04/25/ec_1619321441.png),url(https://eccang-img.oss-cn-shenzhen.aliyuncs.com/www/eccang/img/2021/04/25/ec_1619321431.png);
    background-repeat: no-repeat, no-repeat;
    background-position: -80% 0%, 360% 100%;
    background-size: 68% 50%,85% 50%;
    padding-top: 38px;
}

.section-list-box .h4-title{
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    text-align: center;
}
.section-list-box .vc-title{
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    margin-top: 25px;
    text-align: center;
}
.mobile-a-btn{
    width: 90px;
    height: 30px;
    background: #2A7DE1;
    border-radius: 2px;
    line-height:30px;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    margin: 0 auto;
}
.mobile-a-btn:hover{
    color: #fff;
}
/*************banner***********************/

.index-banner .img-box{
    position: relative;
}
.index-banner .img-box>img{
    width: 100%;
}
.index-banner .index-banner-content{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 50px 20px 0 20px;
}
.index-banner .index-banner-content p{
    margin-bottom: 20px;
}

.index-banner .index-banner-content .index-banner-title{
    font-size: 1.65em;
    font-weight: bold;
    color: #000000;
}
.index-banner .index-banner-content .index-banner-desc{
    font-size: 0.7em;
    font-weight: 400;
    color: #000000;
    line-height: 20px;
}

@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%);
    }
}
.index-banner .wms-horn{
    height: 40px;
    background:rgba(225,241,255,1);
    color:rgba(42,125,225,1);
    line-height: 40px;
    white-space: nowrap;
}
.index-banner .wms-horn span {
    display: inline-block;
    color: rgba(42,125,225,1);
    font-size: 0.8em;
}
.index-banner .wms-horn .layout-center{
    display: flex;
    align-items: center;
    padding-left: 15px;
}
.index-banner .wms-horn .layout-center .horn-icon{
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
.index-banner .wms-horn .layout-center .horn-title{
    font-size: 0.8em;
    font-weight: 700;
    text-align: center;
    color: #2a7de1;
    margin-right: 10px;
}
.index-banner .wms-horn .layout-center .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;
}


/******************易仓TMS·支持多种跨境物流业务****************************/
.section-logistics-business .main-box{
    margin-top: 25px;
    padding: 0 15px;
}
.section-logistics-business .main-box ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.section-logistics-business .main-box ul li{
    width: 30%;
    text-align: center;
    margin-bottom: 20px;
}

.section-logistics-business .main-box ul li .img-box img{
    width: 100%;
}
.section-logistics-business .main-box ul li .title{
    margin-top: 15px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #000000;
}

/****************易仓TMS·前所未有的功能体验********************/

.section-help{
    padding-bottom: 40px;
}
.section-help .main-box{
    position: relative;
    margin-top: 30px;
    padding: 0 15px;
    text-align: center;
}
.swiper-section-help .swiper-wrapper{
    height: unset;
    text-align: left;
}
.section-help .swiper-slide{
    height: initial;
}
.section-help .swiper-slide img{
    width: 100%;
}
.section-help .nav-box{
    margin-top: 25px;
    padding: 0 15px;
}
.section-help .nav-box ul{
    background: #ffffff;
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 500;
    color: #000000;
    line-height: 46px;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}
.section-help .nav-box ul li{
    width: 33%;
    position: relative;
}
.section-help  .nav-box ul li:after{
    position: absolute;
    content: "";
    left: 6px;
    top: calc(50% - 6px);
    width: 1px;
    height: 12px;
    background: #F0F0F0;

}
.section-help .nav-box ul li.active{
    background: rgba(42,125,225,1);
    color: #fff;
    border-radius: 4px;
}
.section-help  .nav-box ul li.active:after{
    width: 0px;
}
.section-help .nav-box ul li{
    padding: 0 9px;
}

.section-help .main-box .desc-box p{
    margin-bottom: 15px;
    position: relative;
    padding-left: 15px;
}
.section-help .main-box .desc-box p:after{
    margin-bottom: 15px;
    content: " ";
    position: absolute;
    top: 5px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #2a7de1;
    border-radius: 50%;
}

/****************易仓TMS·严谨简洁的管理流程********************/
.section-solution .main-box{
    text-align: center;
    margin-top: 36px;
    padding: 0 15px;
}
.section-solution .main-box img{
    width: 100%;
    cursor: pointer;
}
.section-solution .main-box .mobile-a-btn{
    margin: 20px 0 40px;
}
/***********************易仓TMS·优质高效的服务流程************/
.section-efficient-service-process{
    padding: 40px 15px 75px 15px;
}
.section-efficient-service-process .main-box{
    margin-top: 44px;
}
.section-efficient-service-process .main-box img{
    width: 100%;
}
/***********************易仓WMS·大型海外仓的信赖之选************/
.section-trusted-choice{
    padding: 40px 15px;
}
.section-trusted-choice .nav-box{
    margin-top: 40px;
}
.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 .img-box img{
    width: 100%;
}
.section-trusted-choice .main-box .desc-box{
    padding: 20px;
    background: rgba(246,247,249,1);
    margin-top: 35px;
}
.section-trusted-choice .main-box .desc-box .title{
    font-size: 1.25em;
    font-weight: bold;
    color: #000000;
    line-height: 46px;
}
.section-trusted-choice .main-box .desc-box .desc{
    font-size: 0.8em;
    font-weight: 500;
    color: #808080;
    line-height: 20px;
    margin-top: 14px;
}
.section-trusted-choice .swiper-wrapper{
    height: unset;
}
.section-trusted-choice .swiper-slide{

    display: flex;
    flex-direction: column;
    height: initial;
    padding: 20px;

}
.section-trusted-choice .swiper-pagination-trusted-choice{
    position: unset;
    margin-top: 20px;
}
.section-trusted-choice .main-box .trusted-choice-btn{
    margin-top: 25px;
    text-align: center;
}
#__previewImage-container .previewImage-box .previewImage-item .previewImage-image{
    background: #fff;
}
/***********************易仓WMS·遍布全球的合作客户************/
.section-global-cooperative-customers {
    background:#f6f7f9;
}
.section-global-cooperative-customers .desc-box{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    flex-wrap: wrap;
    padding: 0 15px;
}
.section-global-cooperative-customers .desc-box .desc{
    width: 48%;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 3px 8px 0px rgba(0,0,0,0.10);
    text-align: center;
    padding: 15px;
    margin-bottom: 10px;
}
.section-global-cooperative-customers .desc-box .desc .num-box{
    font-size: 1em;
    font-weight: 700;
    text-align: center;
    color: #2a7de1;
}
.section-global-cooperative-customers .desc-box .desc .title{
    font-size: 0.75em;
    font-weight: 700;
    text-align: center;
    color: #000000;
}
.section-global-cooperative-customers .wms-map{
    padding-top: 30px;
    padding-bottom: 40px;
}

.section-global-cooperative-customers .wms-map>img {
    width: 100%;
}




/* erp网页站点页面底部浮窗插件 */
.section-erpPopup .head__title{
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 2px;
    font-size: 20px;
    font-weight: bold;
    height: 82px;
    background: linear-gradient(0deg, #F6F7F9 0%, #E3F2FE 87%, #E1F1FF 100%);
    padding-right: 15px;
    padding-left: 15px;
}
.section-erpPopup .head__text1{
    color: #2A7DE1;
}
.section-erpPopup .head__text2{
    color: #000000;
    padding: 0 10px;
}
.section-erpPopup .erpPopup-content-box{
    padding-right: 15px;
    padding-left: 15px;
    background: linear-gradient(0deg, #F6F7F9 0%, #E3F2FE 87%, #E1F1FF 100%);
    padding: 20px;
}
.section-erpPopup .erpPopup-content-box .contact-erpPopup-box{
    display: flex;
    align-items: center;
}
.section-erpPopup .erpPopup-contact-content-box{
    background: linear-gradient(0deg, #F6F7F9 0%, #E3F2FE 81%, #E1F1FF 100%);
    border-radius: 4px;
    padding: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
}
.section-erpPopup .erpPopup-contact-content-box .erpPopup-phone__num{

    font-weight: 800;
    color: #2A7DE1;

}
.section-erpPopup .erpPopup-content-box .contact-erpPopup-box img{
    width: 99px;
}
.section-erpPopup .erpPopup-content-box .layui-input{
    margin-bottom: 20px;
}
.section-erpPopup .erpPopup-content-box .form-erp-popup-btn{
    height: 40px;
    background: #2A7DE1;
    border-radius: 4px;
    color: #fff;
    width: 100%;
    display: inline-block;
    line-height: 40px;
    text-align: center;
}
.message-box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 100%;
    padding: 20px;
    font-size: 14px;
    color: #000000;
}
.message-box p{
    width: 100%;
}
.message-box p span{
    color: red;
}
.message-box p i.fa-check-circle{
    font-size: 60px;
    color: rgba(82, 196, 26, 1);
    margin: 0;
}
.message-box p i.fa-times-circle{
    font-size: 60px;
    color: red;
    margin: 0;
}