@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: #1d2088;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: #1d2088;}
.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: 390px;}
.about_one_right img{width: 100%;height: 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: 70px 0 0px 0;}
.about_mber ul li{width: 25%;float: left;text-align: center;}
.about_mber ul li h5{font-size: 55px;color: #1d2088;font-weight: bold;font-family: 'Arial'}
.about_mber ul li h6{font-size: 18px;color: #999;padding: 10px 10px 0 10px;}


/* 技术优势 */
.about_two_box{width: 100%;height: auto;overflow: hidden;/* background: url("../images/about3.png") top no-repeat; */}
.about_two{width: 1280px;height: auto;margin: 0 auto;overflow: hidden;padding: 0;}
.about_two_center{width: 100%;height: auto;margin-top: 50px;overflow: hidden;}
.about_two_center ul{margin-left: -3%;}
.about_two_center ul li{width: 22%;margin-left: 3%;height: 320px;transition: all .4s;background-color: #f4f8fd;float: left;padding: 20px;position: relative;cursor: pointer;margin-top: 40px;}
.about_two_center ul li h4{text-align: center;padding: 5px 0 20px 0;overflow: hidden;}
.about_two_center ul li h4 span{display: block;width: 65px;height: 65px;margin: 0 auto;}
.about_two_center ul li:nth-child(1) h4 span{background: url("../images/ab1.png") no-repeat}
.about_two_center ul li:nth-child(2) h4 span{background: url("../images/ab2.png") no-repeat}
.about_two_center ul li:nth-child(3) h4 span{background: url("../images/ab3.png") no-repeat}
.about_two_center ul li:nth-child(4) h4 span{background: url("../images/ab4.png") no-repeat}

.about_two_center ul li h5{font-size: 22px;color: #666;text-align: center;}
.about_two_center ul li p{font-size: 16px;color: #999;line-height: 24px;padding-top: 10px;/* height: 72px; */text-align: center;}
.about_two_center ul li i{display: block;height: 1px;background-color: #fff;width: 30px;margin: 0 auto;}
.about_two_center ul li h6{position: absolute;bottom: 0px;opacity: .1;width: 80%;}
.about_two_center ul li h6 span{text-align: center;font-size: 36px;color: #666;font-weight: bold;display: block;}

.about_two_center ul li:hover{height: 360px;background-color: #1d2088;margin-top: 0px;}
.about_two_center ul li:nth-child(1):hover h4 span{background: url("../images/ab5.png") no-repeat}
.about_two_center ul li:nth-child(2):hover h4 span{background: url("../images/ab6.png") no-repeat}
.about_two_center ul li:nth-child(3):hover h4 span{background: url("../images/ab7.png") no-repeat}
.about_two_center ul li:nth-child(4):hover h4 span{background: url("../images/ab8.png") no-repeat}
.about_two_center ul li:hover h5{color: #fff;}
.about_two_center ul li:hover p{color: #fff;}

/* 公司环境 */
.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%;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 #1d2088; color: #1d2088;}

/* 荣誉证书 */
.honor{width: 1420px;height: auto;margin: 0 auto;padding: 50px 0 30px 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: #1d2088;}
.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%;height: auto;object-fit: cover;}
.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("../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("../images/par_prev.png") no-repeat center center;}
.zhu_prev:hover {background-color: #1d2088;}
.zhu_prev:hover i{background: url("../images/par_next.png") no-repeat center center;transform: rotate(180deg);}
.zhu_next i{display: inline-block;width: 50px;height: 50px;background: url("../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: #1d2088;}
.zhu_next:hover i{background: url("../images/par_next.png") no-repeat center center;transform: rotate(0deg);}

.partner_logo ul li{width: 16.5%;/* height: 188px; */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_t{width: 100%;/* float: left; */border-right: 1px solid #e5e5e5;padding: 0 20px;}
.contact_add_t ul li{width: 24%;float: left;margin: 0 1% 1% 0;min-height: 80px;}
.contact_add_t ul li h5{width: 80px;height: 80px;float: left;margin-right:10px;border-radius: 100px;overflow:hidden;}
.contact_add_t ul li h5 img{width: 100%;}
.contact_add_t ul li h5 i{display: inline-block;width: 100%;height: 100%;overflow: hidden;}
.contact_add_t ul li:nth-child(1) h5 i{background: url("../images/add1.png") no-repeat center center;}
.contact_add_t ul li:nth-child(2) h5 i{background: url("../images/add2.png") no-repeat center center;}
.contact_add_t ul li:nth-child(3) h5 i{background: url("../images/add3.png") no-repeat center center;}
.contact_add_t ul li:nth-child(4) h5 i{background: url("../images/add4.png") no-repeat center center;}
.contact_add_t ul li div h6{font-size: 18px;color: #333;}
.contact_add_t ul li div p{font-size: 14px;color: #666;line-height: 30px;}
.contact_add_t ul li div p a{ color: #1d2089; }

.map_box{width: 100%;height: 600px;background: url("../images/map1.png") no-repeat center center;overflow: hidden;}
.map{width: 420px;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 #1d2088;border-radius: 100%;margin: 0 auto;margin-top: 15px;}
.map1{width: 100%;height: 400px;background-color: #fff;padding: 10px;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("../images/map3.png") no-repeat center center;}
.map1 h6{font-size: 16px;color: #1d2088;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: #1d2088;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: #1d2088;}
.guide_list.ontrue .guide_left{background-color: #1d2088;}
.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("../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: #1d2088;border-radius: 3px;}
.talent_text{width: 100%;line-height: 40px;}
.talent_text h4{padding-left: 25px;background: url("../images/add7.png") left no-repeat;float: left;margin-right: 30px;}
.talent_text h5{padding-left: 25px;background: url("../images/add8.png") left no-repeat;float: left;margin-right: 30px;}
.talent_text h6{padding-left: 25px;background: url("../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: #1d2088;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("../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}



/* -------------------------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%;}



}

@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;}

    .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: 210px; 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("../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_t {padding:0;}
    .contact_add_t ul li {width:49%;margin: 0 1% 5% 0;}
    .contact_add_t ul li h5 {width: 48%;margin:0 auto;float: none;}
    .contact_add_t ul li div { text-align:center; }
    .contact_add_t ul li div p {line-height: 24px;font-size: 12px;}

    .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;}


}