.index_banner {
    position: relative;
    height: 560px;
    background: url('../img/index_banner.jpg?v2') center center no-repeat;
}
.index_banner .enter {
    position: absolute;
    left: 50%;
    margin-left: -110px;
    bottom: 55px;
    width: 180px;
    height: 40px;
}
.index_banner::after {
    content: "";
    position: absolute;
    /* z-index: 1; */
    top: 560px;
    left: 0;
    width: 100%;
    height: 336px;
    background: url('../img/index_banner_ext.png') center center no-repeat;
}
.split_line {
    position: relative;
    z-index: 2;
    border-top: 1px solid #3e4190;
    margin-bottom: 70px;
}
.ind_order {
    position: relative;
    z-index: 1;
}
.ind-bdshare-area {
    position: absolute;
    left: 50%;
    z-index: 2;
    margin: 90px 0 0 455px;
}
.ind_order_1 .split_line {
    margin-top: 65px;
}
.ind_order_1 .cont {
    overflow: hidden;
    position: relative;
    height: 485px;
    padding-bottom: 35px;
}
.ind_order_1 .wordbox {
    margin-top: 120px;
    width: 720px;
    padding: 60px 50px;
    text-align: justify;
    border-bottom: 4px solid #b464bc;
    background-color: #221188;
    font-size: 16px;
}
.ind_order_1 .cont img {
    position: absolute;
    right: 0;
    top: 0;
}
.ind_order_2 .table {
    margin-top: 52px;
    width: 100%;
    font-size: 14px;
    line-height: 40px;
}
.ind_order_2 .table .c4 {
    width: 323px;
}
.ind_order_2 .caption {
    position: relative;
    z-index: 1;
    text-align: center;
    font-size: 20px;
    background-color: #803acf;
}
.ind_order_2 .caption .live {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 20px;
    line-height: 40px;
    font-size: 14px;
    background-color: #6b2db2;
}
.ind_order_2 .caption .live::after {
    content: "";
    display: inline-block;
    vertical-align: -2px;
    margin-left: 8px;
    width: 14px;
    height: 14px;
    background: url('../img/live_bg.png') center center no-repeat;
}
.ind_order_2 .caption .live:hover {
    color: #fff;
    background-color: #5b2499;
}
.ind_order_2 .th {
    background-color: #170c66;
    font-weight: 700;
}
.ind_order_2 .tr {
}
.ind_order_2 .tr::after {
    content: "";
    clear: both;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    display: block;
}
.ind_order_2 .c1 {
    margin: -1px 0 0 -1px;
    width: 126px;
}
.ind_order_2 .row1 .c1 {
    height: 80px;
    line-height: 80px;
}
.ind_order_2 .c2 {
    margin: -1px 0 0 -1px;
    margin: -1px 0 0 -1px;
    width: 567px;
}
.ind_order_2 .c3 {
    margin: -1px 0 0 -1px;
    width: 180px;
}
.ind_order_2 .c4 {
    margin: -1px 0 0 -1px;1
}
.ind_order_2 .th,
.ind_order_2 .td {
    float: left;
    border: 1px solid #2d2f7f;
    text-indent: 20px;
}
.ind_order_2 .tab2 {
    margin: 38px 0 80px;
}
.ind_order_2 .tab2 .caption {
    background-color: #3f6fdc;
}
.ind_order_2 .tab2 .caption .live {
    background-color: #2e5bbf;
}
.ind_order_2 .tab2 .caption .live:hover {
    background-color: #2a4fa1;
}

