.banner{position: relative;}
.banner li a{display: block;width: 100%;height: 100%;}
.banner li a img{width: 100%;}

.banner .swiper-pagination{bottom: 25%;}
.banner .swiper-pagination-bullet{width: 6px;height: 6px;background: rgba(169,223,248,0.5);opacity: 1;vertical-align: middle;margin: 0 3px;}
.banner .swiper-pagination-bullet-active{background: rgba(169,223,248,0.5);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 h1{}
.banner_text p{text-transform: uppercase;margin-top: 5px;line-height: 30px;}
.mask{background: rgba(0,0,0,0.1);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;
}

.index_01{overflow: hidden;}
.index_01-l,.index_01-r{float: left;width: 50%;}
.index_01-l{position: relative;}
.video_btn{z-index: 3;}
.index_01-l p{z-index: 3;position: absolute;color: #fff;text-align: center;letter-spacing: 20px; bottom: 40px;width: 100%;}
.index_01-r{padding: 3% 5%;box-sizing: border-box;overflow: hidden;height: 100%;}
.index_tit{overflow: hidden;}
.index_tit span{float: left;line-height: 50px;}
.index_tit a{float: right;width: 50px;height: 50px;border-radius: 100%;border: 1px solid #aae0f9;text-align: center;line-height: 50px;color: #014d95;font-size: 20px;}
.index_text{color: #929292;padding: 5% 0;box-sizing: border-box;}
.hr_data{position: relative;}
.hr_data-l,.hr_data-r{width: 50%;float: left;border-right: 1px solid #d1dfec;box-sizing: border-box;}
.hr_data-r{border-right: 0;box-sizing: border-box;position: absolute;right: 0;top: 0;}
.hr_data dl{width: 50%;float: left;margin-bottom: 2%;box-sizing: border-box;}
.hr_data dl dd span,.hr_data dl dd em{margin-right: 10px;color: #18aaee;}
.hr_data-l dl{padding-right: 10%;}
.hr_data-r dl{padding-left: 10%;}
.video_btn{cursor: pointer;}
/*视频弹窗*/
.video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{width: 100%;}
.video_appbox .video_t{
    z-index:2; background:#000;width: 1035px;max-width:94%;height: 60%;
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%;
    transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;
    visibility: hidden;opacity: 0;

}
.video_appbox.show .video_t{
    visibility: visible;opacity:1;
    top:50%;
}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");}
.vide0_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;}
.vide0_close i{color: #fff;font-size:20px;font-weight: bold;}


.h_title{text-align: center;margin-bottom: 2%;}
.pad_t70{padding-top: 3%;}
.index_02 ul{overflow: hidden;position:relative;}
.index_02 ul li{width:10%;height:100%;position:relative;overflow:hidden;float:left;}
.index_02 ul li a{display: block;height: 100%;color: #fff;}
.index_02 ul li .imgTop img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.index_02 ul li .imgTop img.tm{opacity:1;}

.index_02 ul li .imgCen{width:100%;position:absolute;left:0px;bottom:30px;text-align: center;}
.index_02 ul li .imgBot{display: none;height: 48px;overflow: hidden;}
.index_02 ul li:last-child{position: absolute;right: 0;bottom: 0;}
.index_02 ul li.on{width:60%;}
.index_02 ul li.on .imgCen{text-align: left;padding: 5%;box-sizing: border-box;}
.index_02 ul li.on .imgBot{display: block;margin-top: 20px;}
.index_02 ul li a:hover{color: #fff!important;}

.index_03{background: #f5f5f5;overflow: hidden;}
.publi_box ul{text-align: center;margin-bottom: 4%;display: inherit;}
.publi_box ul li{display: inline-block;padding: 5px 15px;margin: 0 0px;color: #5a5a5a;transition: all .3s;cursor: pointer;width: auto;}
.publi_box ul li.on{background: #0099d9;color: #fff;border-radius: 30px;}
.pub_item{display: none;}
.pub_item-ul{overflow: hidden;}
.pub_item-ul dl{width: 32%;margin-right: 2%;float: left;background: #fff;}
.pub_item-ul dl:last-child{margin-right: 0;}
.pub_item-ul dl dt{padding: 6%;box-sizing: border-box;}
.pub_time{color: #014d95;font-weight: bold;}
.pub_tit{margin: 10px 0 20px 0;}
.index_03 .pub_tit{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pub_text{color: #5a5a5a;margin-bottom: 20px;height: 48px;overflow: hidden;}
.pub_link{text-align: center;padding: 3% 0;}
.pub_link a{width: 50px;height: 50px;border-radius: 100%;border: 1px solid #aae0f9;text-align: center;line-height: 50px;color: #014d95;font-size: 20px;display: inline-block;}

.index_news{overflow: hidden;}
.index_news .l,.index_news .r{float: left;width: 50%;}
.index_news .l dl{position: relative;}
.index_news .l dl dt{padding: 20px 30px;box-sizing: border-box;background: rgba(1,77,149,0.8);width:100%;position: absolute;left: 0;bottom: 0;color: #fff;}
.index_news .l dl dt p{float: left;width: calc(100% - 90px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index_news .l dl dt span{float: right;width: 90px;text-align: right;margin-top: 6px;}
.index_news .r{padding: 0 2% 0 3%;box-sizing: border-box;}
.index_news .r dl{border-bottom: 1px solid #e7e7e7;margin-bottom: 3%;padding-bottom: 3%;}
.index_news .r dl:last-child{border-bottom: 0;}
.index_news .r .pub_tit{margin-top: 0;}

.index_05{background: #f5f5f5;overflow: hidden;padding-bottom: 2%;}
.pubSwer_item{padding: 0 80px;box-sizing: border-box;}

.pubSwer_item dl{float: left;width: 22%;margin-right: 4%;margin-bottom: 3%;background: #fff;}
.pubSwer_item dl:nth-child(4n){margin-right: 0;}
.lhl_but>div{width: 48px;height: 48px;line-height: 48px;text-align: center;background: #fff;border-radius: 100%;margin-top: -42px;opacity: 1;
    font-size: 28px;color: #0099d9;transition: all .3s;}
.pubSwer_item.on{display: block;}
.publi_box .lhl_but{display: none;}



@media only screen and (max-width:1024px) {
    .index_btn>div{width: 50px;height: 50px;margin-top: -25px;background-size: 80% !important;}
    .index_btn .swiper-button-prev{margin-left: 0px;left: 10px; }
    .index_btn .swiper-button-next{margin-right: 0px;right: 10px;}
    .news_slider li dl{opacity: 1;}
    .index_p{padding:15px 20px;}
    .index_p h3{font-size: 16px;line-height: 24px;height: 48px;}
    .index_btn>div i{font-size: 20px;position: relative;top:1px;left: 2px;}
    .index_btn>div.swiper-button-prev i{font-size: 20px;position: relative;top:1px;left: -2px;}
    .index_btn>div{width: 40px;height: 40px;line-height: 40px;}
    .index_btn .swiper-button-disabled{opacity: 0.8 !important;}
    .banner_squer{padding: 10px 20px;}

    .pad_t70{padding-top: 30px;}
    .h_title{margin-bottom: 20px;}
    .index_01-l,.index_01-r{float: none;width: 100%;}
    .index_02 ul{overflow: initial;}
    /*.business .swiper-container{overflow: inherit;}*/
    .index_02 ul li:last-child{position: inherit;}
    .index_02 ul li .imgCen{text-align: left;padding: 5%;bottom: 0;box-sizing: border-box;}
    .index_02 ul li .imgBot{display: block;text-align: left;position: static;height: auto;margin-top: 10px;}
    .publi_box ul li{padding: 5px 20px;}
    .index_news .l, .index_news .r{width: 100%;float: none;}
    .index_news .r{padding: 20px 0;}
    .index_news .r dl:last-child{margin-bottom: 0;padding-bottom: 0;}
    .lhl_but>div{margin-top: -29px;}
    .index_05{padding-bottom: 50px;}
    .pub_text{height: 42px;}
}
@media only screen and (max-width:767px) {
    .banner li{height: 340px;}
    .banner li img{display: none;}
    .banner_text p{line-height: 25px;}
    .banner_text p br{display: none;}
    .banner_text{top:40%;}
    .banner_squer{width: 100%;}
    .banner .swiper-pagination {
        bottom: 30%;
    }
    .video_btn img{width: 40px;}
    .index_01-l p{letter-spacing: 5px;}
    .index_01-r{padding: 20px;}
    .hr_data-l, .hr_data-r{width: 100%;float: none;border-right: 0;}
    .hr_data-r{position: static;}
    .hr_data dl{text-align: center;}
    .hr_data-l dl {
        padding-right: 0%;
    }
    .hr_data-r dl {
        padding-left: 0%;
    }
    .index_text{padding: 20px 0;}
    .index_news .l dl dt{padding: 10px 20px;}
    .index_news .l dl dt span{margin-top: 3px;}
    .pub_item-ul dl{width: 100%;margin-right: 0;float: none;margin-bottom: 20px;}
    .pubSwer_item dl{width: 100%;float: none;margin-right: 0;}
    .index_tit span{line-height: 35px;}
    .index_tit a,.pub_link a{width: 35px;height: 35px;line-height: 35px;}
    .pub_item-ul dl:last-child{margin-bottom: 0;}
    .pub_link{padding: 20px 0;}
    .publi_box ul{display: flex;}
    .lhl_but>div{width: 36px;height: 36px;line-height: 36px;margin-top: -18px;}
    .publi_box{position: relative;padding: 0 70px;margin-bottom: 20px;}
    .publi_box ul{margin-bottom: 0;}
    .publi_box .lhl_but{display:block;}
    .publi_box ul li{margin: 0;box-sizing: border-box;}
    .publi_box ul li{
        background: #0099d9;
        color: #fff;
        border-radius: 30px;
    }

}
@media only screen and (max-width:375px) {
    .publi_box{padding: 0 50px;}
    .lhl_but>div.swiper-button-prev{left: 0;}
    .lhl_but>div.swiper-button-next{right: 0;}
}



@media only screen and (min-width:1025px) {
    .index_btn .swiper-button-prev:hover{background:#044289;}
    .index_btn .swiper-button-next:hover{ background:#044289;}
    .index_btn .swiper-button-prev:hover i{color:#fff;}
    .index_btn .swiper-button-next:hover i{color:#fff;}
    .publi_box ul li:hover{color: #0099d9;opacity: .8;}
    .publi_box ul li.on:hover{color: #fff;}
    .lhl_but>div:hover{color: #fff;background: #0099d9;}

}