@charset "utf-8";
.about_one{width: 1422px;height: auto;margin: 0 auto;overflow: hidden;padding: 80px 0 50px 0;}
.about_one_left{width: 50%;float: left;height: auto;overflow: hidden;padding-right: 50px;}
.about_one_left h4{display: inline-block;position: relative;font-size: 30px;color: #004aa4;padding-bottom: 10px;border-bottom: 4px solid #eee;
    font-weight: bold;margin-bottom: 10px;}
.about_one_left h4::before{ content: "";position: absolute;width: 26px;height: 4px;left: 0px;bottom: -4px;background-color: #004aa4;}
.about_one_left h5{width: 100%;height: auto;margin: 10px 0;}
.about_one_left h5 img{max-width: 100%;height: auto;}
.about_one_text{width: 100%;height: auto;overflow: hidden;font-size: 16px;color: #666;line-height: 36px;}
.about_one_text p{padding-top: 15px;}

.about_one_right{width: 50%;float: left;overflow: hidden;height: 690px;display:flex;flex-direction: column;justify-content:center;}
.about_one_right img{width: 100%;object-fit: cover;transition: all 1s;}
.about_one_right img:hover{transform: scale(1.1);}

.about_mber{width: 100%;height: auto;overflow: hidden;padding: 50px 0 20px 0;}
.about_mber ul li{width: 20%;float: left;text-align: center;}
.about_mber ul li h5{font-size: 55px;color: #004aa4;font-weight: bold;font-family: 'Arial'}
.about_mber ul li h6{font-size: 18px;color: #999;padding: 10px 10px 0 10px;}

/* 公司环境 */
.huanjing{width: 100%;height: auto;overflow: hidden;padding: 70px 0 50px 0;}
.huanjing_img{width: 100%;margin-top: 50px;}
.sli_img{width: 100%;height: auto;overflow: hidden;text-align: center;}
.sli_img img{max-width: 100%;max-height:200px;overflow: hidden;object-fit: cover}
.huanjing_xian{height: 70px;border-bottom: 1px solid #eee; text-align: center;position: relative;}
.huanjing_xian .swiper-pagination{text-align: center;margin: 0 auto;position: relative;padding-top: 30px;}
.huanjing_xian .swiper-pagination-bullet{margin: 0 10px;width: 30px; height: 40px; background: none;border-bottom: 1px solid #eee;border-radius: 0px;
color: #666;opacity: 1;}
.huanjing_xian .swiper-pagination-bullet-active{border-bottom: 1px solid #004aa4; color: #004aa4;}

/* 荣誉证书 */
.honor{width: 1420px;height: auto;margin: 0 auto;padding: 50px 0 50px 0;overflow: hidden;}
.honor_center{width: 100%;height: auto;overflow: hidden;margin-top: 50px;}
.honor_center .swiper-container{padding-bottom: 70px!important;}
.honor_center .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #d2d2d2;opacity: 1;}
.honor_center .swiper-pagination-bullet-active{background-color: #004aa4;}
.honor_text{width: 100%;height: auto; overflow: hidden;}
.honor_text h5{height: 350px;padding: 20px;overflow: hidden; text-align: center;line-height: 310px;background-color: #f4f8fd;}
.honor_text h5 img{max-width: 100%;max-height: 100%;object-fit: cover;width: auto;}
.honor_text h6{padding-top: 20px;font-size: 18px;color: #666;text-align: center;}

/* 合作伙伴 */
.partner_main{width: 100%;height: auto;padding: 50px 0;background-color: #f4f8fd;}
.partner{width: 1420px;margin:0 auto;overflow: hidden;}
.partner_center{height: auto;overflow: hidden;margin: 50px 0 20px 0;border: 1px solid #eee;border-right: 0px;border-bottom: 0px;}
.partner_zhu{width: 40%;height: 316px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;float: left;background-color: #fff;
background: url("../img/par_ico.png")/*tpa=https://www.zjbgfb.com/template/default/images/par_ico.png*/  #fff 20px 20px no-repeat;position: relative;overflow: hidden;}
.zhu_text{padding: 50px 50px 50px 90px;display: none;}
.zhu_text h4 img{max-width: 170px;height: auto;}
.zhu_text h5{padding:15px;font-size: 20px;color: #000;font-weight: bold; }
.zhu_text p{font-size: 16px;color: #666;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 4;
    -webkit-box-orient: vertical;white-space: normal;-o-text-overflow: ellipsis; }
.zhu_text.ontrue{display: block;}

.zhu_buttom{position: absolute;right: 20px;top: 20px;}
.zhu_prev{width: 50px;height: 50px;border: 1px solid #eee;float: left;border-right: 0px;cursor: pointer;}
.zhu_prev i{display: inline-block;width: 50px;height: 50px;background: url("par_prev.png")/*tpa=https://www.zjbgfb.com/template/default/images/par_prev.png*/ no-repeat center center;}
.zhu_prev:hover {background-color: #004aa4;}
.zhu_prev:hover i{background: url("../img/par_next.png")/*tpa=https://www.zjbgfb.com/template/default/images/par_next.png*/ no-repeat center center;transform: rotate(180deg);}
.zhu_next i{display: inline-block;width: 50px;height: 50px;background: url("par_prev.png")/*tpa=https://www.zjbgfb.com/template/default/images/par_prev.png*/ no-repeat center center;transform: rotate(180deg);}
.zhu_next{width: 50px;height: 50px;border: 1px solid #eee;float: left;cursor: pointer;}
.zhu_next:hover {background-color: #004aa4;}
.zhu_next:hover i{background: url("../img/par_next.png")/*tpa=https://www.zjbgfb.com/template/default/images/par_next.png*/ no-repeat center center;transform: rotate(0deg);}

.partner_logo ul li{width: 20%;height: 158px;padding: 10px;border-right: 1px solid #eee;border-bottom: 1px solid #eee;float: left;text-align: center;line-height: 138px;overflow: hidden;background-color: #fff;}
.partner_logo ul li img{max-width: 100%;object-fit: cover;height: auto;transition: all .4s;}
.partner_logo ul li.ontrue img{transform: translateY(-10px); }


/* 联系我们 */
.contact_add{width: 1422px;height: auto;overflow: hidden;margin: 0 auto;padding: 70px 0;}
.contact_add_left{width: 63%;float: left;border-right: 1px solid #e5e5e5;padding: 0 20px;}
.contact_add_left ul li{width: 58%;float: left;margin: 0 2% 2% 0;min-height: 80px;}
.contact_add_left ul li:nth-child(2n){width: 38%;}
.contact_add_left ul li h5{width: 60px;height: 80px;float: left;}
.contact_add_left ul li h5 i{display: inline-block;width: 100%;height: 80%;overflow: hidden;}
.contact_add_left ul li:nth-child(1) h5 i{background: url("../img/add1.png")/*tpa=https://www.zjbgfb.com/template/default/images/add1.png*/ no-repeat center center;}
.contact_add_left ul li:nth-child(2) h5 i{background: url("../img/add2.png")/*tpa=https://www.zjbgfb.com/template/default/images/add2.png*/ no-repeat center center;}
.contact_add_left ul li:nth-child(3) h5 i{background: url("../img/add3.png")/*tpa=https://www.zjbgfb.com/template/default/images/add3.png*/ no-repeat center center;}
.contact_add_left ul li:nth-child(4) h5 i{background: url("../img/add4.png")/*tpa=https://www.zjbgfb.com/template/default/images/add4.png*/ no-repeat center center;}
.contact_add_left ul li div h6{font-size: 18px;color: #333;}
.contact_add_left ul li div p{font-size: 14px;color: #666;line-height: 30px;}

.contact_add_right{width: 30%;float: right;overflow: hidden;}
.contact_add_right ul li{width: 46%;float: left;margin:0 2%;}
.contact_add_right ul li h6{text-align: center;padding: 10px;}
.contact_add_right ul li h6 img{max-width: 100%;height: auto;object-fit: cover;}
.contact_add_right ul li p{font-size: 16px;color: #333;text-align: center;}

.map_box{width: 100%;height: 600px;}
.map{width: 320px;height: 440px;margin: 0 auto;padding-top: 76px;}

.map .yuan{width: 100%;height: 40px;}
.map .yuan i{display:block;width: 25px;height: 25px;background-color: #fff;border: 3px solid #004aa4;border-radius: 100%;margin: 0 auto;margin-top: 15px;}
.map1{width: 100%;height: 400px;background-color: #fff;padding: 8px;position: relative;}
.map1:before {pointer-events: none;position: absolute;z-index: 999;content: '';
    border-style: solid;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;
    left: calc(50% - 10px);bottom: -10px;border-width: 10px 10px 0 10px;border-color: #fff transparent transparent transparent;}
.map1 h4{width: 100%;height: 160px;overflow: hidden;text-align: center;}
.map1 h4 img{max-width: 100%;height: 100%;object-fit: cover;}
.map1 h5{padding: 10px 0;overflow: hidden;}
.map1 h5 i{width: 36px;height: 42px;display: block;margin: 0 auto;background: url("../img/map3.png")/*tpa=https://www.zjbgfb.com/template/default/images/map3.png*/ no-repeat center center;}
.map1 h6{font-size: 16px;color: #004aa4;text-align: center;padding: 8px 0;}
.map1 p{font-size: 14px;color: #999;text-align: center;padding: 5px 0;height: 70px;overflow: hidden;;}
.map_more{display: block;text-align: center;width: 100px;line-height: 30px;color: #fff;background-color: #004aa4;border-radius: 15px;margin: 0 auto;
margin-top: 2px;font-size: 14px;}
.animated2 { animation-duration: 1s; animation-fill-mode: both; } 
.animated2 {animation-iteration-count: infinite; }  
.animated2 {animation-duration: 2s; animation-name:dongdian;  transform-origin: center bottom; }

@keyframes dongdian{
    0%,
    100%,
    20%,
    50%,
    80% {
    transition-timing-function: cubic-bezier(0.215,.61,.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
    transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
    }
    40%,
    43%{
    transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
    transform: translate3d(0,-20px,0);
    }
    70%{
    transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
    transform: translate3d(0,-10px,0);
    }
    90%{
    transform: translate3d(0,-4px,0);
    }
  }


  /* 交通指引 */
.guide_box{width: 100%;height: auto;overflow: hidden;background-color: #f4f8fd;}
.guide{width: 1156px;height: auto;margin: 0 auto;padding: 60px 0;overflow: hidden;}
.guide_main{width: 100%;height: 290px;padding: 50px 0 0 0;}
.guide_list{float: left;width: auto;height: 290px;}
.guide_left{width: 200px;height: 100%;float: left;background-color: #1a2b3c;padding: 20px;cursor: pointer;border-right: 1px solid #fff;user-select: none;-webkit-user-select: none;}
.guide_left:hover{background-color: #004aa4;}
.guide_list.ontrue .guide_left{background-color: #004aa4;}
.guide_left h4{width: 100px;height: 100px;margin: 0 auto;overflow: hidden;line-height: 100px;text-align: center;margin-top: 30px;}
.guide_left h4 img{max-width: 100%;height: auto;}
.guide_left h5{font-size: 24px;color: #fff;text-align: center;}
.guide_left h6{font-size: 14px;color: #fff;text-align: center;}
.guide_text{width: 0px;height: 100%;background-color: #fff;transition: all .4s ease;overflow: hidden;}
.guide_text_zi{font-size: 14px;color: #666;line-height: 36px;overflow: hidden;padding: 35px;width: 100%;}
.guide_text_zi h6{padding-top: 40px;}
.guide_list.ontrue .guide_text{width: 556px;}


/* 人才招聘 */
.talent_search_box{width: 100%;height: auto;overflow: hidden;padding: 80px 0 50px 0;}
.talent_search{width: 600px;height: 50px;margin: 0 auto;overflow: hidden;border: 1px solid #eeeeee;border-radius: 30px;position: relative;margin: 0 auto;}
.talent_search input{width: 100%;box-sizing: border-box;border: none;height: 100%;padding: 0 20px;outline: none;font-size: 16px;display: block;
font-family: '微软雅黑';color: #999;}
.talent_searsubmit{width: 50px;height: 50px;cursor: pointer;display: inline-block;background: #fff url("../img/talent_ser.png")/*tpa=https://www.zjbgfb.com/template/default/images/talent_ser.png*/ no-repeat center center;position: absolute;right: 0;top: 0;z-index: 3;   transition: all .3s linear;}

.talent_list_box{width: 1200px;height: auto;overflow: hidden;padding: 30px 0;margin: 0 auto;}
.talent_list{width: 100%;border: 1px solid #eee;height: auto;padding: 30px 30px 0 30px;overflow: hidden;margin-bottom: 30px;}
.talent_list1{width: 100%;height: auto;font-size: 14px;color: #999;}
.talent_title{width: 100%;overflow: hidden;padding: 10px 0;}
.talent_title h5{float: left;font-size: 18px;color: #333;}
.talent_title h6{float: right;}
.talent_title h6 a{padding: 10px 20px;font-size: 16px;color: #fff;background-color: #004aa4;border-radius: 3px;}
.talent_text{width: 100%;line-height: 40px;}
.talent_text h4{padding-left: 25px;background: url("../img/add7.png")/*tpa=https://www.zjbgfb.com/template/default/images/add7.png*/ left no-repeat;float: left;margin-right: 30px;}
.talent_text h5{padding-left: 25px;background: url("../img/add8.png")/*tpa=https://www.zjbgfb.com/template/default/images/add8.png*/ left no-repeat;float: left;margin-right: 30px;}
.talent_text h6{padding-left: 25px;background: url("../img/add9.png")/*tpa=https://www.zjbgfb.com/template/default/images/add9.png*/ left no-repeat;margin-right: 30px;width: 100%;overflow: hidden;}

.talent_list2{width: 100%;height: auto;overflow: hidden;padding: 30px 0;font-size: 14px;color: #999;line-height: 36px;display: none;}
.talent_list2 h6{font-size: 18px;color: #004aa4;line-height: 36px;padding-top: 20px;}

.talent_click{width: 100%;border-top: 1px solid #eee;padding: 15px 0;text-align: center;font-size: 16px;color: #333;transition: all .4s;cursor: pointer;}
.talent_click i{display: inline-block;width: 16px;height: 11px;background: url("../img/copy.png")/*tpa=https://www.zjbgfb.com/template/default/images/copy.png*/ no-repeat center center;margin-right: 8px;}
.talent_click span{display: none;}
.talent_click.ontrue i{transform: rotate(180deg);}
.talent_click.ontrue span{display: inline-block}
.talent_click.ontrue b{display: none}

/*在线留言*/
.pdt80{
    padding: 80px 0;
}
.lycon{
    width: 1422px;
    margin: 0 auto;
    padding: 80px 0; 
}
.lytit{
    font-size: 36px;
    color: #333;
    text-align: center;
    font-weight: bold;
    position: relative;
    line-height: 36px;
    padding-bottom: 20px;
}

.lytit:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 40px;
    height: 3px;
    background: #004aa4;
    margin-left: -20px;
}
.lycon ul{
    margin-bottom: 10px;
    margin-top: 50px;
}
.lycon ul li:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: 0px;
}
.lycon ul li {
    width: 32%;
    float: left;
    margin-left: 2%;
    border-left: 1px solid #f1f1f1;
    padding-left: 2%;
}
.lycon ul li p,.lycon p {
    color: #a0a0a0;
    font-size: 16px;
}

.lycon ul li input{
    width: 100%;
    border: 1px solid #e5e5e5;
    height: 50px;
    padding: 0px 10px;
    margin-top: 10px;
}
.lyform .lyfl input{
    width: 200px;
    border: 1px solid #e5e5e5;
    height: 50px;
    padding: 0px 10px;
    margin-top: 20px;
}
.lyform .lyfl img{
    margin-top: 20px;
    cursor: pointer;
}
.lycon textarea{
    width: 100%;
    border: 1px solid #e5e5e5;
    height: 180px;
    padding: 10px;
    margin-top: 10px;
    resize: none;
}
.liuyan-on {
    text-align: center;
}
.lyform .inp_sub{
    height: 48px;
    background: #004aa4;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}
.lyfl{
    float: left;
}
.lyfr{
    float: right;
}
.lyform button {
    width: 200px;
    border: 1px solid #e5e5e5;
    height: 50px;
    padding: 0px 10px;
    margin-top: 20px;
}
.lycon ul li input:focus,.lycon textarea:focus,.lyform .lyfl input:focus{
    border-color: #004aa4;
}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
    .about_one{width: 94%;}
    .honor{width: 94%;}
    .honor_text h5{height: 300px;line-height: 260px;}
    .partner{width: 94%;}
    .contact_add{width: 94%;}
     .lycon{
        width: 100%;
        padding: 20px 2%;

    }



}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
    .about_two{width: 94%;}
    .honor_text h6{font-size: 16px;padding-top: 15px;}

}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */

    
    
    
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
    .about_mber ul li h5{font-size: 50px;}
    .about_mber ul li h6{font-size: 16px;}


    .talent_list_box{width: 94%;}


}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
    .guide{width: 94%;}
    .guide_list{width: 100%;border-bottom: 1px solid #eee;}
    .guide_left{width: 30%;}
    .guide_text{width: 70%;}
    .guide_list.ontrue .guide_text{width: 70%;}

}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 360移动终端以上 */
    .about_one{padding: 30px 0;}
    .about_one_left h4{font-size: 26px;}
    .about_one_left h5{padding-right: 40%;}
    .about_one_text {line-height: 28px;text-align: justify;font-size: 14px;}
    .about_one_text p{padding-top: 10px;} 
    
    .about_one_left{width: 100%;padding-right: 0px;}
    .about_one_right{width: 100%;float: left;overflow: hidden;height: auto;padding-top: 10px;}
    .about_mber{padding: 30px 0 20px 0;}
    .about_mber ul li{width: 48%;margin: 2% 1%;}
    .about_mber ul li h5{font-size: 38px;}
    .about_mber ul li h6{font-size: 16px;padding: 5px 5px 0 5px;}

    .about_two_box{background-size: cover;}
    .about_two{padding: 30px 0;}
    .about_two_center{margin-top: 30px;}
    .about_two_center ul{margin-left: -2%;}
    .about_two_center ul li{width: 48%;margin-left: 2%;min-height: 240px;height: auto;;transition: all .4s;padding: 10px;
    position: relative;cursor: pointer;margin-top: 10px;}
    .about_two_center ul li h4{padding: 20px 0;}
    .about_two_center ul li h5{font-size: 16px;}
    .about_two_center ul li p{font-size: 14px;}
    .about_two_center ul li:hover{height: auto;margin-top: 10px;}
    .about_two_center ul li h6 span{font-size: 20px;}

    .map_box{height: 300px}

    .huanjing{padding: 30px 0;}
    .huanjing_img{margin-top: 30px;}
    .huanjing_xian{height: 40px;}
    .huanjing_xian .swiper-pagination{padding-top: 10px;}
    .huanjing_xian .swiper-pagination-bullet{height: 30px;}

    .honor{padding: 10px 0 30px 0;}
    .honor_text h5{height: auto; line-height: 170px;overflow: hidden;}
    .honor_text h5 img{width: 100%;height: auto;object-fit: cover;}
    .honor_text h6{font-size: 14px;}
    .honor_center{margin-top: 30px;}

    /* 合作伙伴 */
    .partner_main{padding: 30px 0;}
    .partner_zhu{width: 100%;height: 316px;border-right: 0px solid #eee;
    background: url("../img/par_ico.png")/*tpa=https://www.zjbgfb.com/template/default/images/par_ico.png*/  #fff 10px 10px no-repeat;background-size: 13%}
    .zhu_text{padding: 50px 30px 30px 30px;}
    .zhu_text h4 img{max-width: 120px;height: auto;}
    .zhu_prev{width: 40px;height: 40px;}
    .zhu_prev i{width: 40px;height: 40px;}
    .zhu_next{width: 40px;height: 40px;}
    .zhu_next i{width: 40px;height: 40px;}

    .partner_logo ul li{width: 25%;height: 80px;padding: 10px;border-right: 1px solid #eee;border-bottom: 1px solid #eee;float: left;text-align: center;line-height: 60px;overflow: hidden;background-color: #fff;}

    /* 联系我们 */
    .contact_add{padding: 30px 0;}
    .contact_add_left{width: 100%;padding: 0px;border: 0px;}
    .contact_add_left ul li{width: 100%;float: left;min-height: 65px;}
    .contact_add_left ul li:nth-child(2n){width: 100%;}
    .contact_add_left ul li h5{width: 50px;height: 60px;float: left;}
    .contact_add_left ul li div h6{font-size: 16px;}
    .contact_add_left ul li div p{line-height: 26px;}

    .contact_add_right{width: 100%;}
    .map{width: 300px;}

    .guide{padding: 30px 0;}
    .guide_main{height: auto;padding-top: 30px;}

    .guide_left{width: 40%;padding: 20px 5px;}
    .guide_left h4{width: auto;height: 100px;margin: 0 auto;overflow: hidden;line-height: 100px;text-align: center;margin-top: 20px;}
    .guide_left h5{font-size: 18px;color: #fff;text-align: center;}
    .guide_left h6{font-size: 12px;color: #fff;text-align: center;}
    .guide_text_zi{padding: 10px;line-height: 24px;font-size: 12px;}

    .guide_text{width: 60%;}
    .guide_list.ontrue .guide_text{width: 60%;}
     
    /* 人才招聘 */
    .talent_search_box{padding: 30px 20px;}
    .talent_search{width: 100%;height: 44px;border-radius: 25px;}
    .talent_search input{width: 100%;box-sizing: border-box;border: none;height: 100%;padding: 0 20px;font-size: 14px;display: block;}
    .talent_searsubmit{width: 44px;height: 44px;}
    .talent_list_box{padding: 10px 0;}
    .talent_list{padding: 15px 15px 0 15px;margin-bottom: 20px;}
    .talent_title h5{font-size: 16px;}
    .talent_title h6 a{padding:6px 10px;font-size: 14px;}
    .talent_title{padding-bottom: 10px;}
    .talent_text{line-height: 34px;}
    .talent_list2{padding: 20px 0;line-height: 30px;}
    .talent_list2 h6{font-size: 16px;}
    /*留言*/

    .lycon ul li {
        width: 100%;
        border: 0px;
        margin-left: 0px;
        padding-left: 0px;
        margin-bottom: 10px;
    }
    .lycon ul li input, .lyform input, .lyform .inp_sub {
        margin-top: 20px;
        height: 40px;
    }
    .lyfl{
        width: 100%;
    }
    .lyfr{
        text-align: center;
        float: none;
    }

}