@charset "utf-8";
/* CSS Document */
body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,form,p,img,div,pre,fieldset,blockquote,th,td {margin:0;padding:0;outline:none;}
body{color:#333; background-color:#F7F7F7;}
ul,li,ol,dl,dt,dd{list-style:none}
img{border:none;border-style: none;}
*{ font-family: 'Noto Sans SC', sans-serif; margin:0; padding:0;}
input,textarea,button{ background: transparent;vertical-align:middle; border: none;}
a{ color: inherit; text-decoration:none;}
:focus{outline:0}
table { border-spacing: 0px; border-collapse: collapse; }
tr { cursor: pointer; }
input, textarea{ border: 0; }
textarea{resize:none}
select{ border:none;outline: none;}
i, cite, em, var, address, dfn{font-style: normal;}
iframe, video{ max-width:100%;}
pre{white-space: pre-wrap;       /* css-3 */ white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */ white-space: -pre-wrap;      /* Opera 4-6 */ white-space: -o-pre-wrap;    /* Opera 7 */ word-wrap: break-word;       /* Internet Explorer 5.5+ */}

/*href*/
a:link,a:visited{color: inherit; text-decoration:none;}
a:hover,a:active{color: inherit; text-decoration:none;}
.cfff,.cfff a:link,.cfff a:visited{color:#fff !important}
.cfff a:hover,.cfff a:active{color:#ddd}
.cccc,.cccc a:link,.cccc a:visited{color:#ccc}
.cccc a:hover,.cccc a:active{color:#ddd}
.c666,.c666 a:link,.c666 a:visited{color:#666}
.c666 a:hover,.c666 a:active{color:#a00}
.c999,.c999 a:link,.c999 a:visited{color:#999}
.c999 a:hover,.c999 a:active{color:#a00}
.c3f,.c3f a:link,.c3f a:visited{ color: #3F3F3F;}
.bgfa{ background-color: #fafafa;}
.bfff{ background-color: #ffffff;}
.bgf8{ background-color: #f8f8f8;}

/*common*/
.wrap{ width: 1270px; margin:0 auto;}
.l{float:left !important}
.r{float:right !important}
.o{overflow:hidden}
.c{display:block;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hidden{display:none}
.center{text-align:center}
.img-box img,.img{display:block;margin:0;padding:0;width:100%;}
.flexbox{display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display: -moz-flex; display:flex;}
.flex1{ flex: 1;}
/*文字超出省略*/
.ellipsis{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ovh1{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.ovh2{-webkit-line-clamp:2}
.ovh3{-webkit-line-clamp:3}
.ovh4{-webkit-line-clamp:4}
.ovh5{-webkit-line-clamp:5}
.table{display: table;table-layout: fixed;text-align: center;width: 100%;height: 100%}
.table_cell{display: table-cell;vertical-align: middle;}

.ml10{ margin-left: 10px;}
.mr10{ margin-right: 10px;}
.mt10{ margin-top: 10px;}
.mb10{ margin-bottom: 10px;}
.ml15{ margin-left: 15px;}
.mr15{ margin-right: 15px;}
.mt15{ margin-top: 15px;}
.mb15{ margin-bottom: 15px;}

.w223{ width: 223px;}
.w260{ width: 260px;}
.w290{ width: 290px;}
.w475{ width: 475px;}
.w627{ width: 627px;}
.w690{ width: 690px;}
.w965{ width: 965px;}

.hide{ display: none !important;}
.show{ display: block !important;}

.banner{ position: relative;}
.header{ position: absolute; top: 20px; left: 50%; margin-left: -635px; z-index: 9;}
.top{}
.logo{ width: 216px; height: 40px; background: url(../images/logo.png) no-repeat center center;}
.nav{ line-height: 40px; font-size: 17px;}
.nav a{ margin-left: 20px;}
.nav a.no{ margin-left: 0;}
.search{ background: url(../images/search_bg.png) no-repeat center center; width: 1240px; height: 45px; margin-top: 300px;}
.search_kuang{ width: 1000px; height: 41px; padding: 0 25px; color: #666666;}
.search_kuang_button{ width: 100px; height: 41px; background-color: #045EAC; margin: 2px; border-radius: 41px; background-image: url(../images/search.png); background-position: center; background-repeat: no-repeat; font-size: 0; cursor: pointer;}
.contact {padding: 30px;font-size: 18px;font-family: 700;line-height: 2;}

.index1{ height: 380px;}
.box1{ height: 100%;}
.box_tit{ border-top: 2px solid #045EAC; border-bottom: 1px solid #CFE1FF; font-size: 18px; font-weight: bold; line-height: 48px; padding: 0 15px;}
.box_tit a{ font-weight: normal; font-size: 14px;}
.box_tit span{ color: #045EAC;}
.box_tit img{ margin-left: 10px;}
.index_tit{ position: relative;}
.index_tit:after{ content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: #045EAC;}
.index_en{ font-size: 14px; color: #1471F6; font-weight: normal;}
.box1_list{}
.box1_list li{ border-bottom: 1px solid #CFE1FF; font-size: 15px; color: #666666; line-height: 22px; background: url(../images/dot.png) no-repeat 15px 30px; padding: 19px 20px 19px 24px;}
.box1_list li:last-child{ border-bottom: none;}
.box1_list li span{ font-size: 14px;}
.box3{ height: 100%;}
.box3 .box_tit{ border-bottom: none;}
.box3 .avatar {display: block;width: 60px;height: 60px;margin: 10px auto;border-radius: 50%;}
.box3 .user_name {font-size: 18px;text-align: center;font-weight: 700;height: 20px;line-height: 20px;}
.box3_form{ padding: 0 20px;}
.box3_form .item{ height: 38px; border: 1px solid #DCDFE6; border-radius: 5px; margin-bottom: 20px; font-size: .30rem;color: #333333;}
.box3_form .item_ico{ width: 53px; height: 38px; background-repeat: no-repeat; background-position: center; border-right: 1px solid #DCDFE6;}
.box3_form .item .name{ background-image: url(../images/username.png);}
.box3_form .item .password{ background-image: url(../images/password.png);}
.box3_form .item input{ padding: 0 15px; height: 100%; font-size: 14px; color: #9FA3AA; width: 164px;}
.box3_an{ margin: 40px 0;}
.box3_an button{ width: 120px; height: 44px; background-color: #045EAC; border-radius: 5px; font-size: 18px; color: #ffffff;}
.box3_an button.reset{ background-color: #FF4E00;}
.box3_ul{ width: 288px; height: 105px; margin: 1px; background-color: #EDF3FF;}
.box3_ul li{ float: left; width: 50%; text-align: center; padding-top: 20px;}
.box3_ul li p{ color: #025DAC; line-height: 45px;}

.index2{ height: 400px;}
.box4, .box5, .box6{ height: 100%;}
.index2_ul{ margin: 0 20px;}
.index2_ul li{ line-height: 55px; overflow: hidden; font-size: 15px;}
.index2_ul li:not(:last-child){ border-bottom: 1px dashed #CCCCCC;}
.index2_ul li span{ font-size: 13px; color: #666666;}
.index2_ul li:last-child{ border-bottom: none;}
.box4_fabu{ margin-top: 25px; color: #0760AD; font-weight: bold;}
.box5_ul li{ float: left; width: 198px; line-height: 42px; border: 1px solid #DCDFE6; border-radius: 5px; margin: 10px; text-align: center; font-size: 14px;}

.index3 .swiper-pagination{ bottom: 5px;}
.index3 .swiper-pagination-bullet{ width: 30px; height: 3px; border-radius: 0; background: #ffffff; cursor: pointer; vertical-align: bottom;}

.index4{ height: 290px;}
.box7, .box8, .box9{ height: 100%;}
.box7 .index_tit:after, .box8 .index_tit:after{ display: none;}
.box7_txt{ font-size: 14px; line-height: 30px; margin: 15px 25px 0;}
.box7_txt a{ display: block; height: 30px; overflow: hidden;}
.box7_name{ width: 90px;}
.box7_school{ width: 160px;}
.box7_job{ width: 175px;}
.box9_txt{ font-size: 14px; color: #1471F6; line-height: 27px; margin: 10px 10px 0 15px; display: -webkit-box; overflow: hidden; word-break: break-word; -webkit-line-clamp: 8; line-clamp: 8; -webkit-box-orient: vertical;}
.box9_txt a{ margin-right: 15px; white-space: nowrap;}

.index5{ height: 270px;}
.box10, .box11{ height: 100%;}
.honor_swiper{ margin: 20px 20px 0;}
.honor_swiper .swiper-slide{ width: 124px; margin: 0 15px;}
.box11_news{ padding-right: 16px; padding-left: 16px; margin-top: 11px;}
.box11_news li{ padding: 9px 0 10px;}
.box11_news li a{ align-items: center;}
.box11_news li:not(:last-child){ border-bottom: 1px solid #e3e3e3;}
.clazz-title{ font-size: 14px; line-height: 22px; margin-right: 13px;}

.index6{ height: 365px;}
.box12, .box13{ height: 100%;}
.box12_ul{}
.box12_ul li{ float: left; width: 291px; height: 100px; background-color: #F9FBFF; border-radius: 5px; margin: 15px 0 0 15px;}
.invite-item{ padding: 16px 15px 26px;}
.invite-item-title{ font-size: 18px; line-height: 1;}
.invite-item-bottom{ margin-top: 25px;}
.invite-item-icon{}
.invite-item-icon img{ margin-right: 10px; font-size: 14px;}
.box12_more{width: 137px; line-height: 34px; background-color: #045EAC; border-radius: 5px; margin: 25px auto 0;}
.box13_more{ background-color: #FF6D38;}

.index7{ margin-bottom: 20px;}
.blogroll-box{flex-wrap: wrap; margin: 11px 16px 10px;}
.blogroll-box a{ margin-right: 15px; font-size: 14px; line-height: 28px;}

.footer{ background-color: #045EAC;}
.footer-list{ margin: 50px 0;}
.list2{ margin-left: 100px;}
.list-title{ margin-bottom: 8px; line-height: 20px;}
.list-item{ font-size: 14px; line-height: 32px;}
.ewm-wrap{ margin-left: 280px;}
.ewm-box:first-child{ margin-right: 80px;}
.footer-right{ margin-left: auto; text-align: right;}
.right-item{ line-height: 28px; font-size: 14px;}
.copy{ border-top: 1px solid #508FC5; line-height: 59px; font-size: 14px; color: #81AED5;}

.main{ margin: 30px auto 40px;}
.border-top{ border-top: 2px solid #045EAC;}
.content{ padding: 15px 50px 40px;}
.content-title{ font-size: 36px; border-bottom: 1px solid #D8D8D8; line-height: 110px;}
.content-about{ margin-top: 40px;}
.content-about, .content-about p{ font-size: 18px; line-height: 32px;}

.newslist{ margin-top: 10px;}
.newslist li{ border-bottom: 1px solid #EFEFEF; padding: 30px 40px;}
.list-item-title{ font-size: 22px;}
.list-item-time{ margin-top: 15px;}
.list-items{ color: #999999; font-size: 13px; margin-right: 30px;}
.list-items img{ vertical-align: middle; margin-right: 10px;}

.link_title{ line-height: 66px; padding: 0 30px; border-bottom: 2px solid #ECECEC; color: #409EFF; font-weight: bold;}
.linklist{ margin-top: 30px;}
.linklist li{ float: left; width: 210px; line-height: 43px; text-align: center; border: 1px solid #DEDEDE; margin: 0 0 30px 30px;}

.el_nav{ padding-top: 11px; border-bottom: 2px solid #ECECEC;}
.el_nav li{ float: left; color: #000000; padding: 0 15px; line-height: 55px; margin-left: 20px; position: relative;}
.el_nav li.active{ color: #409EFF;}
.el_nav li.active:after{ content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: #409EFF;}

.jobslist{ padding-top: 5px;}
.jobslist li{ border-bottom: 1px solid #ECECEC; padding: 25px 30px; line-height: 25px; font-size: 14px; color: #666666;}
.job-name{ color: #1A7EEF;}
.job-info{ margin-top: 10px;}
.job-item{ float: left; margin-right: 40px;}
.job-item img{ margin-left: 10px;}

.area{ line-height: 28px; margin: 24px 30px;}
.select-tag-title{ color: #999999;}
.select-tag-item{ font-size: 13px; padding: 0 10px; margin-right: 10px; cursor: pointer;}
.select-tag-item-active{ color: #1787fb; background-color: #f4f9ff;}
.learn_link{ color: #548BF9; text-decoration: underline; margin: 0 30px 30px;}
.learn_line{ height: 20px; width: 100%; background-color: #F7F7F7;}
.learn-table__header{ border-bottom: 2px solid #ECECEC;}
.learn-table__header li{ padding-top: 4px; color: #999999; font-weight: bold; line-height: 62px;}
.learn_table .cell{ padding: 0 12px 0 30px;}
.el-table_1_column_1{ width: 310px;}
.el-table_1_column_2{ width: 410px;}
.el-table_1_column_3{ width: 510px;}
.el-table__cell{ font-size: 14px;}
.el-table__body li{ padding: 8px 0; line-height: 23px; border-bottom: 1px solid #ECECEC;}
.el-table__body li:hover{ background-color: #f5f7fa;}

.learns_table .el-table_1_column_1{ width: 360px;}
.learns_table .el-table_1_column_2{ width: 880px;}

.recruitlist li{ padding: 40px; border-bottom: 1px solid #CCCCCC; overflow: hidden;}
.recruit-image{ width: 272px; margin-right: 18px;}
.recruit-info{ width: 900px;}
.recruit-name{ font-size: 19px; line-height: 36px; color: #045eac;}
.recruit-num{ color: #999999; margin-top: 4px; line-height: 1.6;}
.recruit-num span{ margin: 0 20px 0 4px; color: #575757; font-size: 18px;}
.recruit-info-cell{ font-size: 15px; margin-top: 5px; color: #999999; line-height: 1.6;}
.recruit-tips{ margin-top: 4px; font-size: 15px; color: #e54646; line-height: 1.6;}

.recruit_article li{ border-bottom: none;}

.team_nav .select-tag-nav{ flex: 1;}
.select-tag-nav{ flex-wrap: wrap;}
.teamlist{ margin-top: 10px;}
.teamlist li{ border-bottom: 1px solid #CCCCCC; overflow: hidden; padding: 30px 40px;}
.team_img{ margin-right: 30px; width: 130px;}
.team_title{ font-size: 24px;}
.team_items{ font-size: 18px; color: #999999;}
.team_item{ font-size: 14px; color: #999999;}
.team_more{ width: 88px; line-height: 31px; border: 1px solid #CCCCCC; border-radius: 5px; font-size: 14px; color: #999999;}

.team_content-title{ font-size: 24px; line-height: 2;}
.team_content-about{ font-size: 18px; color: #999999; line-height: 2;}

.problem{ padding-top: 40px;}
.problem_li{ margin-bottom: 20px; line-height: 36px;}
.problem_li span{ font-size: 15px; vertical-align: top;}
.problem_li input, .problem_li textarea{ width: 1000px; border: 1px solid #DCDFE6; height: 36px;}
.problem_li input{}
.problem_li textarea{ height: 300px;}
.problem_nr{}
.problem_nr .problem_li{ margin-right: 30px;}
.problem_nr input{ width: 360px;}
.problem_submit{ justify-content: center; margin-top: 30px; text-align: center;}
.problem_sub{ width: 58px; line-height: 32px; height: 32px; border-radius: 5px; border: 1px solid #E6A23C; background-color: #E6A23C; font-size: 15px; margin: 0 5px;}
.problem_submit a{ display: block; border: 1px solid #DCDFE6; border-radius: 5px; background-color: #ffffff; width: 58px; line-height: 32px; height: 32px; color: #666666; font-size: 15px; margin: 0 5px;}

.reg_group{ width: 400px; margin: 0 auto;}
.reg_box .reg_group .g_title {font-size: 1.25vw;color: #333;text-align: center;padding: 2.604167vw 0 2.083333vw;}
.ipc-box {display: flex;justify-content: space-between;margin-bottom: 1.25vw;align-items: center;}
.required{ text-align: right; width: 29%;}
.required:before {content: "*";color: red;margin-left: 0.208333vw;}
.el-input{ position: relative; font-size: .729167vw; display: inline-block; width: 70%;}
.el-input__inner {-webkit-appearance: none;background-color: #fff;background-image: none;border-radius: 0.208333vw;border: 1px solid #dcdfe6;box-sizing: border-box;color: #606266;display: inline-block;font-size: inherit;height: 2.083333vw;line-height: 2.083333vw;outline: 0;padding: 0 0.78125vw;transition: border-color .2s cubic-bezier(.645,.045,.355,1);width: 100%;}
.el-input--suffix .el-input__inner {padding-right: 1.5625vw;}
.reg_box .reg_group .g_agree {text-align: center;padding: 1.041667vw 0;}
.el-checkbox {color: #606266;font-weight: 500;font-size: .729167vw;cursor: pointer;user-select: none;margin-right: 1.5625vw;}
.el-checkbox:last-of-type {margin-right: 0;}
.el-checkbox__inner {display: inline-block;position: relative;border: 1px solid #dcdfe6;border-radius: 0.104167vw;box-sizing: border-box;width: 0.729167vw;height: 0.729167vw;background-color: #fff;z-index: 1;transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {background-color: #409eff;border-color: #409eff;}
.el-checkbox__inner:after {box-sizing: content-box;content: "";border: 1px solid #fff;border-left: 0;border-top: 0;height: 0.364583vw;left: 0.208333vw;position: absolute;top: 1px;transform: rotate(45deg) scaleY(0);width: 0.15625vw;transition: transform .15s ease-in .05s;transform-origin: center;}
.el-checkbox__input.is-checked .el-checkbox__inner:after {transform: rotate(45deg) scaleY(1);}
.el-checkbox__original {opacity: 0;outline: 0;position: absolute;margin: 0;width: 0;height: 0;z-index: -1;}
.reg_box .reg_group .g_agree span {cursor: pointer;color: #1787fb;}
.el-button {display: inline-block;line-height: 1;white-space: nowrap;cursor: pointer;background: #fff;border: 1px solid #dcdfe6;color: #606266;-webkit-appearance: none;text-align: center;box-sizing: border-box;outline: 0;margin: 0;transition: .1s;font-weight: 500;padding: 0.625vw 1.041667vw;font-size: .729167vw;border-radius: 0.208333vw;}
.el-button--primary {color: #fff;background-color: #409eff;border-color: #409eff;}
.reg_box .reg_group .g_btn { width: 100%;}
.reg_box .reg_group .g_sw_login {text-align: center;padding: 0.9375vw 0 1.5625vw;color: #999;}
.reg_box .reg_group .g_sw_login span {cursor: pointer;color: #1787fb;}

.edit_nav{ line-height: 36px; margin: 25px 0;}
.edit_title{ font-size: 32px;}
.edit_button{}
.edit_notes{ width: 128px; line-height: 34px; border: 1px solid #CCCCCC; border-radius: 5px; text-align: center; color: #666666; margin-right: 10px;}
.edit_pass{ width: 130px; line-height: 36px; background-color: #045EAC; border-radius: 5px; margin-right: 10px; color: #ffffff; text-align: center;}
.update_notes{ width: 130px; line-height: 36px; background-color: #E9E9E9; border-radius: 5px; margin-right: 10px; color: #045EAC; text-align: center;}
.logout{ color: #666666; text-decoration: underline;cursor: pointer;}
.password .password_bor{ border: 1px solid #CCCCCC; padding-bottom: 80px;}
.password .reg_group .g_btn{ width: 80%; margin-left: 20%;}

.talentlist{}
.talentlist li{ border-bottom: 1px solid #ECECEC; padding: 40px 60px; justify-content: space-between;}
.talent_left{}
.talent_img{ margin-right: 25px;}
.talent_tit{}
.talent_name{ font-size: 20px;}
.talentlist li p{ font-size: 14px; color: #666666;}
.talentlist li span{ color: #333333; margin: 0 5px;}
.talent_center{}
.talent_yx{ font-size: 14px;}
.talent_right{}
.talent_time{}
.talent_more{ width: 90px; line-height: 32px; text-align: center; font-size: 14px; color: #ffffff; background-color: #409EFF; border-radius: 5px; margin-top: 10px;}

.works_table .el-table_1_column_1, .works_table .el-table_1_column_2, .works_table .el-table_1_column_3, .works_table .el-table_1_column_4{ width: 297px;}
.works_table span{ color: #F87B00;}

.pick-area{display:inline-block;position:relative;font-size:14px;background:#fff;text-decoration: none;cursor:default;}
.pick-show{position:relative;padding:0 8px;height:36px;line-height:36px;border:1px solid #dedede;border-radius: 3px;;}
.pick-show span{float:left;display:inline-block;max-width:100px;height:24px;line-height:24px;padding: 0 3px;margin-top:6px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#333;cursor:pointer;}
.pick-show span:hover{color:#fff!important;border-radius:3px;}
.pick-show span.pressActive{background:#7894D4;color:#fff!important;border-radius:3px}
.pick-show em.pick-arrow{position:absolute;top:14px;right:8px;display: block;border:8px solid #999;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid transparent;}
.pick-show i{float:left;display:inline-block;padding:0 3px;color:#333;font-style:normal;}

.pick-list{display:none;position:absolute;line-height:36px;margin:0;padding:0;background:#fff;z-index:999999999;overflow-y:auto;overflow-x:hidden;border:1px solid #dedede;border-top:none;}
.pick-list li{margin:0;padding-left:8px;list-style: none;color:#888;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pick-list li:hover{color:#fff;font-weight:bold;}

.select-down {--text-default-color: #999999;--active-color: #0180cf;--text-color: var(--text-default-color);--border-color: #a8a8a8;position: relative;z-index: 1001;display: flex;justify-content: flex-start;height: 24px;line-height: 24px;margin-right: 14px;}
.select-down:hover {--text-color: #0180cf;--border-color: #0180cf;}
.select-down .select-down-box {position: relative;z-index: 1;min-width: 52px;padding: 0 9px;font-size: 0;text-align: center;cursor: pointer;background: url(../images/select_down.gif) #fff no-repeat scroll right bottom;background-size: 11px 11px;border: 1px solid var(--border-color);}
.select-down:hover .select-down-box {border-bottom: 0;}
.select-down .select-down-box .select-down-text {font-size: 13px;line-height: 24px;color: #999999;}
.select-down:hover .select-down-text{ color: #0180cf;}
.select-down .select-popver {position: absolute;top: calc(24px - 1px);left: 0;z-index: -1;display: none;min-width: 400px;max-width: 600px;padding: 9px 13px;background: #fff;border: 1px solid #0180cf;}
.select-down:hover .select-popver {display: block;}
.select-down .select-popver .select-popver-list {display: flex;flex-wrap: wrap;gap: 17px;}
.select-down .select-popver .select-popver-list .select-popver-item {height: 22px;padding: 0 4px;line-height: 22px;text-align: center;cursor: pointer;border-radius: 1px;}
.select-down .select-popver .select-popver-list .select-popver-item .select-popver-item-text {font-size: 13px;color: var(--text-default-color);white-space: nowrap;-webkit-user-select: none;-moz-user-select: none;user-select: none;}

.table_title{ font-size: 20px;}
.personal_edit tr td.tips{ padding: 15px 25px;}

.company_edit{}
.company_edit .ipc-box{ justify-content: flex-start;}
.company_edit label{ width: 100px; text-align: right; padding-right: 20px;}
.company_edit .el-input__inner{ width: 428px;}
.company_edit .el-input__inner_textarea{ width: 898px; height: 178px;}
.company_edit .li8 .ipc-box{ align-items: flex-start;}
.table_ul{ position: relative;}
.table_logo{ position: absolute; top: 50px; right: 150px;}
.red{ font-size: 14px; color: #D81E06; line-height: 55px;}
.red img{ vertical-align: middle;}
.company_red{ margin-right: 20px;}
.company_gray{ font-size: 14px; color: #A9A9A9; text-align: center; line-height: 55px;}
.showContact{cursor: pointer;}

.person-input {width: 100%;height: 100%;padding: 15px 10px;box-sizing: border-box;}

.pagination {
    list-style: none;
    padding: 30px;
}
 
.pagination li {
    display: inline-block;
    margin-right: 5px;
}
 
.pagination li a, .pagination li span {
    padding: 5px 10px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #333;
}
 
.pagination li.active span {
    background-color: #007bff;
    color: #fff;
}