@charset "utf-8"; .xjh_banner{width:100%;height:360px; background:url(../images/xjhbanner.png) no-repeat center top} .xjh_tit{width:100%; float:left; padding:20px 0 0 0; position:relative} .xjh_tit_s{ font-size:18px; padding-left:20px; position:relative} .xjh_tit_more{ position:absolute;right:20px;top:25px;} .xjh_titline{width:4px;height:18px; background:#09F; display:inline-block; position:absolute;left:0px;top:3px;} .xjh_box{width:100%; float:left; overflow:hidden} .xjh_box_c{width:1250px;} .xjh_list{width:380px; margin-right:26px; background:#fff; margin-top:20px;border-radius:10px; float:left} .xjh_list_pic{width:100%;height:225px; position:relative} .xjh_list_pic img{border-radius:10px 10px 0 0 ;} .xjh_list_info{ height:85px;padding:0px 10px;} .xjh_list_name{width:100%;height:50px; line-height:50px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;font-size:16px; font-weight:bold} .xjhb_t{ position:absolute;right:0px;top:0px; background:rgba(0,0,0,0.5); padding:5px 10px; font-size:12px;color:#fff;} .xjh_list_kh{color:#999;} .xjh_list_wantlook{width:100%;height:40px; line-height:40px; position:absolute;left:0px;bottom:0px; z-index:2;} .xjh_list_bg{width:100%;height:40px; background:#000; position:absolute;left:0px;bottom:0px; z-index:1; opacity:0.7} .xjh_list_wantlook_n{color:#fff; display:inline-block; padding-left:10px;} .xjh_list_look{width:128px;height:40px; line-height:40px; background:#1c99ef;color:#fff;border-radius:3px; display:inline-block; position:absolute;left:128px;top:97px; text-align:center; font-size:16px;z-index:3 } .xjh_list_lookyue{ background:#72bb38} .xjh_list_look_hf{ background:#8a8282} .xjh_list_zb{width:220px;height:26px; line-height:26px;color:#fff; position:absolute;left:80px;top:50px; z-index:3;border-radius:20px; text-align:center; background:rgba(0,0,0,0.8) } .xjh_list_zbz{ display:inline-block; padding-left:30px; background:url(../images/zbz.png) no-repeat left center} .xjh_list_yd{ display:inline-block; padding-left:30px; background:url(../images/yd.png) no-repeat left center} .xjh_list_time{ padding-left:20px;background:url(../images/timeicon.png) no-repeat left center; display:inline-block;font-size: 12px;} .xjh_list_zbtime{ display:inline-block; padding:0px 3px;color:#72bb38; font-weight:bold} .job_details_current{width:100%; float:left; padding-top:20px;} .xjh_show_box{width:100%; float:left;background:#050629} .xjh_show_cont{width:1200px; margin:0 auto} .xjh_show_all{width:100%; float:left; } .xjh_show_left{width:880px; float:left;position:relative; padding-top:15px; padding-bottom:20px;} .xjh_show_sp{width:880px;height:495px; background:#fff;} .zb_end_imgbox{width:880px;height:495px; background:#fff; position:relative} .zb_end_box{width:880px;height:495px;font-size:16px; position:absolute;left:0px;top:0px; text-align:center; z-index:2;color:#fff;} .zb_end_bg{width:880px;height:495px; position:absolute;left:0px;top:0px; text-align:center; z-index:1; background:rgba(0,0,0,0.8);} .zb_end_tit{ padding-top:140px; font-size:34px;color:#72bb38; padding-bottom:20px;} .zb_end_tip{ padding-bottom:10px; padding-bottom:20px;color:#fff;} .xjh_show_comname{ font-size:24px;padding-bottom:10px;padding-right: 50px;} .xjh_show_combox{padding:0px 0 15px 0px;color:#fff; position:relative} .xjh_show_comlogo{width:55px;height:55px; position:absolute;left:0px;top:13px; background:#fff;border-radius:5px;} .xjh_show_comlogo img{border-radius:5px;} .xjh_show_right{width:260px;height:555px; float:right; background:#353640; padding:15px; position:relative} .xjh_show_comtime{opacity:0.7} .xjh_show_right_tit{width:100%;height:50px; line-height:50px;color: #85868C; border-bottom: 1px solid #494A53; position:relative} .xjh_show_right_tips{color: #f5b347;padding: 5px 0;font-size: 12px;line-height: 20px;height: 60px;} .xjh_show_lt_box{width:100%;height:400px; overflow:auto; position:relative} .xjh_show_right_tit ul{ } .xjh_show_right_tit ul li{ float:left; margin-left:10px; cursor:pointer} .xjh_show_hd_tit{width:70px; font-size:16px;color:#fff;text-align:center; position:relative} .xjh_show_hd_tit:after{width:30px;height:2px; background:#3d9af6; position:absolute;left:50%; margin-left:-15px;bottom:0px;content:"";} .xjh_show_hd_cy{ position:absolute;right:0px;top:0px; font-size:12px;} .xjh_show_ly{width:245px;height:35px; background:#fff; padding-left:15px;border-radius:3px;position: relative;} .xjh_show_ly_text{width:150px;height:35px; border:none;color:#999; float:left} .sendbq{display: block;width: 20px;height: 20px;position: absolute;background: url(../images/icon_biaoqing.png) no-repeat;top: 8px;right: 68px;background-size: 100%;cursor: pointer;} .showbq{background: #fff;width: 270px;position: absolute;top: -275px;left: 0;border-radius: 3px;} .chat_face{overflow: hidden;padding: 10px;} .chat_face li{display: block;float: left;width: 20px;height: 20px;margin: 0 5px 5px 0;} .chat_face li img{width: 100%;} .xjh_show_ly_bth{width:60px;height:35px; border:none; background:#3d9af6;color:#fff; float:right; cursor:pointer;border-radius:0 3px 3px 0; } .xjh_show_sj{ color:#fff; position:absolute;right:0px;top:0px;} .xjh_show_fx{ color:#fff; position:absolute;right:100px;top:0px;} .xjh_show_sjbox{ padding-top:35px; background:url(../images/xjh_ewm.png) no-repeat center 0px; font-size:12px;color:#999; cursor:pointer} .xjh_show_fxbox{ padding-top:35px; background:url(../images/xjh_fx.png) no-repeat center 0px; font-size:12px;color:#999; cursor:pointer} .xjh_show_bottit{width:100%; font-size:18px;border-bottom:1px solid #ddd; float:left; } .xjh_show_bottit ul li{ float:left; height:40px;margin-right:90px;cursor:pointer} .xjh_show_jieshao{width:100%; float:left; line-height:30px; padding-top:20px;} .xjh_show_botleft{width:840px; float:left; background:#fff; padding:20px; margin-top:20px;} .xjh_show_botcur{ color:#333;text-align:center; position:relative} .xjh_show_botcur:after{width:30px;height:3px; background:#3d9af6; position:absolute;left:50%; margin-left:-15px;bottom:0px;content:"";} .xjh_show_eye{ display:inline-block; margin-left:20px;} .xjh_show_botright{width:300px; float:right;} .xjh_show_bot_c{width:260px; float:left; background:#fff; padding:20px; margin-top:20px;} .xjh_loginbox{width:260px;height:35px; line-height:35px; font-size:14px; position:absolute;left:15px;bottom:15px;color:#999; text-align:left;z-index:10} .xjh_loginboxbg{width:290px;height:586px; background:rgba(0,0,0,0.1); position:absolute;left:0px;top:0px; z-index:9} .xjh_loginhd{opacity:0.6; font-size:12px; padding:5px 0;} .xjh_login{ padding-left:10px;width:190px;height:35px; line-height:35px; font-size:14px; background:#fff; float:left;border-radius:5px 0px 0 5px; } .xjh_loginbth{ width:60px;float:right} .xjh_loginbth_a{width:60px; display:inline-block; height:35px; line-height:35px; background:#3d9af6;color:#fff;border-radius:0px 5px 5px 0; text-align:center} .xjh_loginbth_a:hover{ background:#3d9af6;color:#fff; text-decoration:none;} .xjh_loginbth_reg{ display:block; margin-top:15px;height:28px; line-height:28px; background:#fff;color:#333;border-radius:20px} .xjhwks_tip{width:400px; background:#1A1A1A; position:absolute;left:220px;top:132px;color:#fff;border-radius:5px; padding:30px; font-size:15px; text-align:center; z-index:80} .xjhwks_tip2{width:400px; background:#1A1A1A; position:absolute;left:220px;top:132px;color:#fff;border-radius:5px; padding:30px; font-size:15px; text-align:center; z-index:80} .xjhwks_tip_t{ padding-bottom:30px; font-size:18px;} .xjhwks_tip .xjh_list_zbtime{ font-size:26px; background-color: #444; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #3A3A3A), color-stop(50%, #444444)); background-image: -moz- oldlinear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #3A3A3A), color-stop(0.5, #444444)); padding:5px 10px; margin-left:5px; margin-right:5px; display:inline-block;border-radius:5px;} .xjhwks_tipbth{width:128px;height:40px; line-height:40px; background:#72bb38;color:#fff;border-radius:3px; display:inline-block; text-align:center; font-size:16px;z-index:3; margin-top:30px;} .xjhwks_tipbth:hover{ background:#390;color:#fff; text-decoration:none;} .xjh_show_content{width:880px;height:495px; position:relative} .xjh_show_spbg{width:880px;height:495px; background:rgba(0,0,0,0.4); position:absolute;left:0px;top:0px; z-index:1} .xjh_show_lylsit li{ padding:10px 0px 10px 60px; position:relative;border-bottom:1px dashed #494A53;} .xjh_show_lytx{width:55px;height:55px; position:absolute;left:0px;top:14px;} .xjh_show_lytx img{border-radius:50%;} .xjh_show_lyuser{color:#85868C; position:relative} .xjh_show_ly_p{ padding:10px 0;color:#fff; display:inline-block} .xjh_show_ly_p img{width: 24px;} .xjh_show_lytime{font-size:12px; position:absolute;right:0px;top:0px;} .xjh_job_list li{width:100%; padding:20px 0;border-bottom:1px solid #eee; position:relative; float:left} .xjh_job_name{ font-size:16px; font-weight:bold} .xjh_job_info{ padding:10px 0;color:#666} .xjh_job_bth{width:; padding:5px 15px;color:#fff; background:#3d9af6; display:inline-block; position:absolute;right:0px;top:40px;border-radius:3px;} .xjh_job_bth:hover{color: #fff;background: #1a81e7;text-decoration: none;} .xjh_job_line{ font-size:12px;color:#999; padding:0px 10px;} .xjh_job_zy{color:#f60;} .xjh_show_cj{ padding:20px; text-align:center;color:#666} .xjh_show_cj_bth{ margin-top:20px;background:#3d9af6;color:#fff; padding:8px 0;border-radius:3px; cursor:pointer} .xjh_sm_p{width:100%; text-align:center;color:#666} .xjh_sm_img{ padding:10px; text-align:center} .zphnet_banner{wdith:100%;height:480px; background:url(../images/zphbanner.png) no-repeat center top} .jiabing_list{padding:20px;border:1px solid #eee;margin-top:20px; position:relative;} .jiabing_name{ font-size:18px; font-weight:bold; } .jiabing_js{ color:#333;padding:10px 0; line-height:30px;} .jiabing_job{ padding:13px; background:#F7F8F9; margin-top:10px;position:relative;color:#666;border-radius:5px} .jiabing_job:hover{ background:#F6FAFF} .jiabing_job_bth{ padding:5px 10px; background:#09F;color:#fff; position:absolute;right:10px;top:8px;border-radius:3px;} .jiabing_job_a{font-weight:bold; display:inline-block;width:300px; color:#4a90e6; font-size:15px;} .jiabing_job_a:hover{color:#09F} .jiabing_list:after{width:4px;height:18px; background:#09F; display:inline-block;content:''; position:absolute;left:0px;top:25px;} .jiabing_job_xz{color:#f60} .jiabing_job_line{ font-size:12px;color:#999; padding:0px 10px;} .jiabing_jobzj{ padding-top:20px; position:relative;color:#999;height: 20px;} .jiabing_jobzj_n{ display:inline-block;color:#F00; padding:0px 5px;} .jiabing_jobzj_more{ position:absolute;right:0px;top:20px;} .dqjb{ display:inline-block; background:#fbede4;color:#f79c5c; padding:10px 20px; position:absolute;right:10px;top:0px;} /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ .xjh_show_lt_box::-webkit-scrollbar { width: 3px; /*滚动条宽度*/ height: 3px; /*滚动条高度*/ } /*定义滚动条轨道 内阴影+圆角*/ .xjh_show_lt_box::-webkit-scrollbar-track { border-radius: 3px; /*滚动条的背景区域的圆角*/ background-color: #353640;/*滚动条的背景颜色*/ } /*定义滑块 内阴影+圆角*/ .xjh_show_lt_box::-webkit-scrollbar-thumb { border-radius: 3px; /*滚动条的圆角*/ background-color: #353640; /*滚动条的背景颜色*/ } .xjh_yuebth{width:70px;height:25px; line-height:25px; text-align:center; background:#72bb38; display:inline-block;border-radius:2px; position:absolute;right:7px;bottom:7px; z-index:100;color:#fff} .jingyanlist li{ padding:10px 0px 10px 0px; position:relative;border-bottom:1px dashed #494A53;} /* 关注人数样式 */ .xjh_show_follow{overflow: hidden;color: #fff;position: absolute;right: 0;top: 10px;} .xjh_show_follow_l{float: left;width: 120px;} .xjh_show_follow_r{float:left;line-height: 30px;} .xjh_show_follow_r>div{float: left;} .xjh_show_follow_r_number{/* background: #2F3035; */padding: 0px 10px;} .xjh_show_follow_l>i{display: inline-block;background: red;width: 30px;height: 30px;vertical-align: middle;border-radius: 15px;} .xjh_show_follow_r i{display: inline-block;background-image: url(../images/icon_guanzhu.png);width: 20px;height: 20px;background-repeat: no-repeat;background-size: 100%;vertical-align: sub;} .xjh_show_follow_r_follow{background-color: #3d9af6;height: 30px;padding: 0 10px;line-height: 30px; cursor: pointer;} .xjh_show_follow_r_follow:hover{background-color: #1a81e7;} .xjh_gf{ display:inline-block; padding:0px 3px; background:#72bb38;color:#fff;font-size:12px; margin-right:5px;} .xjh_notip{width:100%; text-align:center; padding:120px 0 60px 0;color:#999; background:url(../images/no1.png) no-repeat center 60px} body { margin: 0; padding: 0; } h2, h4 { font-weight: normal; } #persons { position: relative; width: 1200px; margin: 0 auto } #persons .swiper-container { padding-bottom: 60px; } #persons .swiper-slide { width: 540px; height: 340px; background:#fff; } #persons .swiper-slide .text { position: absolute; left: 15%; top: 20%; width: 90%; margin: 0 auto; clear: both; overflow: hidden; } #persons .swiper-slide .text img { float: left; width: 120px; height: 120px; margin-right: 15px; border: 2px solid #ededed; } #persons .swiper-slide h2 { float: left; padding-top: 0; text-align: center; font-size: 20px; margin-bottom: 10px; } #persons .swiper-slide h4 { float: left; margin: 0; width: 60%; font-size: 16px; } #persons .swiper-pagination { width: 100%; bottom: 20px; } #persons .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 1px solid #fff; width: 10px; height: 10px; opacity: 1; } #persons .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 1px solid #fff; background-color: #fff; } #persons .swiper-button-prev { left: -30px; top: 40%; width: 45px; height: 45px; } #persons .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100% } #persons .swiper-button-next { right: -30px; top: 40%; width: 45px; height: 45px; } /** * Swiper 5.0.3 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 19, 2019 */ @font-face { font-family:swiper-icons; src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff"); font-weight:400; font-style:normal } :root { --swiper-theme-color:#007aff } .swiper-container { margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1 } .swiper-container-vertical>.swiper-wrapper { flex-direction:column } .swiper-wrapper { position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; box-sizing:content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { transform:translate3d(0px, 0, 0) } .swiper-container-multirow>.swiper-wrapper { flex-wrap:wrap } .swiper-container-multirow-column>.swiper-wrapper { flex-wrap:wrap; flex-direction:column } .swiper-container-free-mode>.swiper-wrapper { transition-timing-function:ease-out; margin:0 auto } .swiper-slide { flex-shrink:0; width:100%; height:100%; position:relative; transition-property:transform } .swiper-slide-invisible-blank { visibility:hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height:auto } .swiper-container-autoheight .swiper-wrapper { align-items:flex-start; transition-property:transform, height } .swiper-container-3d { perspective:1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style:preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10 } .swiper-container-3d .swiper-slide-shadow-left { background-image:linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image:linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image:linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image:linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-css-mode>.swiper-wrapper { overflow:auto; scrollbar-width:none; -ms-overflow-style:none } .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar { display:none } .swiper-container-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align:start start } .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper { scroll-snap-type:x mandatory } .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper { scroll-snap-type:y mandatory } :root { --swiper-navigation-size:44px } .swiper-button-next, .swiper-button-prev { position:absolute; top:50%; width:calc(var(--swiper-navigation-size)/ 44 * 27); height:var(--swiper-navigation-size); margin-top:calc(-1 * var(--swiper-navigation-size)/ 2); z-index:10; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--swiper-navigation-color, var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity:.35; cursor:auto; pointer-events:none } .swiper-button-next:after, .swiper-button-prev:after { font-family:swiper-icons; font-size:var(--swiper-navigation-size) } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:10px; right:auto } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content:'prev' } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:10px; left:auto } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content:'next' } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color:#ffffff } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color:#000000 } .swiper-button-lock { display:none } .swiper-pagination { position:absolute; text-align:center; transition:.3s opacity; transform:translate3d(0, 0, 0); z-index:10 } .swiper-pagination.swiper-pagination-hidden { opacity:0 } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:10px; left:0; width:100% } .swiper-pagination-bullets-dynamic { overflow:hidden; font-size:0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform:scale(.33); position:relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform:scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform:scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform:scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform:scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform:scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform:scale(.33) } .swiper-pagination-bullet { width:8px; height:8px; display:inline-block; border-radius:100%; background:#000; opacity:.2 } button.swiper-pagination-bullet { border:none; margin:0; padding:0; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor:pointer } .swiper-pagination-bullet-active { opacity:1; background:var(--swiper-pagination-color, var(--swiper-theme-color)) } .swiper-container-vertical>.swiper-pagination-bullets { right:10px; top:50%; transform:translate3d(0px, -50%, 0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin:6px 0; display:block } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top:50%; transform:translateY(-50%); width:8px } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display:inline-block; transition:.2s transform, .2s top } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 4px } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left:50%; transform:translateX(-50%); white-space:nowrap } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition:.2s transform, .2s left } .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition:.2s transform, .2s right } .swiper-pagination-progressbar { background:rgba(0, 0, 0, .25); position:absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:var(--swiper-pagination-color, var(--swiper-theme-color)); position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(0); transform-origin:left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin:right top } .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width:100%; height:4px; left:0; top:0 } .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar { width:4px; height:100%; left:0; top:0 } .swiper-pagination-white { --swiper-pagination-color:#ffffff } .swiper-pagination-black { --swiper-pagination-color:#000000 } .swiper-pagination-lock { display:none } .swiper-scrollbar { border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0, 0, 0, .1) } .swiper-container-horizontal>.swiper-scrollbar { position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98% } .swiper-container-vertical>.swiper-scrollbar { position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98% } .swiper-scrollbar-drag { height:100%; width:100%; position:relative; background:rgba(0, 0, 0, .5); border-radius:10px; left:0; top:0 } .swiper-scrollbar-cursor-drag { cursor:move } .swiper-scrollbar-lock { display:none } .swiper-zoom-container { width:100%; height:100%; display:flex; justify-content:center; align-items:center; text-align:center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width:100%; max-height:100%; object-fit:contain } .swiper-slide-zoomed { cursor:move } .swiper-lazy-preloader { width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; transform-origin:50%; animation:swiper-preloader-spin 1s infinite linear; box-sizing:border-box; border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius:50%; border-top-color:transparent } .swiper-lazy-preloader-white { --swiper-preloader-color:#fff } .swiper-lazy-preloader-black { --swiper-preloader-color:#000 } @keyframes swiper-preloader-spin { 100% { transform:rotate(360deg) } } .swiper-container .swiper-notification { position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function:ease-out } .swiper-container-fade .swiper-slide { pointer-events:none; transition-property:opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events:none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events:auto } .swiper-container-cube { overflow:visible } .swiper-container-cube .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; transform-origin:0 0; width:100%; height:100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events:none } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin:100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events:auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events:auto; visibility:visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden } .swiper-container-cube .swiper-cube-shadow { position:absolute; left:0; bottom:0px; width:100%; height:100%; background:#000; opacity:.6; -webkit-filter:blur(50px); filter:blur(50px); z-index:0 } .swiper-container-flip { overflow:visible } .swiper-container-flip .swiper-slide { pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events:none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events:auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden } .bannerbg{width:100%;height:400px; background:#050629; padding-top:30px;} .xjhtext{width:100%;height:40px; line-height:40px; background:rgba(0,0,0,0.5); position:absolute;left:0px;bottom:0px;color:#fff; text-align:center; overflow:hidden} .xjhb_t{ position:absolute;right:0px;top:0px; background:rgba(0,0,0,0.5); padding:5px 10px; font-size:12px;color:#fff;} .xjh_ermtc{padding:10px 10px 20px 10px; text-align:center} .wx_bdtck_p{ padding-top:10px;} .wx_login_show_sxbox{width:180px; text-align:center;color:#999; margin:0 auto} .wx_login_show_sxicon{width:180px;height:180px; background:url(../images/sx.png) no-repeat ; display:inline-block; background-size:100%;display:block; margin-bottom:10px;}