/* * @Author: omtech.cn * @Date: 2018-06-14 10:10:02 * @Last Modified by: Doris.Lee * @Last Modified time: 2019-05-09 17:24:54 */ /*===================== 人才招聘 css =====================*/ .recruit { padding-bottom: 180px; } .recruit-header .mod-title { height: 250px; } .recruit-header .mod-big-title { padding-top: 25px; } .recruit-header .recruit-header-img { width: 100%; position: relative; } .recruit-header .img-left { position: absolute; left: 0; width: 404px; height: 276px; text-align: center; cursor: pointer; z-index: 1; } .recruit-header .img-left .txt { position: relative; margin-top: 80px; display: inline-block; font-size: 44px; font-weight: lighter; font-family: 'Helvetica CE 35 thin'; color: #fff; vertical-align: middle; text-align: left; } .recruit-header .img-left .txt p { line-height: 1.3; } .recruit-header .img-left .us i { display: inline-block; font-style: normal; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } .recruit-header .img-left .us i { -webkit-animation: 3s ease-out backwards infinite; -moz-animation: 3s ease-out backwards infinite; -ms-animation: 3s ease-out backwards infinite; animation: 3s ease-out backwards infinite; -webkit-animation-name: scalein; -moz-animation-name: scalein; -ms-animation-name: scalein; animation-name: scalein; } @-webkit-keyframes scalein { 0%{ opacity:0; -webkit-transform: scale(3); } 30% { opacity:1; -webkit-transform: scale(1); } 90%{ opacity:1; -webkit-transform: scale(1); } 100%{ opacity:0; -webkit-transform: scale(1); } } @-moz-keyframes scalein { 0%{ opacity:0; -moz-transform: scale(3); } 30% { opacity:1; -moz-transform: scale(1); } 90%{ opacity:1; -moz-transform: scale(1); } 100%{ opacity:0; -moz-transform: scale(1); } } @-ms-keyframes scalein { 0%{ opacity:0; -ms-transform: scale(3); } 30% { opacity:1; -ms-transform: scale(1); } 90%{ opacity:1; -ms-transform: scale(1); } 100%{ opacity:0; -ms-transform: scale(1); } } @keyframes scalein { 0%{ opacity:0; transform: scale(3); } 30% { opacity:1; transform: scale(1); } 90%{ opacity:1; transform: scale(1); } 100%{ opacity:0; transform: scale(1); } } .recruit-header .img-right { position: relative; width: 100%; height: 276px; background-color: #f6b37f; overflow: hidden; cursor: pointer; } .recruit-header .img-right .bg { width: 100%; height: 100%; opacity: 1; } .recruit-header .img-right .logo { margin-top: 106px; opacity: 0; text-align: center; } .recruit-header .img-right:hover .logo { opacity: 1; } .recruit-header .img-right .logo img { width: 330px; height: 186px; } .recruit-contact .info { margin-bottom: 70px; } .recruit-contact .info .address { line-height: 36px; font-size: 18px; font-weight: lighter; color: #666; } .recruit-contact .add-img { width: 100%; height: 326px; background-color: #e8e6d1; overflow: hidden; } .recruit-contact .add-img .img { width: 100%; height: 326px; } .recruit-join { background-color: #fff; } .recruit-join .info { padding: 65px 0; } .recruit-join .title { font-size: 26px; color: #878787; } .recruit-join .job-item { margin-top: 40px; } .recruit-join .job-item .job-item-hd { margin-bottom: 25px; line-height: 36px; font-size: 26px; color: #4819af; } .job-sub-title { margin-top: 25px; font-size: 20px; font-weight: bold; color: #4819af; } .recruit-join .job-item .job-item-hd .dot { position: relative; display: inline-block; margin-right: 10px; width: 15px; height: 15px; background-color: #4819af; border-radius: 50%; vertical-align: middle; } .recruit-join .job-item .job-item-hd .dot:before, .recruit-join .job-item .job-item-hd .dot:after { position: absolute; top: -5.5px; left: -5.5px; width: 24px; height: 24px; border: 1px solid #4819af; content: ""; border-radius: 50%; box-shadow: 0px 0px 5px #4819af; -webkit-animation: circle-ripple 2s ease-out infinite; -moz-animation: circle-ripple 2s ease-out infinite; -ms-animation: circle-ripple 2s ease-out infinite; -o-animation: circle-ripple 2s ease-out infinite; animation: circle-ripple 2s ease-out infinite; } .recruit-join .job-item .job-item-hd .dot:after { -webkit-animation: circle-ripple 2s ease-out .8s infinite; -moz-animation: circle-ripple 2s ease-out .8s infinite; -ms-animation: circle-ripple 2s ease-out .8s infinite; -o-animation: circle-ripple 2s ease-out .8s infinite; animation: circle-ripple 2s ease-out .8s infinite; } @-webkit-keyframes circle-ripple { 0% { -webkit-transform: scale(0.5); opacity: 0.0; } 25% { -webkit-transform: scale(0.6); opacity: 0.1; } 50% { -webkit-transform: scale(0.6); opacity: 0.3; } 75% { -webkit-transform: scale(1); opacity: 0.5; } 100% { -webkit-transform: scale(1.2); opacity: 0.0; } } @-moz-keyframes circle-ripple { 0% { -moz-transform: scale(0.5); opacity: 0.0; } 25% { -moz-transform: scale(0.6); opacity: 0.1; } 50% { -moz-transform: scale(0.6); opacity: 0.3; } 75% { -moz-transform: scale(1); opacity: 0.5; } 100% { -moz-transform: scale(1.2); opacity: 0.0; } } @-ms-keyframes circle-ripple { 0% { -ms-transform: scale(0.5); opacity: 0.0; } 25% { -ms-transform: scale(0.6); opacity: 0.1; } 50% { -ms-transform: scale(0.6); opacity: 0.3; } 75% { -ms-transform: scale(1); opacity: 0.5; } 100% { -ms-transform: scale(1.2); opacity: 0.0; } } @keyframes circle-ripple { 0% { transform: scale(0.5); opacity: 0.0; } 25% { transform: scale(0.6); opacity: 0.1; } 50% { transform: scale(0.6); opacity: 0.3; } 75% { transform: scale(1); opacity: 0.5; } 100% { transform: scale(1.2); opacity: 0.0; } } .recruit-join .job-item .job-item-bd { line-height: 30px; font-size: 16px; font-weight: lighter; color: #878787; } .recruit-join .job-item-more { margin-top: 30px; line-height: 30px; font-size: 16px; font-weight: lighter; color: #878787; } .recruit-join .job-item-more a { text-decoration: underline; } .recruit-join .add-img { width: 100%; height: 267px; background-color: #e8e6d1; overflow: hidden; } .recruit-join .add-img .img { width: 100%; height: 267px; } /*===================== 合作伙伴 css =====================*/ .partners { padding-bottom: 100px; } .partners-header .mod-title { height: 250px; } .partners-header .mod-big-title { padding-top: 25px; } .partner-box { width: 1198px; border: 1px solid #fff; overflow: hidden; } .partner-uls { width: 1200px; overflow: hidden; font-size: 0; /* background-color: #cacaca; */ } .partner-item { float: left; width: 298px; height: 178px; /* margin: 0 2px 2px 0; */ background-color: #fff; border-right: 2px solid #cacaca; border-bottom: 2px solid #cacaca; } .partner-item .link { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; background-color: #fff; } .partner-item .link img { position: absolute; top: 54px; left: 61px; width: 175px; height: 70px; } .partner-item .link .figcaption { position: absolute; top: -100%; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0,0,0,0.65); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .partner-item .link .figcaption p { position: absolute; top: 50%; left: 0; width: 100%; font-size: 20px; color: #fff; text-align: center; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .partner-item .link:hover .figcaption { top: 0; } /*===================== 金沙js3833 css =====================*/ /* 金沙js3833 */ .about-us-box { padding-bottom: 35px; } .about-us-uls .w615 { width: 615px; } .about-us-uls .w535 { width: 535px; } .about-us-uls li { display: block; } .about-us-uls li .title { font-size: 30px; color: #5d0c96; } .about-us-uls li p { font-size: 18px; color: #6a6a6a; font-weight: lighter; } .about-us-uls .profile-uls { width: 75px; } .about-us-uls .profile-item { margin-bottom: 35px; } .about-us-uls .profile-item .num { font-size: 26px; color: #460eab; font-weight: bold; vertical-align: top; line-height: 1; } .about-us-uls .profile-item .unit { font-size: 9px; color: #460eab; line-height: 1.5; } .about-us-uls .profile-item .desc { font-size: 11px; color: #606f85; margin-top: 8px; } .about-us-uls .logo { display: block; position: absolute; left: 65px; top: -10px; width: 502px; height: 344px; } /* 团队介绍 */ .abouts-team { height: 809px; background-color: #f4f4f4; } .team-desc { color: #6a6a6a; font-size: 18px; } .team-box { width: 100%; min-width: 1200px; height: 406px; background: url("../../../images/default/pc2019/bg_team_box.png") no-repeat center; overflow: hidden; } .team-page-tab { padding-top: 46px; } .team-box .tab-nav { font-size: 0; overflow: hidden; } .team-box .tab-nav .nav-item { position: relative; display: inline-block; margin: 0 10px; padding: 0 10px; height: 72px; line-height: 72px; font-size: 20px; color: #fff; text-align: center; cursor: pointer; overflow: hidden; } .team-box .tab-nav .nav-item:after { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 0; content: ""; background-color: #fff; opacity: 0.75; } .team-box .tab-nav .nav-item:hover:after, .team-box .tab-nav .nav-item.on:after { height: 5px; opacity: 1; } .team-box .tab-nav .nav-item .title { position: relative; z-index: 2; } .team-box .tab-hd { width: 100%; height: 243px; overflow: hidden; } .team-box .slide-box { position: relative; width: 100%; height: 100%; font-size: 18px; color: #fff; line-height: 1.8; } .team-box .slide-box ul { margin-right: 30px; padding-top: 25px; float: left; } .team-box .slide-box .w380 { width: 380px; } .team-box .slide-box .w330 { width: 330px; } .team-box .slide-box .w300 { width: 300px; } .team-box .slide-tit-box { position: absolute; right: 0; top: 0; width: 450px; text-align: center; vertical-align: middle; } .team-box .slide-title { display: inline-block; *display: inline; *zoom: 1; position: relative; top: 0; text-align: center; } .team-box .slide-title h1 { position: relative; display: inline-block; *display: inline; *zoom: 1; font-size: 48px; line-height: 1.8; text-align: center; border-bottom: 8px solid #fff; font-weight: normal; padding: 0 2px; } .team-box .slide-title p { position: absolute; text-align: left; padding-top: 18px; font-size: 28px; line-height: 1.2; } /* 公司资质 */ .abouts-qualified { position: relative; height: 651px; background-color: #fff; } .abouts-qualified .circle { position: absolute; right: 0; bottom: 65px; width: 245px; height: 678px; background: url("../../../images/default/pc2019/bg_circle_right.png") no-repeat center; } .qualified-box { width: 100%; height: 420px; } .qualified-box .swiper-container { margin-top: 30px; margin-bottom: 20px; width: 1200px; } .qualified-box .qualified-uls { height: 420px; } .qualified-box .qualified-item { position: relative; display: inline-block; margin-right: 30px; width: auto; border-radius: 5px; cursor: pointer; } .qualified-box .qualified-item img { display: block; padding: 10px; width: auto; height: 300px; /* border-radius: 5px; */ border: 1px dashed #d7d7d7; } .qualified-box .qualified-item .slide-title { position: absolute; top: 340px; width: 100%; color: #8c8185; font-size: 14px; } .qualified-box .qualified-item .slide-title p { padding: 0 10px; font-weight: lighter; text-align: center; } .qualified-box .inner { position: relative; } .qualified-box .swiper-button-next, .qualified-box .swiper-button-prev { position: absolute; top: 50%; left: -50px; margin-top: -70px; } .qualified-box .swiper-button-next { left: auto; right: -50px; } /* 公司荣誉 */ .abouts-honor { position: relative; height: 639px; background-color: #f6f6f6; } .abouts-honor .circle { position: absolute; left: 0; top: 140px; width: 226px; height: 664px; background: url("../../../images/default/pc2019/bg_circle_left.png") no-repeat center; } .honor-box { width: 100%; height: 350px; } .honor-box .swiper-container { margin-top: 30px; margin-bottom: 20px; width: 1200px; } .honor-box .honor-uls { height: 350px; } .honor-box .honor-item { position: relative; display: inline-block; margin-right: 30px; width: auto; border-radius: 5px; cursor: pointer; } .honor-box .honor-item img { display: block; padding: 10px; width: auto; height: 232px; /* border-radius: 5px; */ border: 1px dashed #d7d7d7; } .honor-box .honor-item .slide-title { position: absolute; top: 270px; width: 100%; color: #8c8185; font-size: 14px; } .honor-box .honor-item .slide-title p { padding: 0 10px; font-weight: lighter; text-align: center; } .honor-box .inner { position: relative; } .honor-box .swiper-button-next, .honor-box .swiper-button-prev { position: absolute; top: 50%; left: -50px; margin-top: -70px; } .honor-box .swiper-button-next { left: auto; right: -50px; }