.index_wrap{width: calc(100% - 224px);margin: 0 0 0 auto;}
/*首页header*/
.index_header{position: fixed;left: 0;top: 0;width: 224px;background: #e1e1e1;z-index: 99;}
.index_header>em{position: absolute;right: 0px;width: 3px;height: 100%;background: url(/assets/images/header_line.jpg) no-repeat;background-size: cover;z-index: 5;}
.index_header_in{padding: 70px 0;box-sizing: border-box;position: relative;height: 100%;z-index: 4;background: #e1e1e1;}
.index_header_in h1{text-align: center;}
.index_header_in h1 img{width: 100px;height: 58px;}
.index_nav_box{width: 100%;z-index: 3;}
.index_nav_box li{padding: 8px 0;text-align: center;border-bottom: 1px solid rgba(255,255,255,0);}
.index_nav_box li>span{display: none;}
.index_nav_box li:first-child{border-top: 1px solid rgba(255,255,255,0);}
.index_nav_box li a{color: #004a82;font-size: 16px;}

.index_nav_search{position: absolute;bottom: 30px;box-sizing: border-box;left: 0;width: 100%;padding: 0 25px;}
.index_nav_searchbox{position: relative;}
.index_nav_search input{width: 100%;border: none;border-radius: 15px;background: #004a82;height: 30px;line-height: 30px;text-indent: 20px;}
.index_nav_search button{position: absolute;right: 0;width: 40px;color: #fff;line-height: 30px;font-size: 16px;text-align: center;border: none;background: none;}

.index_list{position: absolute;;width: 0px;height: 100%;left: 224px;top: 0;display: block;margin-left: 0;background: none;overflow: hidden;}
.index_list .index_list-item dl dd{padding: 8px 0;border-bottom: 1px solid #dedddd;box-sizing: border-box;}
.index_list .index_list-item dl:first-child dd{border-top: 1px solid #dedddd;}
.index_list .index_list-item dl dd a{display: block;}
.index_mask{position: absolute;width: 224px;height: 100%;left: 224px;top: 0;background: rgba(255,255,255,1);z-index: 2;transform: translateX(-100%);}
.index_mask.on{transform: translateX(0);}

.index_nav_box li.on .index_list{width: 224px;overflow: inherit;}
@media only screen and (min-width:1025px) {
    .index_nav_box li:hover{background: #f5f6f6;}
    /*.index_nav_box li:hover .index_list{display: block;}*/
    .index_list .index_list-item p:hover{background: #009ad5;}
    .index_list .index_list-item p:hover a{color: #fff!important;}
    .index_header>em.on{z-index: 0;}
}
@media only screen and (max-width:1500px) {
    .footer_cl{width: 85%;}
    .footer_cr{width: 15%;}
}
@media only screen and (max-width:1400px) {
    .footer_cl{width: 100%;}
    .footer_cl dl{width: 11.11%;margin-right: 0;}
    .footer_cr{width: auto;}
}
@media only screen and (max-width:1300px) {
    .index_header_in{padding: 30px 0;}
}
@media only screen and (max-width:1200px) {
    .index_nav_box li,.index_list .index_list-item p{padding: 4px 0;}
}
@media only screen and (max-width:1024px) {
    /*.index_header{width: 150px;}*/
    .index_wrap {
        width: 100%;
        margin: 0 auto;
    }

    .footer .index_wrap {
        width: 94%;
        margin: 0 auto;
    }

    .index_header {
        transform: none;
    }

    .index_header_in {
        text-align: center;
        padding: 20px 0 !important;
    }

    .index_nav_box li {
        margin: 5px 0;
    }

    .index_nav_search {
        bottom: 10px;
        padding: 0 10px;
        position: static;
        margin-top: 20px;
    }

    .footer_cl dl {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    /*index header 手机端*/
    .index_header {
        position: fixed;
        width: 100%;
        height: 60px !important;
        background: #fff;
    }

    .index_header > em {
        display: none;
    }

    .index_header_in {
        width: 94%;
        margin: 0 auto;
        padding: 0 !important;
        background: #fff;
    }

    .index_nav_box {
        position: static;
        transform: none;
    }

    .index_mask {
        display: none;
    }

    .index_nav_box li {
    }

    .index_nav_box li a {
        color: #fff;
        text-align: left;
        float: left;
        width: calc(100% - 90px);
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .index_header_in h1 {
        float: left;
        margin-top: 7.5px;
    }

    .index_nav_box li > span {
        display: block;
        width: 50px;
        float: right;
        line-height: 40px;
        color: #fff;
    }

    .index_list {
        display: block;
        left: auto;
        width: 100%;
    }
    .index_nav_box li .navlist {
        background: #044289;
    }
    .index_nav_box li.cur .navlist {
        right: 0;background: #044289;
    }

    .index_list .index_list-item p {
        border-bottom: none;
    }

    .index_list .index_list-item p:first-child {
        border-top: none;
    }
    .index_nav_search{padding: 0 20px;}
    .index_nav_search input{background: #fff;border-radius: 0;border: none;height: 40px;line-height: 40px;}
    .index_nav_search button{color: #333;line-height: 40px;}
    .main{margin-top: 60px;}
    .index_header_in h1 img{width: 80px;height: 46px;}
}
/**/
.banner{position: relative;}
.banner li a{display: block;width: 100%;height: 100%;}
.banner li a img{width: 100%;}

.banner .swiper-pagination{bottom: 20px;width: 100%;padding-left: 224px;box-sizing: border-box;}
.banner .swiper-pagination-bullet{width: 8px;height: 8px;background: rgba(169,223,248,0.5);opacity: 1;vertical-align: middle;margin: 0 3px;}
.banner .swiper-pagination-bullet-active{background: #fff;
    /*width: 40px;border-radius: 15px;*/
}
.banner .but>div{background: none;}
.banner .swiper-button-prev{left: 55px;}
.banner .swiper-button-next{right: 55px;}
.banner .swiper-button-next.swiper-button-disabled,.banner .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.banner_text{width: 100%;left: 0%;color: #fff;z-index: 2;}
.banner_text .index_wrap{padding-left: 7%;box-sizing: border-box;}
.banner_text h1{line-height: 100px;}
.banner_text p{text-transform: uppercase;margin-top: 5px;line-height: 30px;}

.index_learnMore{width: 185px;height: 42px;text-align: center;line-height: 42px;border: 1px solid #fff;display: inline-block;margin-top: 50px;}

.mask{background: rgba(0,0,0,0.17);position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner_squer{background: url("../images/banner_squire1.png") no-repeat center;background-size: cover;position: absolute;right: 0;bottom: 0;
width: 50%;padding: 25px 4%;box-sizing: border-box;z-index: 10;color: #fff;}
.banner_squer h2 em{font-size: 14px;}

.banner video {
    position: absolute;
    width: 100%;height: 100%;
    left: 0px;
    top: 0;
    object-fit: cover;
}

@media only screen and (max-width:1200px) {
    .banner_text h1{line-height: inherit;}

}
@media only screen and (max-width:1024px) {
    .index_learnMore{margin-top: 10px;}
    .banner .swiper-pagination{padding-left: 0;}

}
/**/
.index_01{position: relative;padding: 10% 0;overflow: hidden;}
.index_01 .mask{background: rgba(0,0,0,0.4);}
.index_apply{position: relative;z-index: 2;}
.index_tit{text-align: center;color: #fff;}
.index_tit span{display: block;text-transform: uppercase;}
.index_tit h1{margin-bottom: 10px;}
.index_tit span a,.index_tit h1 a{color: #fff;}
.index_tit em{display: inline-block;width: 140px;height: 4px;background: url(/assets/images/unline.jpg) no-repeat;background-size: 100% 100%;text-align: center;}
.index_apply-list{margin: 5% 0;overflow: hidden;}
.index_apply-list li{float: left;width: 14.28%;text-align: center;padding: 15px 0;transition: all .3s;}
.index_apply-list li a{color: #fff;}
.index_apply-list{padding: 0 5%;box-sizing: border-box;}
.index_apply-listImg{width: 75px;height: 75px;margin: 0 auto;overflow: hidden;}
.index_apply-listImg img{width: 100%;height: 100%;transition: all .3s;}
.index_apply-listImg .img2{transform: translateY(100%);}
.index_apply-list li p{margin-top: 20px;}

@media only screen and (min-width:1025px) {
    .index_apply-list li:hover{background: rgba(255,255,255,0.61);}
    .index_apply-list li:hover .index_apply-listImg .img2{transform: translateY(-100%);}
    .index_apply-list li:hover .index_apply-listImg .img1{transform: translateY(-100%);}
}

.index_02{background: #eaeaea;overflow: hidden;}
.index_introduce .l{float: right;width: 50%;}
.index_introduce .r{float: left;width: 50%;padding: 5%;box-sizing: border-box;}
.introduce_item{height: calc(100% / 3);position: relative;}
.introduce_item a{display: block;width: 100%;height: 100%;}
.introduce_txt{position: absolute;bottom: 0;left: 0;padding: 0 20px 20px;color: #fff;}
.introduce_txt p{text-transform: uppercase;}
.introduce_item:nth-child(2) .introduce_txt{left: auto;right: 0;text-align: right;}
.index_introduce .r h1{font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.introduce_p{color: #5f5f5f;margin: 5% 0 15%;}
.index_learnMore1 a{width: 185px;height: 42px;text-align: center;line-height: 42px;background: #004a82;color: #fff;display: inline-block;}

@media only screen and (min-width:1025px) {
    .index_learnMore1 a:hover{color: #fff!important;opacity: .8;}
}

.index_03{overflow: hidden;padding: 10% 0%;box-sizing: border-box;}
.index_news{padding: 0 8%;box-sizing: border-box;}
.index_newstit{margin-bottom: 25px;overflow: hidden;padding: 0 20px;}
.index_newstit li{float: left;padding: 10px 25px;box-sizing: border-box;color: #fff;border-radius: 30px;cursor: pointer;}
.index_newstit li.on{background: #fff;color: #004a82;}
.index_newsboxSwi{position: relative;}
.index_newsbox-item{height: 0;overflow: hidden;}
.index_newsbox-item.on{height: auto;overflow: inherit;}
.index_newsboxSwi li{border-top: 1px solid #fff;box-sizing: border-box;border-bottom: 0;border-left: 1px solid #fff;}
.index_newsboxSwi dl{width: 20%;float: left;padding: 25px;box-sizing: border-box;border-right: 1px solid #fff;border-bottom: 1px solid #fff;position: relative;padding-bottom: 5%;}
.index_newsboxSwi dl:nth-child(5n){border-right: 1px solid #fff;}
.index_newsboxSwi dl a{color: #fff;}
.index_newsboxSwi dl dd{position: relative;z-index: 2;}
.index_newsboxSwi dl dd span{margin-bottom: 20px;display: block;}
.index_newsboxSwi dl dd p{height: 62px;overflow: hidden;}
.index_newsboxSwi dl dt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;transition: all .3s;}
.index_newsboxSwi .swiper-container{padding: 20px;}
.index_newsboxSwi .swiper-pagination{width: 100%;display: none;}
.index_newsboxSwi .swiper-pagination-bullet{opacity: 1;background: #fff;margin: 0 4px;vertical-align: middle;margin-bottom: 3px!important;}
.index_newsboxSwi .swiper-pagination-bullet-active{background: #008aff;width: 11px;height: 11px;}
/*.lhl_but{position: absolute;height: 48px;top: 50%;margin-top: -24px;z-index: 10;width: 100%;}*/
.lhl_but>div{width: 48px;height: 48px;line-height: 48px;text-align: center;margin-top:-24px;opacity: 1;font-size: 28px;color: #fff;background: none;}
.lhl_but>div.swiper-button-prev{left: -48px;}
.lhl_but>div.swiper-button-next{right: -48px;}
@media only screen and (min-width:1025px) {
    .index_newstit li:hover{color: #004a82;}
    .index_newsboxSwi dl:hover dt{transform: scale(1.1,1.1);background: #ffffff;}
}

@media only screen and (max-width:1024px) {
    .index_apply-list{padding: 0;}
    .index_introduce .r{padding: 3%;}
    .introduce_p{margin: 20px 0;}
    .index_newsboxSwi dl{width: 33.3%;}
    .index_newsboxSwi .swiper-container{padding: 0 20px 0px;}
    .index_newstit li{padding: 5px 20px;}
}
@media only screen and (max-width:767px) {
    .banner li{height: 300px!important;}
    .banner li img{display: none;}
    .index_apply-list li{width: 33.3%;}
    .index_introduce .l,.index_introduce .r{float: none;width: 100%;}
    .index_introduce .r{padding: 40px 20px;
        height: auto!important;}
    .index_newsboxSwi dl{width: 100%;padding: 15px;padding-bottom: 30px;}
    .index_newsboxSwi dl dd span{margin-bottom: 10px;}
    .lhl_but>div.swiper-button-prev{left: -20px;}
    .lhl_but>div.swiper-button-next{right: -20px;}
    .index_news{padding: 0 10px;}
    .index_03{padding-bottom:15%;}
}

/*.navlist{overflow: inherit;}*/
.navlist p{margin-bottom: 0;}
.index_list-item dl dd span{display: none;}
.index_list-item dl dt{
    position: absolute;
    width: 0px;
    height: 100%;
    left: 223px;
    top: 0;
     /*display: none;*/
    overflow: hidden;
    margin-left: 0;
    background: none;
}
.index_list-item dl dt a{
    /*line-height: 22px;*/
    padding: 8px 0;
    border-bottom: 1px solid #dedddd;
    box-sizing: border-box;
    display: block;
    color: #004a82!important;
}

.index_list-item dl.on dt{left: 224px;display: block;border-top: 1px solid #ddd;width: 224px;overflow: inherit;}
.index_list-item dl.on dt a{

}
.index_mask.on.onn{width: 448px;}

@media only screen and (min-width:1025px) {
    .index_list-item dl.on dt a:hover{background: #0c9edb;color: #fff!important;}
    .index_list .index_list-item dl:hover  dt a{color: #004a82!important;}
    .index_list .index_list-item dl:hover dt a:hover{color: #fff!important;}
    .index_list .index_list-item dl dd:hover{background: #0c9edb;}
    .index_list .index_list-item dl dd:hover a{color: #fff!important;}
}

@media only screen and (max-width:1024px) {
    .index_list .index_list-item dl dd{padding: 0;border-bottom: 1px solid rgba(255,255,255,0.1);overflow: hidden;}
    .index_list .index_list-item dl:first-child dd{border-top: 0;}
    .index_list-item dl dd span {
        display: block;
        float: right;
        width: 50px;
        height: 40px;
        line-height: 40px;
        color: #fff;
        text-align: center;

    }
    .index_list-item dl dt{display: block;right: -100%;width: 100%;left: auto;transition: all .3s;padding-top: 40px;background: #044289;}
    .index_list-item dl dt a{
        color: #fff!important;
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding: 0 20px!important;

    }
    .index_list .index_list-item dl.cur dt{
        right: 0;
        width: 100%;

        z-index: 10;
    }
    .index_nav_box li, .index_list .index_list-item p{padding: 0;display: table;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);}

}