/*公司介绍*/

.company_main{width: 100%;height: auto;;overflow: hidden;    padding: 90px 0 120px 0;}
.company{width: 1360px;margin: 0 auto;}
.company_zi{width: 100%;height: auto;overflow: hidden; padding: 70px 0 50px 0;margin:0 auto;}
.company_zi ul li{width: 33.3%;float: left;border-right: 1px solid #e5e5e5;text-align: center;}
.company_zi ul li:nth-child(3){border-right: 0px}
.company_zi ul li h4{font-size: 70px;font-family: "Arial";color: #e3143b;font-weight: bold;}
.company_zi ul li h5{font-size: 22px;color: #333;font-weight: normal;}
.company_text{width: 100%;height: auto;;overflow: hidden;}
.company_text .company_text_zi{font-size: 16px;color: #777;line-height: 40px;text-align: center; height: 200px; overflow: hidden;}
.company_text i{width: 40px;height: 40px;display: block;}
.click_dian{width: 40px;height:40px;margin:0 auto; background: url('../images/about_xia.png') no-repeat center center;cursor: pointer;}
.company_text .company_text_zi.onture{height:auto;}


/*企业文化*/
.curture_main{width: 100%;height: auto;;overflow: hidden;    padding: 90px 0 90px 0;background-color: #f5f5f5;}
.curture{width: 1360px;margin: 0 auto;overflow: hidden;}
.curture h6{font-size: 26px;color: #333;text-align: center;padding: 30px 0;}

.curture ul{margin-left: -2%;margin-top: 30px;}
.curture ul li{width: 31.3333%;position: relative;border-radius: 3px;margin-left: 2%;overflow: hidden;float: left;margin-bottom: 2%;overflow: hidden;}
.curture ul li img{width: 100%;min-height: 200px;transition: all .4s ease-in-out;}
.curture ul li img:hover{transform: scale(1.1);}
.curture ul li p{position: absolute;font-size: 18px;color: #fff;line-height: 40px;bottom: 10px;text-align: center;width: 100%}

/*合作伙伴*/
.partner_main{width: 100%;height: auto;;overflow: hidden;    padding: 70px 0 50px 0;}
.partner{width: 1360px;margin: 0 auto;}
.team-listbox{width: 100%;margin-top: 40px;}
.team-img{width: 100%;height: 100%;line-height: 100%;text-align: center;border: 1px solid #e8e8e8;transition: all .4s ease-in-out;}
.team-img a{width: 100%;height: 100%;transition: all .4s ease-in-out;}
.team-img img{max-width: 100%;}
.team-img:hover{border-color: #146eb4;box-shadow: 0 0 10px 4px #a9d2f1}

@media screen and (min-width: 1024px) {.team-listbox .swiper-slide{padding: 0px; width:24%; position:relative; float:left;    margin-top: 24px;;margin-right: 10px;}}
@media screen and (max-width: 1024px) {.team-listbox .swiper-slide{padding: 0px; width:48%; position:relative; float:left;    margin-top: 14px;}}
.team-listbox .swiper-container{padding-bottom:40px;}
.team-listbox .swiper-pagination-bullet {background: #c3c3c3;opacity: 1;}
.team-listbox .swiper-pagination-bullet-active {background: #cb1001;}

/*实习基地*/
.base_main{width: 100%;height: auto;;overflow: hidden;    padding: 90px 0 120px 0;}
.base{width: 1360px;margin: 0 auto;}
.base_text{width: 96%;margin: 0 auto;overflow: hidden; padding: 30px 0;}
.base_text p{font-size: 16px; color: #777;line-height: 40px;text-align: left;}

.fwms_center{width: 100%;height: auto;padding: 50px 0;}
.fwms_center_q{float: left;width: 21.5%;margin: 0 1%;}
.fwms_center_q h4{width: 170px;height: 170px; margin:0 auto; transition: all .4s; border-radius: 100%;background: #f2f2f2; text-align: center;line-height: 170px; }
.fwms_center_q h4 /*{width: 60px;height: auto; margin: 0 auto; padding-top: 38px; overflow: hidden;display: block;}*/
.fwms_center_q h4 img{max-width: 100%; height: auto;vertical-align: middle;display: inline-block;}
.fwms_center_q h4 .imghover{display: none}
.fwms_center_q h4:hover .img{display: none;}
.fwms_center_q h4:hover .imghover{display: block;}
.fwms_center_q h4:hover{  background:#d7000f;  transform: translateY(-10px);}
.fwms_center_q p{font-size: 16px;text-align: center;;padding-top: 30px;color: #777;}
.fwms_center_j{width: 2%;float: left; line-height: 170px;text-align: center;color: #9ba8b3;font-size: 60px;}



/*人才发展*/
.talent_main{width: 100%;height: auto;;overflow: hidden;padding: 90px 0 120px 0;background-color: #f4f4f4;}
.talent{width: 1360px;margin: 0 auto;}
.talent_cen{width: 100%;height:auto;overflow: hidden; margin:40px 0; }
.talent_left{float: left;width: 50%;height:594px;overflow: hidden;background-color: #fff;}
.talent_img{width: 50%;float: left;overflow: hidden;height: 594px;}
.talent_img img{max-width: 100%;object-fit: cover;transition: all .4s ease-in-out;height: 594px;}
.talent_img img:hover{transform: scale(1.1);}
.talent_left_text{padding: 10%;overflow: hidden;position: relative;min-height: 80%;}
.talent_left_text h4{font-size: 30px;color:#333;line-height: 40px;padding-bottom: 20px;}
.talent_left_text p{font-size: 16px;color:#777;line-height: 26px; padding-bottom: 20px;}
.talent_left_text p img{max-width: 100%}

.talent_left_bottom{position: absolute;bottom: 0px;width: 80%}
.talent_left_bottom span{width: 50px;height: 5px;background-color: #000;margin-top: 30px;float: left;}
.talent_left_bottom h6{float: right;width: auto;}
.talent_left_bottom h6 img{max-width: 100%;}
/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {
.company_main,.base_main{padding: 72px 0 100px 0;}


}

@media all and (max-width:1460px) {
   .company_main,.base_main{padding: 66px 0 84px 0;}

}

@media all and (max-width:1380px) {

.talent_left_text{padding: 8%; min-height: 84%;}
.talent_left_bottom{bottom: 0px;width: 84%}

.company_main,.base_main{padding: 60px 0 68px 0;}
.company,.curture,.partner,.base,.talent{width: 94%;}
.curture h6{font-size: 22px;}

.curture_main{padding: 50px 0 50px 0;}

}

@media all and (max-width:1280px) {
.fwms_center{padding: 30px 0;}
.company_zi ul li h4{font-size: 50px;}
.company_zi ul li h5{font-size: 18px;}
   
.company_zi{padding: 40px 0 30px 0;}

}

@media all and (max-width:1200px) {
.curture h6{font-size: 18px;}
.company_zi ul li h4{font-size: 40px;}
.company_zi ul li h5{font-size: 15px;}


}


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {

.curture_main{padding: 50px 0 30px 0;}
.company_main{padding: 34px 0 44px 0;}

.company_zi ul li{width: 100%;border-bottom: 1px solid #e5e5e5;border-right: 0px;padding: 30px 0;}

.base_text{padding: 10px 0;}
.company_text p{line-height: 30px;height: auto;}
.base_text p{line-height: 28px;font-size: 14px;}
.curture ul li{width: 100%; margin-left: 0px;}
.curture ul li img{height:auto;}

.fwms_center {padding: 20px 0 0 0;}
.fwms_center_q h4{width: 60px;height:60px;line-height: 60px;}
.fwms_center_q h4 img{width: 50%;}  
.fwms_center_q p{font-size: 13px;padding-top: 20px;}
.fwms_center_j{font-size: 16px;line-height: 60px;}

/*人才发展*/
.talent_left{width: 100%;height: auto;padding-bottom: 20px;}
.talent_img{width: 100%;height: auto;}
.talent_img img{height:auto;width: 100%;}

}


.about .history{float: left; width: 100%; background: #f5f5f5; padding-bottom: 64px;}
.c_12{float: left; width: 100%;}
.c_12 .c_12_m{float: left; padding-top: 43px; padding-bottom: 40px; position:relative;}
.c_12 .c_12_m::before{content:""; position:absolute; width:1px; height:100%; background:#e3e3e3; left:50%; top:43px; z-index:8;}
.c_12 .c_12_m::after{content:""; position:absolute; width:12px; height:12px; border-radius:6px; background:#bdbdbd; left:50%; margin-left:-6px; top:43px; z-index:9;}
.c_12 h2{font-size: 30px; line-height: 60px; color: #3f3f3f; text-align: center;}
.c_12 .c_12_l{width: 100%; float: left; padding-top: 40px;}
.c_12 .c_12_l li{float:left; width: 50%; padding-right: 26px; position: relative; z-index: 9;}
.c_12 .c_12_l li a{float: left; display: block; width: 100%;  padding: 22px 24px 21px 50px; border: 1px solid #e3e3e3; background: #fff; border-radius: 8px; position: relative; }
.c_12 .c_12_l li a .bg{width: 38px; height: 24px; position: absolute; left:100%; top: 28px; background: url(../images/bg_6_3.png) no-repeat center; z-index:9;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s; }
.c_12 .c_12_l li a .c_12_l_1,
.c_12 li a .c_12_l_1{float: left; width: 58.536585%;}
.c_12 .c_12_l li a .c_12_l_1 h2{float: left; font-size: 24px; line-height: 30px; height: 30px; color: #666; text-align: left;}
.c_12 .c_12_l li a .c_12_l_1 span{float: left; display: block; width: 100%; padding-top: 3px; line-height: 26px; font-size: 16px; color: #666; }
.c_12 .c_12_l li a img{float: right; display: block;}
.c_12 .c_12_l li a:hover{border: 1px solid #f00;}
.c_12 .c_12_l li a:hover .c_12_l_1 h2{color: #f00;}
.c_12 .c_12_l li a:hover .bg{background: url(../images/bg_6_5.png) no-repeat center;}
.c_12 li.c_12_r{padding-right: 0; padding-left: 26px; margin-top: 50px;}
.c_12 li.c_12_r a .bg2{width: 38px; height: 24px; position: absolute; right:100%; top: 28px; background: url(images/bg_6_4.png) no-repeat center; z-index:9;}
.c_12 li.c_12_r a:hover .bg2{background: url(../images/bg_6_6.png) no-repeat center;}
.c_12 .c_12_more{float: left; font-size: 16px; padding-top: 40px; width: 100%; position: relative; z-index: 9;}
.c_12 .c_12_more a{display: block; text-align: center; margin: 0 auto; width: 152px; height: 42px; line-height: 42px;background: #e3143b;  border-radius: 5px; color: #fff;}
.c_12 .c_12_more a:hover{background: #d40808;}

@media  screen and (max-width:1199px){
  .c_12 .c_12_l li{padding-right: 40px;}
  .c_12 .c_12_l li a{padding: 22px 24px 21px 20px;}
  .c_12 .c_12_l li a .bg{left: auto; right: -53px; z-index: -1;}
  .c_12 li.c_12_r{padding-right: 0; padding-left: 40px;}
  .c_12 li.c_12_r a .bg2{left:-53px; right: auto; z-index: -1;}
}
@media  screen and (max-width:991px){
  .c_12 .c_12_l li{padding-right: 30px;}
  .c_12 .c_12_l li a .bg{left: auto; right: -43px; z-index: -1;}
  .c_12 .c_12_l li a .c_12_l_1,
  .c_12 li a .c_12_l_1{width:100%;}
  .c_12 .c_12_l li a .c_12_l_1 span{line-height: 24px;}
  .c_12 .c_12_l li a img{width: 120px; margin-top: 10px;}
  .c_12 li.c_12_r{padding-right: 0; padding-left: 30px;}
  .c_12 li.c_12_r a .bg2{left:-43px; right: auto; z-index: -1;}
}
@media  screen and (max-width:767px){
  .c_12 .c_12_m{padding-top: 23px; padding-bottom: 20px;}
  .c_12 .c_12_m::before{width:1px; top:23px; left: 0;}
  .c_12 .c_12_m::after{width:12px; height:12px; border-radius:6px; left:-6px; margin-left:0; top:23px;}
  .c_12 .c_12_l{padding-top: 20px;}
  .c_12 .c_12_l li{padding-right: 0; padding-left: 20px; width: 100%; margin-top: 15px;}
  .c_12 .c_12_l li a{padding: 10px 15px;}
  .c_12 .c_12_l li a .bg{ left: -32px; background: url(../images/bg_6_4.png) no-repeat center;}
  .c_12 .c_12_l li a .c_12_l_1,
  .c_12 li a .c_12_l_1{width:60%;}
  .c_12 .c_12_l li a .c_12_l_1 h2{font-size: 18px; line-height: 28px; height: 28px;}
  .c_12 .c_12_l li a .c_12_l_1 span{line-height: 22px; font-size: 12px;}
  .c_12 .c_12_l li a img{width: 35%; margin-top: 10px;}
  .c_12 li.c_12_r{padding-right: 0; padding-left: 20px; margin-top: 15px;}
  .c_12 li.c_12_r a .bg2{left:-32px; }
  .c_12 .c_12_more{font-size: 14px; padding-top: 20px; }
  .c_12 .c_12_more a{float: left; width: 102px; height: 32px; line-height: 32px;}
  .c_12 .c_12_l li a:hover .bg{background: url(../images/bg_6_6.png) no-repeat center;}
  
}
@media  screen and (max-width:349px){
  .c_12 .c_12_l li a .c_12_l_1,
  .c_12 li a .c_12_l_1{width:100%;}
  .c_12 .c_12_l li a img{display: none;}
}