/*@import "style2-screen.css";*/

/*招聘中心*/

.wrapper_rc{ width: 1440px; margin: 0 auto;}

.wrapper_rc1{
    display: flex !important; align-items: center;
}

.clearfix:after{ content: ""; height: 0; display: block; clear: both; visibility: hidden }

* html .clearfix{ height: 1% }

*+html .clearfix{ height: 1% }

.clearfix{ display: block; clear: both }

.disable{ display: none;}

.rc_main p{ margin: 0;}

.rc_main{ padding: 20px 0 0;}

.rc_main01{ background: #f3f2f0;}

.rc_main .title{ text-align: center; line-height: 65px;}

.rc_main .title p{ font-size: 36px; color: #666; text-transform: uppercase;}

.rc_main .title h2{display: block; font-size: 36px; color: #222222; font-weight: 600; line-height: 55px;}



.recruitment{ padding: 29px 16px 30px;}

.recruitment .tab{ margin-bottom: 60px;}

.recruitment .tab a{ float: left; width: 132px; line-height: 46px; text-align: center; font-size: 18px; color: #555555; border-radius: 23px;}

.recruitment .tab a.on{ color: #fff; background: linear-gradient(to right, #166bcc, #00b9fe)}

.recruitment .list{ position: relative;}

.recruitment .list > a{ position: absolute; right: 0; top: -65px; line-height: 1.0; font-size: 16px; color: #666666;}

.recruitment .list li{ float: left; position: relative; width: 325px; height: 360px; background: #f3f3f3; margin-right: 36px; box-sizing: border-box; padding: 0 27px;cursor: pointer;}

.recruitment .list li:nth-child(4n+4){ margin-right: 0}

.recruitment .list li::after{ position: absolute; content: "";  left: 27px; top: 0; width: 30px; height: 4px; background: #002f7b;}

.recruitment h4{ display: block; font-size: 20px; color: #333333; line-height:1.4; margin: 15px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.recruitment h4 a{color: #333;}

.recruitment li div{ height: 157px; overflow:hidden; font-size: 16px; color: #bbbbbb; line-height: 22px; box-sizing: border-box; padding-top: 10px;}

.recruitment div p{ margin-bottom: 15px;}

.recruitment span{ display: block; font-size: 18px; line-height: 90px;position: absolute;bottom: 0;}

.recruitment span a{ color: #002f7b; }



.culture{ padding: 27px 0 57px; position: relative;}

.culture_info{ background: #fff;}

.culture_info .left{ float: left; width: 558px;}

.culture_info .right{ float: right; width: 741px;}

.culture_info .right img{ width: 741px; height: 348px;}

.culture_info b{ display: block; font-size: 28px; color: #496094; font-weight: 600; line-height: 60px; padding-top: 65px;}

.culture_info p{ font-size: 16px; color: #333333; line-height: 25px; font-weight: 600;}

.culture_info span{ display: block; font-size: 14px; color: #333; opacity: 0.6; line-height: 24px;}

.culture_info .left div{ padding-top: 8px;}

.culture .swiper-pagination{ position: absolute; right: 689px; bottom: 57px; background: #fff; width: 52px; padding: 12px 0; z-index: 2;}

.culture .swiper-pagination span{ display: block; width: 100%; line-height: 40px; text-align: center; border-radius: 0; height: 40px; background: none; font-size: 16px; color: #666666; text-decoration: underline; opacity: 1.0; font-weight: bold;}

.culture .swiper-pagination .swiper-pagination-bullet-active{ color: #002f7a;}



.humanistic{ padding: 23px 0 56px;}

.humanistic li{ float: left; width: 476px; margin: 7px 6px 0 0;}

.humanistic li:nth-child(3n+3){  margin-right: 0;}

.humanistic a{ display: block; position: relative;}

.humanistic img{ width: 100%; height: 227px;}

.humanistic div{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(transparent 50% , #1c6ce3)}

.humanistic b{ display: block; height: 100%; box-sizing: border-box; padding-top: 170px; line-height: 57px; color: #fff; font-weight: normal; font-size: 20px; text-align: center; overflow: hidden;}



.employee{ overflow: hidden; padding: 30px 0 57px; position: relative;}

.employee .swiper-slide{ width: 375px;}

.employee img{ width: 376px; height: 228px;}

.employee p{ font-size: 14px; color: #999999; line-height: 33px; padding-top: 10px;}

.employee b{ display: block; font-size: 20px; color: #3a61c4; font-weight: normal; line-height: 33px; height: 33px; overflow: hidden;}

.employee .swiper-scrollbar{ width: 480px; height: 2px; background: #aaaaaa; margin: 50px auto 0;}

.employee .swiper-scrollbar-drag{ height: 12px; top: -5px; border-radius: 6px; background: linear-gradient(#00b9fe , #166bcc)}

.swiper-button-next,.swiper-button-prev{ position: absolute; left: 50%; bottom: 40px; right: inherit; top: inherit; margin: 0; border-radius: 50%; overflow: hidden; width: 40px; height: 40px;}

.employee .swiper-button-next img,.employee .swiper-button-prev img{ width: 100%; height: 100%;}

.swiper-button-next::after,.swiper-button-prev::after{ display: none;}

.swiper-button-next{ margin-left: 260px;}

.swiper-button-prev{ margin-left: -300px;}



/*技术能力*/

.rc_main02{ background: #eef5ff;}

.equipment{ padding: 30px 0 125px;}

.equipment .left{ float: left; width: 650px; padding-top: 48px;}

.equipment .right{ float: right; position: relative;}

.equipment .img{ position: absolute; right: -5px; top: 60px;}

.equipment p{ font-size: 20px; color: #002f7b; line-height: 35px; font-weight: bold;}

.equipment i{ display: block; width: 59px; height: 4px; background: #666666; margin: 23px 0 25px;}

.equipment span{ display: block; font-size: 16px; color: #999999; font-style: italic; line-height: 28px;}



.items{ padding: 30px 0 0;}

.items li{ float: left; width: 419px; text-align: center; margin-right: 91px; margin-bottom: 52px;}

.items li:nth-child(3n+3){ margin-right: 0;}

.items img{ height: 76px; margin: 0 auto;transition: All 0.4s ease-in-out;}

.items li:hover img{ transform: scale(1.1);}

.items b{ display: block; font-size: 20px; color: #222222; line-height: 37px; padding-top: 20px;}

.items p{ font-size: 16px; color: #777; line-height: 25px;}



.tab_container{ margin-top: 20px; position: relative; background: url("../images/img_09.jpg") repeat-x left 25px;}

.tab_container .swiper-container{ margin: 0 175px; box-sizing: border-box;}

.tab_container .swiper-slide{ width: 16.66%; text-align: center;cursor: pointer;}

.tab_container .swiper-slide img{ margin: 0 auto; width: 52px; height: 52px;}

.tab_container .swiper-slide .img02{ display: none;}

.tab_container .swiper-slide p{ font-size: 16px; color: #777777; line-height: 35px;}

.tab_container .swiper-slide-thumb-active .img01{ display: none;}

.tab_container .swiper-slide-thumb-active .img02{ display: block;}



.reviews_container{ position: relative; margin: 45px 0;}

.reviews_container .swiper-slide{ width: 1139px; background: #f5f5f5; transform: scale(0.8); opacity: 0.4;}
.reviews_container .swiper-slide-active{ transform: scale(1.2); opacity: 1;}

.jc_info img{ float: right; width: 764px; height: 424px;}

.jc_info .left{ float: left; width: calc(100% - 315px); box-sizing: border-box; padding: 55px 40px 0 25px; overflow: hidden; text-align:center;}

.jc_info b{ display: block; font-size: 24px; color: #222222; line-height: 55px;}

.jc_info i{ display: block; width: 44px; border-bottom: 1px #1d4f92 solid; margin:0px auto; margin-bottom: 15px;}

.jc_info p{ font-size: 16px; color: #222222; font-weight: 600; line-height: 24px; height: 60px; overflow: hidden;}

.jc_info span{ display: block; font-size: 16px; color: #777777; line-height: 30px;}

.swiper-button-nexts,
.swiper-button-prevs {
    position: absolute;
    top: 30%;
    left: 53%;
    border-radius: 50%;
    overflow: hidden;
    z-index: 10;
}

.swiper-button-prevs {
    left: 15%;
}

.swiper-button-nexts {
   left: auto;
   right:15%;
}

.swiper-paginations{ text-align: center; font-size: 24px; color: #002f7b; line-height: 48px; margin-top: 30px;}





/*新闻中心*/

.fl{ float: left;}

.fr{ float: right;}

.new_main p{ margin: 0;}

.new_main .title{ text-align: center; padding: 35px 0 0;}

.new_main .title h2{ display: block; font-size: 40px; color: #222222; line-height: 80px;}

.new_main .title i{ display: block; margin: 0 auto; width: 34px; height: 4px; background-color: #002f7b;}



.shzr_news{ padding-top: 32px; overflow: hidden;}

.shzr_news li{ float:left; width: calc(33.3% - 27px); margin-right: 27px; border-radius: 10px; background: #f7f7f7; margin-top: 24px; overflow:hidden;}

.shzr_news li:nth-child(3n+3){ margin-right: 0;}

.shzr_news li img{width: 462px;height: 262px;object-fit: cover;}

.shzr_news p{ padding: 10px 17px; line-height: 30px; height: 85px; overflow: hidden; font-size: 16px; box-sizing: content-box; color: #999999;
display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}



.orientation{ position: relative; margin-top: 48px; padding-bottom:15px; overflow: hidden;  background: url("../images/img_13.jpg") no-repeat center top;}

.orientation-container .swiper-slide{ height: auto; padding: 20px 0px; box-sizing: content-box;}

.orientation_info .con{ width: 100%; text-align:center;}

.orientation_info .img img{ width: 553px; height: 373px;}

.orientation_info h4{ margin-top: 30px; display: block; font-size: 28px; color: #222222; font-weight: bold; line-height: 50px; overflow: hidden;}

.orientation_info p{ font-size: 28px; color: #555; line-height: 36px; margin-top: 20px;}

.orientation_info b{ display: block; font-size: 28px; color: #222222; line-height: 55px; text-align: center;}

.swiper-prevs,.swiper-nexts{ position: absolute; bottom: 87px; left: 50%; border-radius: 50%; z-index: 2;}

.swiper-prevs{ margin-left: -720px;}

.swiper-nexts{ margin-left: -672px;}

.img_list{ width: 100%;}

.img_list .swiper-wrapper{
    flex-wrap: wrap;
}

.img_list .swiper-slide{ box-sizing:border-box; padding:0px 1%; width:25%}

.img_list .swiper-slide img{ display: block; width:100%; height:auto;}

.img_list .swiper-slide b{ display: block; text-align: center; font-size: 18px; color: #222222; line-height: 55px;}

.img_list .swiper-slide-thumb-active{ opacity: 1.0;}



.d_intros{ background: #fff; padding: 49px 0 37px;}

.d_intros .img{ float: left;}

.d_intros .img img{ width: 648px; height: 436px; border-radius: 20px;}

.d_intros .con{ overflow: hidden; padding: 18px 0 0 50px; font-size: 16px; color: #555555; line-height: 24px;}

.d_intros b{ display: block; padding-top: 20px; font-size: 16px; color: #002f7b; line-height: 26px;}

.d_intros p{
    line-height: 2;
    font-size: 18px;
}

.d_intros p strong{
    color: #05327b;
}



.type_list{ padding: 59px 0 60px; background-color: #f4f3ef;}

.type_list li{ float: left; width: 336px; height: 226px; background: #fff; margin: 0 32px 25px 0; text-align: center;}

.type_list li:nth-child(4n+4){ margin-right: 0}

.type_list img{ height: 80px; margin: 42px auto 0; display: block;transition: All 0.4s ease-in-out;}

.type_list li:hover img{transform: scale(1.1);}

.type_list b{ display: block; font-size: 16px; color: #002f7b; line-height: 29px; padding-top: 10px;}

.type_list p{ font-size: 12px; color: #777777; line-height: 1.5; padding:0 10px;padding-top: 8px;}


.slideTxtBox{
    position: relative;
    background: url(../images/img_09.jpg) repeat-x left 25px;
}
.slideTxtBox ul {
    display: flex;
    justify-content: center;
    
}
.slideTxtBox ul li{
    width: 120px;
    text-align: center;
    color: #777;
}

.slideTxtBox ul li  img{
    margin: 0px auto;
    margin-bottom: 3px;
}

.slideTxtBox ul li .img01{
    display: block;
    
}

.slideTxtBox ul li .img02{
    display: none;
    
}

.slideTxtBox ul li.on .img01{
    display: none;
}

.slideTxtBox ul li.on .img02{
    display: block;
    
}