.padT10{ padding-top:10px; } .index-banner{ height:452px; width: 100%; } .swiper-container1 { width: 100%; height: 100%; position: relative; overflow: hidden; margin-top:20px; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-container-horizontal>.swiper-pagination-bullets {text-align: center;top: auto;} .swiper-pagination-bullet-active {background-color: #ffc000;} .swiper-container1 .swiper-slide img{ width: 100%; height: 100%; } .xf-work-list{ margin-right:50px; width: 280px; height:50px; line-height: 50px; } .work-top-cont { position: absolute; top: -60px; } .xf-work-top{ padding-left: 20px; background-color: #ed5050; border-top-left-radius: 5px; border-top-right-radius: 5px; } .banner-work-list{ position: absolute; z-index: 5; width: 1200px; } .xf-work-small{ background-color: rgba(0,0,0,0.5); width: 280px; padding: 4px 0px; margin-top: -10px; } .xf-work-small ul li{ height:37px; line-height: 37px; display: flex; justify-content: space-between; position: relative; padding: 0 10px; cursor: pointer; } .xf-work-small ul li .workDetail{ display: none; width: 219px; min-height: 35px; line-height: 36.5px; position: absolute; left: 280px; z-index: 2; bottom: -4px; background-color: rgba(0,0,0,0.5); } .xf-work-small ul li:first-child .workDetail{ top: -4px; bottom: auto; } .xf-work-small ul li:nth-child(2) .workDetail, .xf-work-small ul li:nth-child(3) .workDetail,.xf-work-small ul li:nth-child(4) .workDetail,.xf-work-small ul li:nth-child(5) .workDetail, .xf-work-small ul li:nth-child(6) .workDetail{ top: 0px; bottom: auto; } .xf-work-small ul li .workDetail li a{ width:100%; display: flex; justify-content: space-between; color: #fff; } .xf-work-small ul li:hover .workDetail{ display: block; } .index-search input[type='text'] { margin-top: 27px; } .xf-nav-box1{ height: 74px; line-height: 46px; } .xf-nav-rt ul li.active a, .xf-nav-rt ul li:hover a{ color: #ed5050; } .newNotice{ width: 282px; height: 370px; margin-top: 30px; padding: 10px 0px; } .newNotice-title{ border-bottom: 1px solid #dedede; padding: 0 10px; } .newNotice-title .active { color: #f00; border-bottom: 3px solid #f00; font-size: 16px; } .newNotice ul{ padding: 6px 12px; } .newNotice ul li{ list-style-type: circle; line-height: 32px; height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #888; cursor: pointer; } /*.index-famousCorp{border: none;}*/ .famousCorpList{ width: 1200px; box-sizing: border-box; } .xf-famous-corp li{ width:150px; border-right: 1px solid #efefef; border-top: 1px solid #efefef; border-left: 0; border-bottom: 1px solid #efefef; } .xf-famous-corp li:nth-child(4n) { border-right: 1px solid #efefef; } .xf-famous-corp li:first-child{ border-left: 1px solid #efefef; } .xf-famous-corp div.xf-famousCorp-info{ background-color: rgba(255,255,255,0.9); } .index-famousCorp{ height: 180px; margin: 40px 0 10px 0; } .xf-corp-list { width: 1200px; } .xf-corp-list li { width: 346px; } .xf-module-title{border: 0;} .xf-module-title span { font-size: 20px; } .xf-floor .xf-module-title span { font-weight: 100; } .xf-floor .xf-module-title span.active { color: #f00; } .xf-floor .xf-module-title span.active:before{ background-color: #f00; } .xf-floor .xf-module-title span.active:before { width: 90px; height: 3px; left: 0px; bottom: -5px; top:auto; } .xf-floor .xf-module-title span:before { width: 0px; height: 0px; } .xf-floor .xf-module-title span { padding-left: 0; padding-right: 20px; } .xf-module-title span { padding: 0; } .index-famousCTitle { padding-left: 0; } .linkBoxTab { position: relative; left: 0; top: 0; margin: 0; background: none; width: auto; } .linkBoxTab span.active { color: #f00; border-bottom: 2px solid #f00; background-color: #fff; } .linkBoxTab span { height: 40px; line-height: 40px; width: 100px; margin-left: 20px; } .linkBoxWeb {padding: 0 20px;} .xf-friendshipLink-content {line-height: 30px;} .zph-cont{ border: 1px solid #ccc; position: relative; overflow: hidden; } .swiper-button-next { background: url(../images/index/right.png) no-repeat; width: 30px; right: 0; height: 80px; top: 32%; } .swiper-button-prev { background: url(../images/index/left.png) no-repeat; width: 30px; left: 0; height: 80px; top: 32%; } .swiper-container2 .swiper-wrapper{ padding: 20px 0; } .borderBtm1{border-bottom:1px solid #ccc; } .redBtnBg{ background-color: #ed5050; } .redColor,.zph-showInfo a{border: 1px solid #ed5050; color: #ed5050;} .index-zphDetail{ position: absolute; right:35px; top:-10px; } .index-zphDetail .corp { background-color:#e4f1ff ; color:#409eff; padding: 20px 10px; } .index-zphDetail .corp .font-20 { border-bottom: 1px solid #c0deff; } .index-zphDetail .job { background-color:#ffece1 ; color:#fa6041; padding: 20px 10px; } .index-zphDetail .job .font-20 { border-bottom: 1px solid #ffd5bc; } .people-cont{ width: 100%; position: relative; overflow: hidden; } .swiper-container3 .swiper-slide{ width: 15%; border: 1px solid #e5e5e5; box-sizing: border-box; } .people-cont .swiper-button-next,.people-cont .swiper-button-prev { } .swiper-container3 .swiper-slide:hover { box-shadow: 0 0 10px 3px #E5E5E6; cursor: pointer; } .swiper-container3 .swiper-slide:hover .name { color: #fa6041; } .port-3 img { width: 100%; } .index-search input[type='text'] { border: 1px solid #d4d4d4; border-right: 0; padding: 14px 20px; width: 460px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .index-search input[type=submit] { background: #ed5050; color: #fff; border: 1px solid #ed5050; width: 80px; padding: 14px 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .xf-top { height: 42px; line-height: 42px; border-bottom: 1px solid #ededed; } .xf-floor-name { width: 280px; } .port-3.effect-2:hover img { transform: none; } .port-3.effect-2 .text-desc { transform-origin: inherit; } .xf-work-small ul li .workDetail li .jobDetail{ display: none; width: 219px; min-height: 35px; line-height: 36.5px; position: absolute; left: 219px; z-index: 2; background-color: rgba(0,0,0,0.5); top: 50%; bottom: auto; margin-top: -226px; } .xf-work-small ul li:first-child .workDetail li .jobDetail { top: 0!important; margin-top: 0!important; } .xf-work-small ul li:nth-child(2) .workDetail li .jobDetail { top: 50%!important; margin-top: -226px!important; } .xf-work-small ul li .workDetail li .jobDetail li a{ width:100%; display: block; justify-content: space-between; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xf-work-small ul li .workDetail li:hover .jobDetail{ display: block; } .index-zphItem .noBegin { background: url("../images/index/noBegin.png") no-repeat center center; } .index-zphItem .begin { background: url("../images/index/begin.png") no-repeat center center; } .index-zphItem .end { background: url("../images/index/end.png") no-repeat center center; } .index-zphItem .status { position: absolute; width: 62px; height: 52px; right: 10px; top: -10px; color: #fff; font-size: 16px; padding: 10px 0 0 10px; z-index: 2; background-size: 100% 100%; } .bg-e8{background-color: #e8e8e8;} .close-icon{ position: absolute; z-index: 2; top: 5px; left: 50%; display: block; width: 1000px; margin-left: -505px; } #close { float: right; width: 16px; height: 16px; padding: 5px; border: 1px solid rgb(239, 239, 239); border-radius:16px; } .xf-nav-rt ul li{ float: left; padding:0 21px; } .xf-nav-rt ul li:last-child{ padding-right:0; } .xf-nav-rt ul li:hover a{ color:#ed5050; } .xf-nav-rt ul li a{ font-size: 16px; font-weight: bold; } .xf-nav-rt ul li{position: relative;} .xf-nav-rt ul li ul { display: none; background-color: #fff; color: #4B4B4B; font-weight: bold; position: absolute; width: 100%; z-index: 11111; left: 0; margin-top: -1px; } .xf-nav-rt ul li:hover ul li a{ color: #4b4b4b; } .xf-nav-rt ul li ul li { height: 50px; line-height: 50px; cursor: pointer; padding: 0 5px; font-size: 16px; } .xf-nav-rt ul li ul li:hover a{ color: #ed5050; } .xf-nav-rt ul li:hover ul { display: block; }