@charset "UTF-8";

@import "all.css";

/*一级公共样式*/


.main{width: 100%;}
.w72{width: 72.916%;margin: 0 auto;}
/* .head_main{position: absolute;top: 0;left: 0;z-index: 5;width: 100%;} */

.head_main{position: fixed;top:0;left: 0;width: 100%;z-index: 50;animation-name: topfloat;animation-duration:0.5s;}
@keyframes topfloat {
    0%{top: -100px}
    100%{top: 0}
}
.head_main .nav_bg{background-color: #0064aa;background-image:unset}

.head_main .head_top{background-color: #0064aa;height: 40px;align-items: center;position: relative}
.head_main .head_top::before{content: '';box-shadow: 0 0 10px rgba(0, 0, 0, 0.49);position: absolute;width: 100%;top: -10px;left: 0;height: 10px;}
.head_main .head{display: flex;height: inherit}
.head_main .top{margin-left: auto;display: flex;align-items: center}
.head_main .top ul{display: flex;}
.head_main .top ul li{display: flex;padding: 0 28px;position: relative}
.head_main .top ul li:after{content:'';width: 1px;height: 100%;background-color: #fff;position: absolute;right: 0;top: 0}
.head_main .top ul a{font-size: 15px;color: white;margin-left: 8px;}
.head_main .top .search{margin-left: 8px;cursor: pointer}
.head_main .top .search img{width: 20px;}
/* .head_main .nav_bg{background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0))} */
.head_main .nav{display: flex;justify-content: space-between;padding:20px 0;}
.head_main .nav ul.f{display: flex;height: 70px}



@media all and (min-width: 999px){
    .head_main .nav ul.f>li{padding: 0 18px;display: flex;align-items: center;position: relative}
    .head_main .nav ul.f li a{color: white}
    .head_main .nav ul.dp{position: absolute;left: 0;top: 70px;background-color: #5d9fd6;width: 100%;}
    .head_main .nav ul.dp li{width: 100%;}
    .head_main .nav ul.dp li a{padding: 8px 0;display:flex;justify-content: center}
    .head_main .nav ul.dp li a:hover{background-color: #0064aa;}
    .head_main .nav ul.dp{display: none}
    .head_main .nav ul.f>li:hover ul.dp{display:block}

}

.index_banner{margin-top: 40px;overflow: hidden;position: relative}
.index_banner .swiper-slide img{width: 100%;height: 700px;object-fit: cover}
.index_banner .page_ok{position: absolute;left: 0;bottom:20px;z-index: 5;width: 100%;text-align: right}
.index_banner .page_slide{width: 72.916%;margin:0 auto;display: flex;justify-content:flex-end}
.index_banner .page_slide span{font-size: 30px;}
.index_banner .swiper-pagination-bullet{width: unset;height:unset;border-radius: unset;opacity: unset;background: unset;display: flex;padding: 15px;color: white}
.index_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: rgba(0, 0, 0, 0.2);}
.index_banner .swiper-button-prev,.index_banner .swiper-button-next{width: 50px;height: 60px;}
.index_banner .swiper-button-prev:after,.index_banner .swiper-button-next:after{background-color: #fff;width: 50px;height: 60px;display: flex;justify-content: center;align-items: center;font-size: 26px;}
.index_banner .swiper-button-prev{left: 0;z-index: 2}
.index_banner .swiper-button-next{right: 0;}
.index_banner {--swiper-theme-color: rgba(0, 0, 0, 0.3);}



.tit{display: flex;justify-content: space-between;align-items: center}
.tit h2{font-size: 30px;color: #357bab;}
.tit a{font-size: 14px;color: #56c064;}
.tit a:hover{color: #ffffff;}

.index_recruit_bg{background-color: #efefef;padding: 50px 0}
.index_recruit{display: flex;justify-content: space-between}
.index_recruit .left{width: 47%;display: flex;flex-direction: column}
.index_recruit .left li{line-height: 35px;}
.index_recruit .right{flex: 1;width: 0;margin-left: 45px;}
.index_recruit .left ul{margin-top: 30px;display: flex;flex-direction: column;height:100%;justify-content: space-between}
.index_recruit .left ul li a{display: flex;align-items: center}

/*old time*/
/*.index_recruit .left .time{display: flex;flex-direction: column;justify-content: center;align-items: center;border: 1px solid #4e85b3;width: 60px;}*/
/*.index_recruit .left .time *{font-style: normal;}*/
/*.index_recruit .left .time i{font-size: 13px;background-color: #4e85b3;height: 30px;width: 100%;display: flex;justify-content: center;align-items: center;color: white}*/
/*.index_recruit .left .time em{font-size: 26px;height: 30px;color: #4e85b3;display: flex;justify-content: center;align-items: center}*/

/*new time*/
.index_recruit .left .time{order: 2}
.index_recruit .left .time i{font-style: normal;color: black}

.index_recruit .left .nr{flex: 1;width: 0;}
.index_recruit .left .nr p{color: black;}
.index_recruit .left .nr p:hover{color: #4e85b3;}


.index_recruit .right ul{display: grid;grid-template-columns: 31.428% 31.428% 31.428%;justify-content: space-between;margin-top: 30px;}
.index_recruit .right ul li{height: 240px;background-image:url("../img/n1.png");background-size: cover;background-repeat: no-repeat;background-position: center;justify-content: center}
.index_recruit .right ul li a{display: flex;height: inherit;flex-direction: column;align-items: center;justify-content: center}
.index_recruit .right ul li:nth-of-type(2){background-image:url("../img/n2.png")}
.index_recruit .right ul li:nth-of-type(3){background-image:url("../img/n3.png")}
.index_recruit .right .time{display: flex;flex-direction: column;justify-content: center;align-items: center}
.index_recruit .right em,.index_recruit .right i{font-style: normal;color: white}
.index_recruit .right em{font-size: 14px;}
.index_recruit .right i{font-size: 40px;}
.index_recruit .right .nr{padding: 20px}
.index_recruit .right .nr p{font-size: 16px;font-weight: bold;color: white}
.index_recruit .right ul li:nth-of-type(3) .nr p{color: black}
.index_recruit .right ul li:nth-of-type(3) .time *{color: #0064aa}

@keyframes scrollImages {
    0%{transform: translateX(0);}
    100%{transform: translateX(-7200px);}
}
.index_pao_bg{padding: 50px 0}
.index_pao_bg .index_pao{width: calc(100% + 20px);margin-left: -10px;}
.index_pao_bg .tit a:hover{color: #0064aa}
.index_pao{overflow: hidden;padding: 10px 10px;position: relative;}
.index_pao ul{display:flex;justify-content: space-between;margin-top: 20px;position: relative;animation:scrollImages 120s infinite linear;}
.index_pao ul li{width: 330px;flex-shrink: 0;box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.09);margin-right: 30px;}
.index_pao ul li .nr{padding: 14px;box-sizing:border-box}
.index_pao ul li p{font-size: 15px;font-weight: bold;color: #1e73b4}
.index_pao ul li .img{width: 100%;height: 188px;overflow: hidden}
.index_pao ul li .img img{width: 100%;height: 188px;object-fit: cover}


.index_video_bg{background-image:url("../img/index_video_bg.png");background-size: cover}
.index_video .nav{display: flex;padding: 20px 0;justify-content:space-evenly}
.index_video .nav li{border: 1px solid #ffffff}
.index_video .nav li a{padding: 10px 36px;display:flex;color: white}
.index_video .video_list ul{display: flex;justify-content: space-evenly}
.index_video .video_list li{width: 48%;}
.index_video .video_list li .img{width: 100%;position: relative}
.index_video .video_list li .img img{width: inherit;}
.index_video .video_list li .button{position: absolute;top:50%;left: 50%;width: 60px;height: 62px;transform: translate(-50% ,-50%)}
.index_video .video_list li p{text-align: center;color: white;font-size: 17px;line-height: 46px;}
.index_video_post {height: 360px; object-fit: cover;}

.footer .fast_nav{padding: 20px;background-color: #dbe2e7;}
.footer .fast_nav ul{display: flex;justify-content:space-between}
.footer .fast_nav ul li{display: flex;justify-content: center;align-items: center}
.footer .fast_nav ul li img{margin: 0 auto;transition: all 0.5s}
.footer .fast_nav ul li p{font-size: 16px;color: #333333;line-height: 40px;}
.footer .fast_nav ul li:hover img{opacity: 0.3}
.foot_body{background-color: #686f74;padding: 20px 0}
.foot_body .body{display: flex;align-items: center}
.foot_body .body .left{flex: 1;width: 0;}
.foot_body .body .middle{width: 30%;display: flex;flex: 1}
.foot_body .body .right{width: 20%;display: flex;flex: 1;justify-content: flex-end}
.foot_body .body .left .info{display: flex;align-items: center}
.foot_body .body .left .info img{vertical-align: middle;}
.foot_body .body .left .info p{font-size: 13px;color: #fff;margin-left: 8px;line-height: 30px;}
.foot_body .body .right ul{display: flex}
.foot_body .body .right ul li{cursor: pointer;position: relative;width:100px;height:100px;margin-right: 30px;}
.foot_body .body .right ul li .img img{width:100%;}
.foot_body .body .right .block{position: absolute;width: 90px;height: 90px;bottom:47px;display: none}
.foot_body .body .right .block img{width: 100%;}
.foot_body .body .right li:hover .block{display: block}
.foot_body .body .middle select{outline: none;height: 30px;width: 48%;margin-left: 20px;font-size: 16px;}
.foot_body .body .middle select option{width: 100%;text-align: center;}
.footer .copyright{display: flex;justify-content: center;font-size: 13px;color: white;background-color: #0379d0;line-height: 45px;}
.footer .copyright a{font-size: 13px;color: white;margin-right: 8px;}

/*悬浮*/
.float_left{position: relative;z-index: 2}
.float_left  .float{position: fixed;left: 0;top: 180px}
.float_left *{font-size: 15px;color: white}
.float_left .f_l2{width: 70px;height: 64px;background-color: #0064aa;display: flex;}
.float_left .f_l2 a{display: flex;width: 100%;height: 100%;justify-content: center;align-items: center}
.float_left .f_l3{width: 70px;height: 64px;background-color: #4689fa;display: flex;}
.float_left .f_l3 a{display: flex;flex-direction: column;justify-content: center;align-items: center;font-size: 13px;width: 100px;height: 100%;}
.float_left .f_l3 a p{font-size: 13px;}
.float_left .f_l3 a img{width: 30px;}

.float_right{position: relative;z-index: 20}
.float_right  .float{position: fixed;right:0;top: 180px}
.float_right .float_body{width: 68px;background-color: rgba(35, 42, 54, .8);border-radius: 6px 0 0 6px;position: relative}
.float_right .float_body .ul1 li a{display: flex;flex-direction: column;justify-content: center;align-items: center}
.float_right .float_body .ul1 li{padding-top: 15px;}
.float_right .float_body .ul1 li a p{font-size: 12px;color: #fff;margin-top: 8px;}
.float_right .right_ico li{margin-top: 15px;display: flex;justify-content: center;align-items: center;cursor: pointer;padding: 5px 0}
.float_right .right_ico{padding-bottom: 15px;}
.float_right .right_ico li .block{position: absolute;top: 0;left: -256px;background-color:rgba(35, 42, 54, .8);min-width: 256px;display:none;justify-content: center;align-items: center;flex-direction: column;padding: 20px 0;border-radius: 5px 0 0 5px}
.float_right .right_ico li .block img{width: 120px;height: 120px;}
.float_right .right_ico li .block p{font-size: 12px;color: white;margin-top: 10px;}
.float_right .right_ico li .block.active{display: flex}
.search_float{position: relative;z-index: 999;display: none}
.search_float.active{display: block}

.search_float .search_float_f{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);padding-top: 50px;}
.search_float .body{width: 80%;margin: 0 auto}
.search_float .close{font-size: 30px;color: white;text-align: right;cursor: pointer}
.search_float input{height: 50px;width: 100%;background-color: transparent;border: 1px solid #ffffff;margin-top: 30px;color: white;padding: 0 10px;font-size: 20px;}

@media all and (min-width: 999px){
    .m_button{display: none}
    .m_show_nav,.new_div{display: none}

}

@media all and (max-width: 999px){
    .float_right{display:none}
    .w72{width: 100%}

    .head_main .head_top{display: none}
    .head_main .nav_bg{background-color: #0379d0;background-image:unset;position: relative;height: 82px;}
    .head_main .nav_bg .logo img{max-width: 80%;margin: 0 auto}
    .head_main .nav{align-items: center;padding: unset;height: 100%;}
    .head_main .m_button{position:absolute;right: 5px;top:50%;transform: translate(0,-50%);cursor: pointer;transition: all 0.5s}
    .head_main .m_button.active{right: 265px}

    .head_main .nav_bg .nav_f{background-color: #252525;position: absolute;width: 260px;height:100vh;top: 0;left: -260px;z-index: 55;transition: all 0.5s;}
    .head_main .nav_bg .nav_f.active{left: 0;z-index: 9999}
    .head_main .nav_bg ul.f{left: 0;top: 0;width: 260px;flex-direction: column;transition: all 0.5s;z-index: 999}
    .head_main .nav_bg ul.f.active{left: 0;height: inherit}
    .head_main .nav_bg ul.f>li{border-bottom: 1px solid rgba(0,0,0,.3);box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%);position: relative}
    .head_main .nav_bg ul.f>li>a{font-size: 14px;color: #c7c7c7;padding: 8px 30px 8px 10px;padding: 7px 10px;display: flex}
    .head_main .nav_bg ul.f li em{display:block; cursor: pointer; width:50px; height: 35px; position: absolute; right: 0; top:0; color: #f6f6f6; font-size: 14px; background:url("../img/ico11.png") no-repeat 22px -25px;z-index: 99}
    .head_main .nav_bg ul.f li em.active{background-position:20px 12px}

    .head_main .nav ul.dp{display: none;position: unset;background-color: #2e2e2e;}
    .head_main .nav ul.dp.active{display: block}
    .head_main .nav ul.dp li{border-top: 1px solid rgba(0,0,0,.3);box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%);}
    .head_main .nav ul.dp li a{display: flex;padding: 8px 30px 8px 26px;font-size: 14px;color: #c7c7c7;}

    .shade{width: calc(100% - 260px);height:100vh;position: absolute;z-index: -1;top: 0;left: 0;transition: all 0.5s;background-color: rgba(0, 0, 0, 0.2);}
    .shade.active{left: 260px;z-index: 10}

    .index_banner{margin-top: 82px;}
    .index_banner .swiper-slide img{width: 100%;height: 215px;}
    .index_recruit.w72{flex-direction: column;margin: 0 10px;box-sizing:border-box;width: unset}
    .index_recruit .left{width: 100%;}
    .index_recruit .left ul{margin-top: 15px;}
    .index_recruit .left li a{display: flex}
    .index_recruit .left li .nr{margin-right: 20px;}
    .index_recruit .left li .nr p{white-space: nowrap;overflow: hidden;text-overflow:ellipsis;line-height: 32px;font-weight: normal;}
    .index_recruit .right{width: unset;margin-left: unset;}
    .index_recruit .right ul{display:block;margin-top: 20px;}
    .index_pao_bg .w72{width: unset;margin: 0 10px;overflow: hidden}
    .footer .fast_nav ul{display: grid;grid-template-columns: 33.3% 33.3% 33.3%;justify-content: space-between}
    .foot_body .body{flex-direction: column;width:unset;margin: 0 10px }
    .foot_body .body .middle{flex-direction: column}
    .foot_body .body .middle select{width: 100%;margin-left: unset;font-size: 14px;}
    .foot_body .body .middle select:last-of-type{margin-top: 20px;}

    .foot_body .body .left,.foot_body .body .middle,.foot_body .body .right{flex: unset;width: unset;}
    .foot_body .body .middle{margin: 15px 0}
    .footer .copyright{flex-direction: column;align-items: center;line-height: 20px;}
    .footer .copyright p{text-align: center}
    .index_video .nav li a{font-size: 14px;padding: 10px}
    .page_ok{display: none}
    .index_banner .swiper-button-prev, .index_banner .swiper-button-next{z-index: 2}
    .head_main .f.active i{display: none}
    .m_show_nav{color: #777777;padding: 7px 10px;font-size: 14px;background-color: #333333;}
    .new_div li a{font-size: 14px;color: #c7c7c7;padding: 7px 10px;display: flex}
}