.index_banner{
    width: 100%;
    position: relative;
}
.index_next,.index_prev{
    color: #fff!important;
}
.index_prev{
    left:1.62rem!important;
}
.index_next{
    right: 1.62rem!important;
}
.index_swiper .swiper-slide img{
    width: 100%;
    height: 100%;
}
.index_two_center{
    width: 16rem;
    margin: 0 auto;
    padding-top: 0.7rem;
}
.common_tit{
    display: flex;
    justify-content: center;
    align-items: center;
}
.common_title{
    font-weight: bold;
    font-size: 0.52rem;
    color: #222;
    display: flex;
    align-items: center;
}
.common_title::before{
    content: '';
    display: block;
    width: 0.19rem;
    height: 0.36rem;
    background: url(../images/index/a4.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 0.3rem;
}
.common_title::after{
    content: '';
    display: block;
    width: 0.19rem;
    height: 0.36rem;
    background: url(../images/index/a4.png) no-repeat;
    background-size: 100% 100%;
    margin-left: 0.3rem;
}
.common_txt{
    color: #888888;
    font-size: 0.18rem;
    text-align: center;
    margin-top: 0.3rem;
}


.index_two_content{
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.94rem;
}
.index_two_items{
    width:4.8rem;
    margin-right: 0.8rem;
}
.index_two_items:nth-child(3n){
    margin-right: 0;
}
.index_two_imgbox{
    width: 100%;
    height: 4.1rem;
    overflow: hidden;
}
.index_two_imgbox img{
    width: 100%;
    height: 100%;
    transition: all .25s;
}
.index_two_items:hover .index_two_imgbox>img{
    transform: scale(1.03);
}
.index_two_txtbox{
    padding: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .25s;
}
.index_two_xtit{
    font-size: 0.18rem;
    color: #02489D;
    font-weight: bold;
}
.index_two_xtit,.index_two_xtxt{
    width: 3.6rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.index_two_xtxt{
    color: #888;
    font-size: 0.16rem;
    margin-top: 0.14rem;
}
.index_two_ximg{
    width: 0.32rem;
    height: 0.32rem;
    position: relative;
}
.index_two_ximg img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.ximg_2{
    display: none;
}
.index_two_items:hover .index_two_txtbox{
    background: #02489D;
}
.index_two_items:hover .ximg_2{
    display: block;
}
.index_two_items:hover .index_two_xtit{
    color: #fff;
}
.index_two_items:hover .index_two_xtxt{
    color: #fff;
}
.index_two_many{
    width: 1.05rem;
    height: 0.4rem;
    background: #02489D;
    border-radius: 0.01rem;
    color: #fff;
    font-size: 0.16rem;
    margin: 0.6rem auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index_two_many:hover{
    opacity: .9;
}
.index_three{
    /* height: 9rem; */
    background:url(../images/index/a5.png) no-repeat;
    background-size: 100% 100%;
}
.index_three_center{
    width: 16rem;
    margin: 0 auto;
}
.index_three .common_title{
    color: #fff;
    margin-top: 0.7rem;

}
.index_three .common_txt{
    color: #fff;
}

.index_three_content{
    display: flex;
    /* margin-top: 0.5rem; */
}
.index_three_items{
    flex: 1;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}
.index_three_1{
    display: flex;
}
.index_th_bgimg{
    /* max-width: 90%; */
    /* max-height: 100%; */
    width: 100%;
    /* height: 100%; */
}
.index_three_items:nth-child(2){
    width: 6.68rem;
    height: 6.68rem;
    margin:0 0.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index_three_items:nth-child(3) .index_three_xtext{
    margin-left: 0;
    margin-right: 0.3rem;
}
.index_three_items:nth-child(3) .index_three_xit{
    text-align: right;
}
.index_three_items:nth-child(3) .index_three_xxt{
    text-align: right;
}
.index_three_img{
    width: 0.86rem;
    height: 0.99rem;
}
.index_three_img img{
    width: 100%;
    height: 100%;
}
.index_three_xtext{
    flex: 1;
    margin-left: 0.3rem;
}
.index_three_xit{
    font-size: .28rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: 0.15rem;
}
.index_three_xxt{
    color: #fff;
    font-size: 0.16rem;
    line-height: 1.5;
}

.index_four_center{
    width: 16rem;
    margin: 0 auto;
}
.index_four{
    margin-top: 1rem;
}
.index_four_img{
    width: 0.58rem;
    height: 0.58rem;
    display: block;
    position: relative;
}
.index_four_img img{
    width: 100%;
    /* height: 100%; */
    position: absolute;
    top: 0;
    left: 0;
}
.index_four_txt1{
    color: #222222;
    font-size: 0.32rem;
}
.index_four_content{
    display: flex;
    justify-content:space-between;
    margin-top: 0.75rem;
    padding: 0 0.9rem;
}
.index_four_items{
    display: flex;
    cursor: pointer;    
}
.index_four_name{
    margin-left: 0.15rem;
}
.index_four_txt2{
    color: #888;
    font-size: 0.16rem;
    text-transform: uppercase;
}
.index_four_im2{
    display:none;
}

.index_four_items:hover .index_four_im2{
    display: block;
}

.index_four_bgbox{
    width: 100%;
    height: 7.75rem;
    background: url(../images/index/b5.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.51rem;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 0.6rem;
}
.index_bgbox_content{
    width: 15.26rem;
    margin: 0 auto;
    background: rgba(255,255,255,.85);
    display: flex;
    justify-content: space-between;
    padding: 0.4rem 0.75rem;
}
.index_bgbox_title{
    display: flex;
}
.index_bgbox_span1{
    font-size: 0.42rem;
    color: #222;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.index_bgbox_span2{
    font-size: 0.42rem;
    color:#02489D;
    font-weight: bold;
}
.index_bgbox_span1::after{
    content: '';
    display: block;
    width: 0.15rem;
    height: 0.15rem;
    border-radius: 50%;
    background: #EE9B50;
    margin:0 0.1rem;
}
.index_bgbox_ele{
    text-transform: uppercase;
    color: #888888;
    font-size: 0.16rem;
}
.index_bgbox_imgs{
    width: 0.42rem;
    height: 0.24rem;
    display: block;
    margin-top: 0.15rem;
}
.index_bgbox_imgs img{
    width: 100%;
    height: 100%;
}
.index_bgbox_right{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}
.index_bgbox_xbox{
    color: #222;
    font-size: 0.2rem;
    margin-bottom: 0.2rem;
    display: flex;
    align-items: center;
}
.index_bgbox_xbox:last-child{
    margin-bottom: 0;
}
.index_bgbox_xbox::before{
    content: '';
    display: block;
    width: 0.08rem;
    min-width: 0.08rem;
    height: .08rem;
    background: #EE9B50;
    margin-right: 0.15rem;
    border-radius: 50%;
}
.index_five{
    margin-top:1rem;
}
.index_five_center{
    width: 16rem;
    margin: 0 auto;
}
.index_six{
    margin-top: 0.8rem;
    position: relative;
}
.index_five_content{
    display: flex;
    margin-top: 0.5rem;
}
.index_five_leftbox{
    width: 10.5rem;
    height: 6.58rem;
    position: relative;
    overflow: hidden;
}
.index_five_leftbox>img{
    width: 100%;
    height: 100%;
    transition: all .25s;
}
.index_five_leftbox:hover>img{
    transform: scale(1.03);
}
.index_five_wall{
    position: absolute;
    width: 100%;
    height: calc(3.15rem - 1rem );
    background: RGBA(2,72,157,.65);
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.index_five_bottom{
    position: absolute;
    width: 100%;
    height: 1rem;
    left: 0;
    bottom: 0;
    background: RGBA(2,72,157,.65);
    display: flex;
    align-items: center;
}

.index_five_wallimg{
    width: 0.44rem;
    height: 0.37rem;
    display: block;
}
.index_five_wallimg img{
    width: 100%;
    height: 100%;
}
.index_five_walltit{
    font-size: 0.32rem;
    font-weight: bold;
    color: #fff;
    margin-left: 0.2rem;
}
.index_five_sg{
    flex: 1;
    color: #fff;
    font-weight: bold;
    font-size: 0.32rem;
    text-align: center;
}

.index_five_vs{
    width: 0.46rem;
    height: 0.66rem;
    position: absolute;
    left: 43.8%;
    top: 50%;
    transform: translateY(-50%);
}
.index_five_vs img{
    width: 100%;
    height: 100%;
}
.index_five_rightbox{
    flex: 1;
    margin-left: 0.27rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.index_five_rig{
    height: 3.15rem;
    background: #096;
    position: relative;
    overflow: hidden;
}
.index_five_rig>img{
    width: 100%;
    height: 100%;
    transition: all .25s;
}
.index_five_rig:hover>img{
    transform: scale(1.03);
}









.index_six{
    padding-top: 2rem ;
}
.index_six_center{
    width:16rem;
    margin: 0 auto;
    background:#fff;
    box-shadow: 0 0 0.1rem 0.05rem
    rgba(0, 0,0, .12);
    padding: 0.6rem 1rem 0.7rem 1rem;
}
.index_six_img{
    width: 100%;
    height: 5.65rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.index_six_img>img{
    width: 100%;
    height: 100%;
}
.index_six_content{
    position: relative;
    margin-top: 0.7rem;
    width: 100%;
}
.six_swiper img{
    width: 100%;
    height: 100%;
}
.btn_next,.btn_prev{
    color: #c3c3c3!important;
}
.btn_prev{
    left: -0.65rem!important;
}
.btn_next{
    right: -0.65rem!important;
}
.index_seven{
    margin-top: 1rem;
}
.index_seven_center{
    width: 16rem;
    margin: 0 auto;
    display: flex;
    position: relative;
}
.index_seven_leftbox{
    width: 11.2rem;
}
.index_seven_tit1{
    font-size: 0.48rem;
    color: #02489D;
    font-weight: bold;
    letter-spacing: 0.05rem;
    display: flex;
    flex-direction: column;
}
.index_seven_xtit{
    font-size: 0.48rem;
    color: #222;
    font-weight: bold;
    letter-spacing: 0rem;
    display: flex;
}
.index_seven_xtit::after{
    content: '';
    display: block;
    width: 0.42rem;
    height: 0.24rem;
    background: url(../images/index/b6.png) no-repeat;
    background-size: 100% 100%;
    margin-left: 0.1rem;
    margin-top: 0.15rem;
}

.index_seven_rightbox{
    width: 8.2rem;
    height: 5.62rem;
    position: absolute;
    right: 0;
    top: 0;
    /* overflow: hidden; */
    z-index: -1;
}
.index_seven_rightbox img{
    width: 100%;
    height: 100%;
    /* transition: all .25s; */
}
/* .index_seven_rightbox:hover>img{
    transform: scale(1.03);
} */
.index_seven_txt{
    width: 7rem;
    text-align: justify;
    line-height: 1.8;
    color: #888888;
    font-size: 0.18rem;
    margin-top: 0.5rem;
}
.index_seven_tab{
    display: flex;
    margin-top: 0.5rem;
}
.index_seven_tab a{
    width: 2.24rem;
    height: 0.53rem;
    background: pink;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E5E5E5;
    position: relative;
    font-size: 0.18rem;
    color: #888888;
    /* transform: skew(15deg); */
    /* transform-origin:right; */
}
/* .index_seven_tab a:first-child{
    clip-path: polygon(0 0,0 100%,90% 100%,100% 0);
} */
.index_seven_tab a:hover{
    background: #0A8DD4;
    color: #fff;
}
/* .index_seven_tab a:nth-child(1)::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border-top: 0.27rem solid transparent;
    border-bottom: 0.27rem solid #E5E5E5;
    border-left: 0.27rem solid transparent;
    border-right: 0.27rem solid #E5E5E5;
} */
.index_seven_numbox{
    width: 100%;
    margin-top: 0.5rem;
    display: flex;
    padding: 0.4rem 0;
    background: #fff;
    box-shadow: 0 0 0.1rem 0.01rem rgba(0, 0,0, .12);
    
}

.index_seven_itms{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-right: 0.01rem solid #E5E5E5;
}
.counter{
    font-size: 0.52rem;
    color: #02489D;
    font-weight: bold;
}
.index_sev_z{
    color: #EE9B50;
    font-size: 0.16rem;
    font-weight: bold;
}
.index_sev_name{
    color: #222;
    font-size: 0.16rem;
    margin-top: 0.1rem;
}
.index_seven_itms:last-child{
    border-right: 0;
}
.index_eight{
    margin-top: 1rem;
}
.index_eight_center{
    width: 16rem;
    margin: 0 auto;
}
.index_eight_content{
    width: 100%;
    margin-top: 0.6rem;
    display: flex;
}
.eight_leftbox{
    width: 9.5rem;
    display: flex;
    flex-wrap: wrap;
}
.eight_imgs{
    width: 50%;
    height: 2.83rem;
    overflow: hidden;
}
.eight_imgs:first-child{
    width: 100%;
}
.eight_imgs img{
    width: 100%;
    height: 100%;
    transition: all .25s;
}
.eight_imgs:hover>img{
    transform: scale(1.03);
}
.eight_rightbox{
    flex: 1;
    margin-left: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.eight_right_weight{
    color: #222;
    font-size: 0.3rem;
    font-weight: bold;
    margin-bottom: 0.5rem;
}
.eight_right_txt{
    color: #888888;
    font-size: 0.18rem;
    line-height: 1.8;
    margin-bottom: 1rem;
    text-align: justify;
}
.eight_bottom{
    display: flex;
    justify-content: space-between;
}
.eight_b_img{
    width: 1.28rem;
    height: 0.59rem;
}
.eight_b_img img{
    width: 100%;
    height: 100%;
}
.eight_b_name{
    text-align: center;
    margin-top: 0.15rem;
    color: #222;
    font-size: 0.18rem;
}
.index_nine{
    margin-top: 0.81rem;
    /* padding-bottom:1.2rem; */
    position: relative;
}
.index_nine_center{
    width: 16rem;
    margin: 0 auto;
    padding-bottom: 0.75rem;
}
.index_nine_content{
    margin-top: 0.6rem;
    display:flex;
}
.index_nine_left{
    width: 7.65rem;
    height: 4.4rem;
    overflow: hidden;
    border-radius: 0.1rem;
    background: red;
    overflow: hidden;
}
.index_nine_left img{
    width: 100%;
    height: 100%;
    transition: all .25s;
}
.index_nine_left:hover>img{
    transform: scale(1.03);
}
.index_nine_right{
    flex: 1;
    margin-left: 0.7rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
}
.index_nine_title{
    width: 7.5rem;
    display: block;
    color: #222;
    font-size: 0.3rem;
    font-weight: bold;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.index_nine_title:hover{
    opacity: .9;
}
.index_nine_title::before{
    content: '';
    display: block;
    width: 0.14rem;
    height: 0.14rem;
    background: #02489D;
    border-radius: 50%;
    margin-right: 0.36rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -0.3rem;
}
.index_nine_time{
    color: #222222;
    font-size: 0.16rem; 
    margin: 0.1rem 0;  
}
.index_nine_xbox{
    width: 100%;
    padding-left: 0.3rem;
    padding-bottom: 0.35rem;
    position: relative;
}
.index_nine_xbox::before{
    content: '';
    display: block;
    position: absolute;
    width: 0.01rem;
    height: 73%;
    left: 0.05rem;
    top: 0.4rem;
    border-right: 0.01rem dashed #ccc;
}
.index_nine_text{
    width: calc(16rem - 7.65rem - 0.7rem);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #888;
    font-size: 0.16rem;
}
.index_nine_xbox:nth-child(3){
    padding-bottom: 0;
}
.index_nine_xbox:nth-child(3):before{
    display: none;
}
.index_nine_bg{
    position: absolute;
    width:4rem;
    height: 5.2rem;
    left: 0;
    top: 1.8rem;
    z-index: -1;
    
}
.index_nine_bg img{
    width: 100%;
    height: 100%;
}
@media only screen and (max-width: 1024px) {
    .index_banner{
        margin-top: 50px;
    }
    .swiper-button-next, .swiper-button-prev{
        display: none!important;
    }
    .index_two_center{
        padding: 15px;
        width: 100%;
    }
    .common_title{
        font-size: 18px;
        margin: 0;
    }
    .index_two_content{
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: center;
    }
    .index_two_items{
        width: 100%;
        margin: 0;
        margin-bottom: 15px;
    }
    .index_two_txtbox{
        justify-content: space-evenly
    }
    .index_two_xtit, .index_two_xtxt{
        font-size: 16px;
        width: auto;
    }
    .common_txt{
        margin-top: 15px;
        font-size: 16px;
    }
    .index_three_center{
        width: 100%;
        padding: 15px;
    }
    .index_three_content{
        align-items: flex-start;
    }
    .index_three_items:nth-child(2){
        display: none;
    }
    .index_three_items{
        padding: 5px;
    }
    .index_three_1{
        flex-direction: column;
        align-items: center;
        margin-top: 15px;
    }
    .index_three_items:nth-child(3) .index_three_1{
            flex-direction: column-reverse;
    }
    .index_three_items:nth-child(3) .index_three_xxt,
    .index_three_items:nth-child(3) .index_three_xit{
        text-align: left;
    }
    .index_three_items:nth-child(3) .index_three_xtext{
        margin: 0;
    }
    .index_four{
        margin: 0;
        padding: 15px;
        width: 100%;
    }
    .index_four_center{
        width: 100%;
    }
    .index_four_content{
        padding: 0;
        flex-wrap: wrap;
    }
    .index_four_items{
        width: 48%;
    }
    .index_four_bgbox{
        height: auto;
        padding: 15px;
    }
    .index_bgbox_content{
        padding: 5px;
        flex-direction: column;
    }
    .index_bgbox_xbox{
        font-size: 16px;
    }
    .index_five{
        margin-top: 15px;
    }
    .index_five_center{
        width: 100%;
    }
    .index_five_content{
        margin-top: 15px;
        flex-direction: column;
    }
    .index_five_leftbox{
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }
    .index_five_rightbox{
        margin: 0;
    }
    .index_five_rig{
        margin-bottom: 15px;
    }
    .index_six{
        margin: 0;
    }
    .index_six_center{
        width: 100%;
        padding: 15px;
    }
    .index_seven{
        margin: 0;
        padding: 15px;
    }
    .index_seven_center{
        width: 100%;
        flex-direction: column;
    }
    .index_seven_leftbox{
        width: 100%;
    }
    .index_seven_txt{
        font-size: 14px;
    }
    .index_seven_rightbox{
        position: static;
        width: 100%;
        margin-top: 15px;
    }
    .index_seven_itms{
        justify-content: flex-start;
    }
    .index_eight{
        margin-top: 15px;
    }
    .index_eight_center{
        width: 100%;
        padding: 15px;
    }
    .index_eight_content{
        flex-direction: column;
    }
    .eight_leftbox{
        width: 100%;
    }
    .eight_rightbox{
        margin: 0;
        margin-top: 15px;
    }
    .eight_right_weight{
        font-size: 16px;
    }
    .eight_right_txt{
        font-size: 14px;
    }
    .index_nine{
        margin-top: 15px;
    }
    .index_nine_bg{
        top: auto;
        bottom: 0;
    }
    .index_nine_center{
        width: 100%;
    }
    .index_nine_content{
        flex-direction: column;
    }
    .index_nine_left{
        width: 100%;
    }
    .index_nine_right{
        margin: 0;
    }
    .index_nine_xbox::before{
        display: none;
    }
    .index_nine_xbox{
        padding: 15px;
    }
    .index_nine_time,
    .index_nine_title,
    .index_nine_text{
        width: 100%;
        font-size: 14px;
    }
}