.index_content {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.swiper-wrapper,
.swiper-slide {
    width: 100% !important;
    height: 100% !important;
}

.swiper-slide {
    position: relative;
    overflow: hidden;
}

.box {
    background-color: #f0f2f3;
    padding-top: .6rem;
    box-sizing: border-box;
}

.home {
    background-image: url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
}

.home .text_content {
    position: absolute;
    left: -100%;
    bottom: 1.7rem;
    color: #fff;
}

.home.swiper-slide-active .text_content {
    left: 1.4rem;
    transition: left 1s;
}

.big_text {
    font-size: .48rem;
}

.small_text {
    font-size: .22rem;
    line-height: .24rem;
    margin-top: .3rem;
}

.home .small_text .small_text_box {
    margin-right: .25rem;
}

.home .small_text .small_text_box .point {
    width: .1rem;
    height: .1rem;
    border-radius: .1rem;
    background-color: #3586ea;
    margin-right: .15rem;
    margin-top: .07rem;
}

.home .btn {
    display: inline-block;
    width: 1.6rem;
    height: .6rem;
    text-align: center;
    line-height: .6rem;
    font-size: .2rem;
    color: #fff;
    background-color: #3586ea;
    margin-top: .85rem;
}

.product {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
}

.product .product_title {
    font-size: .3rem;
    text-align: center;
    margin-top: .9rem;
}

.product .product_desc {
    font-size: .2rem;
    color: #888;
    margin-top: .15rem;
    text-align: center;
}

.product .product_bg {
    margin-top: 1rem;
    text-align: center;
    width: 100%;
    overflow: hidden;
}

.product .product_bg img {
    width: calc(100% - .1rem);
}

.product .product_item {
    width: 1.5rem;
    position: absolute;
    width: 1.9rem;
}

.product .product_item.MES {
    left: 1.8rem;
    top: 0;
    opacity: 0;
}

.product.swiper-slide-active .product_item.MES {
    top: 3.3rem;
    opacity: 1;
    transition: all 1s;
}

.product .product_item.WMS {
    left: 4.5rem;
    top: 100%;
    opacity: 0;
}

.product.swiper-slide-active .product_item.WMS {
    top: 5.4rem;
    opacity: 1;
    transition: all 1s;
}

.product .product_item.APS {
    left: 7.1rem;
    top: 0;
    opacity: 0;
}

.product.swiper-slide-active .product_item.APS {
    top: 3.3rem;
    opacity: 1;
    transition: all 1s .2s;
}

.product .product_item.EMS {
    left: 9.8rem;
    top: 100%;
    opacity: 0;
}

.product.swiper-slide-active .product_item.EMS {
    top: 5.4rem;
    opacity: 1;
    transition: all 1s .2s;
}

.product .product_item.MRP {
    left: 12.4rem;
    top: 0;
    opacity: 0;
}

.product.swiper-slide-active .product_item.MRP {
    top: 2.8rem;
    opacity: 1;
    transition: all 1s .4s;
}

.product .product_item.HRM {
    left: 15.1rem;
    top: 100%;
    opacity: 0;
}

.product.swiper-slide-active .product_item.HRM {
    top: 5.4rem;
    opacity: 1;
    transition: all 1s .4s;
}

.product .product_item .icon {
    margin: auto;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.9rem;
    background-color: #fff;
    text-align: center;
}

.product .product_item .icon img {
    margin-top: .35rem;
    width: 43%;
}

.product .product_item .icon .icon_text {
    font-size: .2rem;
    margin-top: .1rem;
}

.product .product_item .product_item_title {
    font-size: .16rem;
    color: #888;
    margin: .1rem 0;
    text-align: center;
}

.product .product_item .product_item_desc {
    font-size: .14rem;
    padding: 0 .1rem;
    line-height: 1.6;
}

.product .product_item .product_item_desc img {
    width: 100%;
}

.train {
    background-image: url(../img/train_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
}

.train .train_content {
    position: absolute;
    left: 1.9rem;
    top: 50%;
    transform: translateY(-50%);
    width: 38%;
}

.train .train_content .big_text {
    font-size: .34rem;
}

.train .train_content ul {
    margin-top: 1.2rem;
    margin-left: -.3rem;
}

.train .train_content ul li {
    margin-bottom: .4rem;
    position: relative;
    left: 100%;
    opacity: 0;
}

.train.swiper-slide-active .train_content ul li {
    left: 0;
    opacity: 1;
    transition: all .8s;
}

.train.swiper-slide-active .train_content ul li:nth-child(2) {
    transition: all .8s .2s;
}

.train.swiper-slide-active .train_content ul li:nth-child(3) {
    transition: all .8s .4s;
}

.train .train_content ul li .icon_box {
    width: 1.4rem;
    height: 1.1rem;
    position: relative;
    overflow: hidden;
}

.train .train_content ul li .icon_box .circle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1.4rem;
}

.train .train_content ul li .icon_box .top_circle {
    position: absolute;
    bottom: .35rem;
    width: .82rem;
    left: 50%;
    margin-left: -0.41rem;
    animation: zoom 3s linear infinite;
}

.train .train_content ul li .icon_box .icon {
    position: absolute;
    bottom: .48rem;
    width: .64rem;
    left: 50%;
    margin-left: -0.32rem;
}

.train .train_content ul li .icon_box .line {
    position: absolute;
    left: 50%;
}

.train .train_content ul li .icon_box .lineL {
    margin-left: -0.38rem;
    bottom: .45rem;
    animation: bottomMove 3s linear infinite;
}

.train .train_content ul li .icon_box .lineR {
    margin-left: 0.38rem;
    bottom: .35rem;
    animation: bottomMove 3s linear .8s infinite;
}

.train .train_content ul li.API .icon_box .lineL {
    animation: bottomMove 3s linear .6s infinite;
}

.train .train_content ul li.API .icon_box .lineR {
    animation: bottomMove 3s linear 1.2s infinite;
}

.train .train_content ul li.develop .icon_box .lineL {
    animation: bottomMove 3s linear 1.4s infinite;
}

.train .train_content ul li.develop .icon_box .lineR {
    animation: bottomMove 3s linear 0.5s infinite;
}

.train .train_content ul li .li_text {
    width: calc(100% - 1.52rem);
}

.train .train_content ul li .li_title {
    font-size: .3rem;
    color: #4f9bf9;
    margin-bottom: .1rem;
    line-height: .3rem;
}

.train .train_content ul li .li_desc {
    font-size: .16rem;
    line-height: 2;
}

.advantage {
    overflow: auto;
}

.scroll_content {
    width: 100%;
    height: 100%;
}

.advantage_content {
    height: 100%;
    width: 100%;
    padding: 1px;
}

.advantage .advantage_content .advantage_title {
    font-size: .3rem;
    text-align: center;
    margin-top: .8rem;
}

.advantage .advantage_content .advantage_desc {
    font-size: .2rem;
    color: #888;
    text-align: center;
    margin-top: .15rem;
}

.advantage .advantage_content .advantage_item_content {
    padding: 0 2.1rem;
    text-align: center;
    margin-top: .8rem;
}

.advantage .advantage_content .advantage_item {
    display: inline-block;
    background-size: auto .5rem;
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 1rem;
}

.advantage .advantage_content .advantage_item.plan {
    background-image: url('../img/plan.png');
}

.advantage .advantage_content .advantage_item.active.plan {
    background-image: url('../img/plan_hover.png');
}

.advantage .advantage_content .advantage_item.adviser {
    background-image: url('../img/adviser.png');
}

.advantage .advantage_content .advantage_item.active.adviser {
    background-image: url('../img/adviser_hover.png');
}

.advantage .advantage_content .advantage_item.service {
    background-image: url('../img/service.png');
}

.advantage .advantage_content .advantage_item.active.service {
    background-image: url('../img/service_hover.png');
}

.advantage .advantage_content .advantage_item.active {
    transition: background-image .5s;
}

.advantage .advantage_content .advantage_item .item_content {
    width: 4.4rem;
    height: 4.2rem;
    padding: .2rem;
    transform: rotateY(180deg);
    opacity: 0;
}

.advantage.swiper-slide-active .advantage_content .advantage_item .item_content {
    transform: rotateY(0deg);
    opacity: 1;
    transition: all 1.5s;
}

.advantage .advantage_content .advantage_item .item_content:hover {
    background-color: #fff;
    transition: background-color .5s;
}

.advantage .advantage_content .advantage_item .item_content .img_box {
    width: 4rem;
    height: 2rem;
}

.advantage .advantage_content .advantage_item .item_content .img_box img {
    width: 100%;
    height: 100%;
}

.advantage .advantage_content .advantage_item .item_content .item_title {
    font-size: .24rem;
    margin: .15rem 0;
}

.advantage .advantage_content .advantage_item .item_content:hover .item_title {
    color: #3586ea;
    transition: color .5s;
}

.advantage .advantage_content .advantage_item .item_content .item_desc {
    font-size: .16rem;
    color: #888;
    text-align: left;
}

@keyframes zoom {
    from {
        transform: scaleX(1)
    }
    50% {
        transform: scaleX(0.8)
    }
    to {
        transform: scaleX(1)
    }
}

@keyframes bottomMove {
    from {
        bottom: .35rem;
        opacity: 1;
    }
    to {
        bottom: 100%;
        opacity: 0;
    }
}

@media screen and (max-aspect-ratio:1920/1080) {
    .home,
    .train {
        background-size: auto 100%;
    }
}

@media screen and (min-aspect-ratio:1920/1080) {
    .home,
    .train {
        background-size: 100% auto;
    }
}

@media screen and (min-width: 1921px) {
    .home,
    .train {
        background-size: 100% 100% !important;
    }
}

@media (max-width: 768px) {
    .home .text_content {
        top: 3.7rem;
        bottom: auto;
    }
    .big_text {
        font-size: .16px;
    }
    .big_text {
        font-size: .16px;
    }
    .small_text {
        font-size: 12px;
        line-height: 14px;
    }
    .home .small_text .small_text_box .point {
        margin-top: 7px;
    }
    .home .btn {
        width: 100px;
        height: 32px;
        line-height: 32px;
        font-size: 12px;
    }
}