.photo_list{
    padding: 30px 0 10px 0;
    width: 1030px;
    margin: 0 auto;
}
.photo_list .word {
    overflow: hidden;
    height: 90px;
    background-color: #852ac2;
    background: linear-gradient(to right top, #852ac2, #b464bc);
    line-height: 1;
}
.photo_list .word p {
    overflow: hidden;
    white-space: nowrap;
    padding: 0 20px;
    text-overflow: ellipsis;
}
.photo_list .word .t1 {
    margin: 15px 0 5px;
    font-size: 18px;
    font-weight: 700;
}
.photo_list .word .t2 {
    font-size: 14px;
    white-space: normal;
    line-height: 1.4;
}
.photo_list img{
    display: block;
    width: 250px;
    cursor: pointer;
}
.photo_list img:nth-child(4n+0){
    margin-right: 0;
}
.photo_list li {
    padding-top: 2px;
    box-sizing: border-box;
}
.ind_order_3 .swiper-container{
    padding-bottom: 115px !important;
}
.ind_order_3 .sec_tit {
    margin-bottom: 60px;
}
.photo_list .swiper-pagination {
    bottom: 70px !important;
}
.photo_list .swiper-pagination-bullet{
    margin: 0 10px !important;
    width: 40px !important;
    height: 4px !important;
    border-radius: 0 !important;
    background-color: #5850a6;
}
.photo_list .swiper-pagination-bullet-active {
    background-color: #fff;
}
.ind_order_3 .swiper-button-prev {
    left: 50%;
    margin: 18px 0 0 -583px;
    background-image: url('../img/prev.png');
}
.ind_order_3 .swiper-button-next {
    left: 50%;
    margin: 18px 0 0 555px;
    background-image: url('../img/next.png');
}
.ind_order_4 .sec_tit {
    margin-bottom: 40px;
}

.manu_list .swiper-slide img {
    width: 190px;
    height: 70px;
}

.why_join {
    padding: 80px 0;
    height: 420px;
    background: url('../img/why_join.jpg') center center no-repeat;
}

.ind_order_5 .sec_tit .ext {
    text-align: right;
}

.apply_form {
    width: 820px;
    margin: 50px auto 0;
    font-size: 16px;
    line-height: 40px;
}
.apply_form .ipt_box {
    justify-content: space-between;
}
.apply_form .ipt_box>.flex {
    flex-wrap: wrap;
    justify-content: space-between;
}
.apply_form .item {
    margin-bottom: 20px;
}
.apply_form .tag:before {
    margin-right: 5px;
    content: "*";
    color: #aa58bd;
}
.apply_form .ipt_text {
    width: 300px;
    background-color: #180e6e;
    height: 40px;
    border: none;
    text-indent: 10px;
    color: #fff;
}
.apply_form [type=checkbox] {
    margin-right: 5px;
    vertical-align: -2px;
}
.apply_form .tag {
    margin-right: 15px;
}
.apply_form label {
    margin-right: 100px;
}
.apply_form button {
    display: block;
    margin: 50px auto 70px;
    width: 160px;
    text-align: center;
    line-height: 50px;
    outline: none;
    background: linear-gradient(to right, #852ac2, #b464bc);
    border-radius: 3px;
    color: #fff;
    border: none;
}
.apply_form button:hover {
    background: #852ac2;
    cursor: pointer;
}
.apply_form .addr_box {
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    width: 300px;
    justify-content: space-between;
}
.apply_form .addr_box select {
    width: 145px;
}
.apply_form select {
    width: 300px;
    height: 40px;
    background-color: #180e6e;
    border: none;
    color: #fff;
    text-indent: 10px;
}

.ind_order_6 .address {
    display: block;
    margin: -65px 0 70px 360px;
    width: 867px;
    height: 448px;
    background: url('../img/address.jpg');
}

.ind_order_7 {
    margin-bottom: 70px;
}
.ind_order_7 .partner {
    margin-top: 30px;
    height: 503px;
    background: url('../img/partner.jpg') no-repeat;
}

.bottom_live {
    display: none;
}

@media (max-width: 750px) {
    .index_banner {
        height: 3.75rem;
        background-image: url('../img/index_banner_m.jpg?v1');
        background-size: auto 100%;
    }
    .index_banner::after {
        display: none;
    }
    .index_banner a,
    .bdshare-area,
    .ind_order_1 .cont img,
    .ind_order_1 .split_line {
        display: none;
    }
    .split_line {
        margin: .7rem 0 .4rem;
    }
    .ind_order_1 .sec_tit {
        margin: .7rem 0 .4rem;
    }
    .ind_order_1 .cont {
        height: auto;
        border-radius: 8px 8px 0 0;
        padding: 0;
    }
    .ind_order_1 .wordbox {
        margin: 0;
        width: auto;
        font-size: .3rem;
        padding: .4rem .3rem;
    }
    .ind_order_2 .tab1 {
        margin-top: .5rem;
    }
    .ind_order_2 .tab2 {
        margin: .3rem 0 0;
    }
    .ind_order_2 .tr {
        display: block;
        margin-top: -1px;
        border: 1px solid #2d2f7f;
        padding: .25rem;
        font-size: .24rem;
        line-height: 2;
    }
    .ind_order_2 .th, .ind_order_2 .td {
        float: none;
        border: none;
        margin: 0;
    }
    .ind_order_2 .thead {
        display: none;
    }
    .ind_order_2 .caption {
        line-height: .8rem;
        font-size: .34rem;
    }
    .ind_order_2 .caption .live {
        display: none;
    }
    .ind_order_2 .tr .td {
        display: block;
        width: 100%;
        opacity: .8;
        text-indent: 0;
    }
    .ind_order_2 .row1 .c1 {
        height: auto;
        line-height: inherit;
    }
    .ind_order_2 .tr .c2 {
        opacity: 1;
        font-size: .3rem;
        font-weight: 700;
        line-height: 1.4;
    }
    .ind_order_2 .tr .c3,
    .ind_order_2 .tr .c4 {
        display: inline;
    }
    .ind_order_2 .tr .c4::before {
        margin: 8px;
        content: "|";
    }
    .ind_order_2 .spe .c3,
    .ind_order_2 .spe .c4 {
        display: none;
    }

    .ind_order_3 .photo_list {
        margin-left: -1.95rem;
        width: 10.8rem;
        padding-bottom: 0 !important;
    }
    .ind_order_3 .wrap {
        overflow: hidden;
    }
    .photo_list img {
        width: 3.6rem;
    }
    .photo_list .swiper-pagination {
        display: none;
    }
    .photo_list .swiper-slide {
        transition: all .3s;
        transform: scale(.8);
    }
   .photo_list .swiper-slide-prev {
        transform: scale(.8) translateX(2rem);
    }
    .photo_list .swiper-slide-next {
        transform: scale(.8) translateX(-2rem);
    }
    .photo_list .swiper-slide-active {
        position: relative;
        z-index: 1;
        transform: scale(1);
    }
    .ind_order_3 .swiper-button-prev,
    .ind_order_3 .swiper-button-next {
        display: none;
    }
    .manu_list .swiper-slide {
        width: 1.9rem;
        height: .7rem;
    }
    .manu_list .swiper-slide img {
        width: 1.9rem;
        height: .7rem;
    }
    .why_join {
        padding: .7rem 0 0;
        height: 3.93rem;
        background-image: url('../img/why_join_m.jpg');
        background-size: contain;
        background-position: center bottom;
    }
    .apply_form {
        width: auto;
        font-size: .3rem;
    }
    .apply_form .ipt_box>.flex {
        display: block;
    }
    .apply_form .tag {
        white-space: nowrap;
    }
    .apply_form .item {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
    }
    .apply_form .ipt_text {
        flex: 1;
    }
    .apply_form .addr_box select {
        width: auto;
        flex: 1;
    }
    .apply_form label {
        margin-right: .3rem;
    }
    .apply_form button {
        width: 3.2rem;
        line-height: .8rem;
        margin: .3rem auto .7rem;
    }
    .ind_order_3 .sec_tit {
        margin-bottom: .3rem;
    }
    .ind_order_6 .address {
        width: 6.9rem;
        height: 5.2rem;
        margin: .7rem 0 0;
        background-image: url('../img/address_m.jpg');
        background-size: contain;
    }
    .ind_order_7 {
        margin-bottom: .7rem;
    }
    .ind_order_7 .partner {
        margin-top: .3rem;
        height: 6.97rem;
        background-image: url('../img/partner_m.jpg');
        background-size: contain;
    }
    .contact_foot {
        margin-bottom: 1.2rem;
    }
    .bottom_live {
        display: block;
        z-index: 1;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        line-height: .88rem;
    }
    .bottom_live .live {
        float: left;
        width: 50%;
        text-align: center;
        color: #fff;
        font-size: .3rem;
        background-color: #803acf;
    }
    .bottom_live .live:last-child {
        background-color: #3f6fdc;
    }
}