body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; } caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; } address, cite, dfn, em, var { font-style: normal; } code, kbd, pre, samp { font-family: courier, courier, monospace; } li { list-style: none; } a, a:hover, a:link, a:visited, a:active { text-decoration: none; } img { border: 0; } button, input, select, textarea { font-size: 100%; outline: none } table { border-collapse: collapse; border-spacing: 0; } .hide { display: none; } body { -webkit-font-smoothing: antialiased; background-color: #fff; vertical-align: baseline; font-family: Arial,Microsoft Yahei; -webkit-font-smoothing: antialiased; font-size: 12px; line-height: 1.42858; } *, *::before, *::after { box-sizing: border-box; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clr { display: block; clear: both } .clear:after { content: ''; height: 0; line-height: 0; display: block; visibility: hidden; clear: both; } .clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/ content: ""; display: block; height: 0; clear:both; visibility: hidden; } .clearfix{ *zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行,其他浏览器不执行*/ } body{ padding-top:60px; } html{ font-size: 10px } .inner{ padding:0 1.5rem; } header{ padding:13px 1.5rem !important; display: flex; justify-content: space-between; align-items: center; position: fixed; top:0; left:0; width:100%; z-index:99; background: rgba(255,255,255,6); } header img{ height:30px; } header .menu_toggle1{ position: absolute; height:26px; right:1.5rem; top:50%; margin-top:-13px; z-index:20; } .menu_toggle img{ height:17px; } .menu_toggle1{ position: fixed; height:26px; right:1.5rem; top:46px; margin-top:-13px; z-index:1000; } nav{ position: fixed; top:0; left:0; width:100%; height:100%; background: #fff; z-index:9999; text-align:left; padding-top:40px; display: none; padding-left:10%; padding-right:10%; } nav.is-active{ display:block; } nav .list{ margin-bottom: 2rem; } nav .index-list{ margin-bottom: 3rem } nav .list a{ display: block; } nav .list a.b-title{ font-size:1.6rem; color:#007fcb; } nav .list .sub-title{ text-align: center; } nav .list a.s-title{ display: inline-block; font-size:1.5rem; color:#999; margin-top:1rem; width:40%; } .banner1 img{ display: block; width: 100% } .banner1 .text{ position: absolute; width:100%; left:0; top:22%; text-align: center; } .banner1 .text .p1{ font-size:3rem; letter-spacing: 10px; color:#fff; text-shadow: 0px 5px 15px #ccc; } .banner1 .text .p2{ font-size: 2rem; color: #fff; opacity: .6; text-transform: uppercase; text-shadow: 0px 5px 15px #e5e5e5; } .banner1 .swiper-pagination{ bottom: 2.5rem } .banner1 .swiper-pagination-bullet{ width:10px; height:10px; border-radius:5px; opacity: 1; background: none ; border:1px solid #fff; margin:0 6px !important; } .banner1 .swiper-pagination-bullet-active{ opacity: 1; background:#fff !important ; } .i-news{ background: #eff2f7; padding:2.5rem 0; } .i-news .title{ text-align: center; font-size: 2.4rem; font-weight:bold; color:#007fcb; margin-bottom: 2rem } .i-news .swiper-slide .list{ } .i-news .swiper-slide .list .img{ overflow: hidden; } .i-news .swiper-slide .list .img img{ width: 100%; display: block; -webkit-transition: all 1s; transition: all 1s; } .i-news .swiper-slide .list:hover .img img{ transform: scale(1.06); } .i-news .swiper-slide .list .text{ background: #fff; padding:2rem 1.5rem 4.5rem; } .i-news .swiper-slide .list .text .title{ font-size:1.8rem; color:#000; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.8 } .i-news .swiper-slide .list .text .desc{ font-size:1.4rem; color:#999; text-align: justify; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin:1rem 0; line-height: 1.8 } .i-news .swiper-slide .list .text .time{ font-size:1.4rem; color:#999; } .i-news .swiper-slide .list .text .circle{ display: inline-block; float:right; width:30px; height:30px; border-radius: 50%; line-height: 30px; text-align: center; background: #ec6c00 } .i-news .swiper-pagination{ bottom: 1rem; } .i-news .swiper-pagination-bullet{ width:10px; height:10px; border-radius:50%; opacity: 1; background: #e6e6e6; margin:0 6px !important; } .i-news .swiper-pagination-bullet-active{ opacity: 1; background:#ec6c00 !important ; } .i-about{ padding:1.5rem 0; } .i-about .list{ position: relative; margin-top:6px; } .i-about .inner .list:first-child{ margin-top: 0 } .i-about .inner .list img{ width: 100%; display: block; } .i-about .inner .list .text{ position: absolute; width:100%; height:100%; left:0; top:0; background: rgba(0,127,203,.5); display: flex; align-items: center; justify-content: center; color: #fff; text-align: center; } .i-about .inner .list .text .p1{ font-size: 2.8rem; } .i-about .inner .list .text .p2{ font-size: 1.4rem; opacity: .5; text-transform: uppercase; } .i-lx{ background: #f7f7f7; } .i-lx .title{ text-align: center; font-size: 2.4rem; font-weight:bold; color:#007fcb; margin-bottom: 2rem } .i-lx .list{ width:48%; float:left; margin-left:4%; border:1px solid #e6e6e6; height:220px; text-align: center; padding-top:45px; margin-bottom: 2rem } .i-lx .list-content .list:nth-child(2n+1){ margin-left:0; } .i-lx .list img{ width: 45% } .i-lx .list .img2{ display: none } .i-lx .list .title{ font-size:1.8rem; font-weight:bold; color:#666; margin:1rem 0 .8rem; } .i-lx .list .desc{ font-size:1.4rem; color:#999; } .i-lx .list:hover .img1{ display: none } .i-lx .list:hover .img2{ display: inline-block } .i-lx .list:hover .title{ color:#ec6c00; } footer{ background: #4d4d4d; padding:2.5rem 1.5rem; text-align: center; color: #9f9f9f; font-size: 1.4rem; line-height: 1.7 } footer a{ display: inline-block; color: #9f9f9f; } footer .list{ margin-bottom: 2rem } footer .list a{ margin:0 1rem; } .fkyy-content{ position: fixed; z-index: 100000; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.5); display: none; } .fkyy-content .fkyy-main{ height: auto; position: absolute; z-index: 1001; padding:20px; background: #fff; border-radius: 6px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; } .fkyy-content .close{ position: absolute; top:10px; right:10px; width:20px; cursor: pointer; } .ewm-content{ position: fixed; z-index: 100000; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.5); display: none; } .ewm-content .ewm-main{ height: auto; position: absolute; z-index: 1001; padding:20px; background: #fff; border-radius: 6px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; } .ewm-content .close{ position: absolute; top:10px; right:10px; width:20px; cursor: pointer; } /*认识金沙js3883*/ .top-img{ position: relative; } .top-img img{ width: 100%; display: block; } .top-img .text{ display: none; position: absolute; width: 100%; top:50%; left:0; transform: translateY(-50%); text-align: center; } .top-img .text .p1{ letter-spacing: 5px; font-size: 3rem; color:#fff; } .top-img .text .p2{ color: rgba(255,255,255); text-transform: uppercase; font-size: 2.4rem; } .common-container{ padding:3rem 0; } .lc-container{ padding:5rem 0; } .about-container .title{ text-align: center; font-size: 2.4rem; font-weight: bold; color: #1896de; background-image: -webkit-linear-gradient(right,#4ecae4,#1896de); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 3rem; } .about-container .desc{ text-align: justify; font-size: 1.6rem; line-height: 1.8; color: #666; margin-bottom: 3rem } .about-container img{ display: block; width: 100% } .catelist{ width:100%; z-index:10; height: 40px; background: url(../img/jbt-w.png) #4ecae4 no-repeat; display: flex; overflow-x: auto; overflow-y: hidden; } .catelist::-webkit-scrollbar { display: none; } .catelist a{ flex-shrink: 0; display: inline-block; height: 40px; line-height: 40px; width:125px; text-align: center; color:#fff; font-size:1.6rem; position: relative; margin-left:0; } .catelist a:before{ content:""; display: block; position: absolute; width:1px; height:15px; background: #fff; opacity: .5; left:0; top:50%; margin-top:-7px; } .catelist a:first-child:before{ display: none } .catelist a.on{ background: #ec6c00 } .catelist a:hover{ background: #ec6c00 } /*历程*/ .progress .content { border-left: 1px dashed #e6e6e6; } .progress .select { display: inline-block; margin: 0 auto; height:3rem; font-weight:bold; line-height:3rem; padding: .5rem 6rem; border: 1px solid #ccc; border-radius: 25px; line-height: 1.2; text-align: center; color: #007fcb; font-size: 1.6rem; position: relative; margin-bottom: 3rem; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url(../img/jt-x.png) no-repeat scroll 90% center transparent; background-size: 10px auto; } .progress .select .item{ position: absolute; width:100%; height:14rem; overflow: auto; top:100%; left:0; z-index:10; background: #fff; border:1px solid #ccc; display: none; } .progress .select .item.block{ display: block; } .progress .select .item a{ display: block; line-height: 2; color:#ccc; font-weight:normal; } .progress .select .item a.active{ background:#ccc ; color:#fff; } #history { padding: 0 10px; } #history li{ margin-bottom: 3rem; width: 100%; position: relative; padding-left: 3rem; display: flex; justify-content: space-between; } #history li .img{ width:35%; padding-right: 1rem; /*position: absolute;*/ /*left: 30px;*/ /*top: 0;*/ } #history li .img img{ display: block; width: 100% } #history li:before{ position: absolute; content: ""; width: 12px; height: 12px; border: 3px solid #bebfbf; left: -7px; top: 4px; border-radius: 50%; } #history li .text{ color: #666; width:65%; font-size: 1.4rem; line-height: 1.6; text-align: justify; } /*产品服务*/ .cpfw-container .cpfw-part1 .desc{ text-align: center } .cpfw-container .cpfw-part1 .desc .p1{ font-size:2.4rem; color:#007fcb; } .cpfw-container .cpfw-part1 .desc .info{ font-size:1.6rem; color:#666; margin:1rem 0 2rem; line-height: 1.8 } .cpfw-container .cpfw-part1 .desc img{ max-width: 100% } .cpfw-container .cpfw-list{ margin-top: 1.5rem } .cpfw-container .cpfw-list .list{ width:20%; float:left; text-align: center; margin-bottom: 25px; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } .cpfw-container .cpfw-list .list:hover{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); } .cpfw-container .cpfw-list .list img{ max-width: 100% } .cpfw-container .cpfw-list .list .title{ font-size: 1.6rem; color:#666; margin-top:10px; } .cpfw-container .cpfw-list .list span{ color:#ec6c00; } .cpfw-container .cpfw-part2{ background: #f5fafd; } .cpfw-container .cpfw-part2 .title{ font-size: 2.4rem; color: #007fcb; text-align: center } .cpfw-container .cpfw-part2 .info{ font-size:1.6rem; color:#666; margin:1rem 0 2rem; line-height: 1.8; text-align: center; } .cpfw-container .cpfw-part2 .tab-nav{ text-align: center; margin:1.5rem 0 2.5rem; } .cpfw-container .cpfw-part2 .tab-nav span{ display: inline-block; width:60px; height:35px; text-align: center; line-height: 33px; border:1px solid #ccc; border-radius:20px; color:#666; font-size: 1.4rem; margin:0 5px; cursor: pointer; } .cpfw-container .cpfw-part2 .tab-nav span.on{ background: #ec6c00; border-color: #ec6c00; color:#fff; } .cpfw-container .cpfw-part2 .tab-i table,.cpfw-container .cpfw-part2 .tab-i tr{ width: 100%; text-align: center } .cpfw-container .cpfw-part2 .tab-i .t-title td{ font-size:1.4rem; font-weight:bold; color:#fff; background: #999 } .cpfw-container .cpfw-part2 .tab-i td{ height:50px; border:1px solid #e6e6e6; color:#666; } .cpfw-container .cpfw-part2 .tab-i{ display: none } .cpfw-container .cpfw-part2 .tab-main .tab-i:first-child{ display: block; } /*客户认证*/ .khrz-container .khrz-part1 .desc{ text-align: center } .khrz-container .khrz-part1 .desc .p1{ font-size:2.4rem; color:#007fcb; } .khrz-container .khrz-part1 .desc .info{ font-size:1.6rem; color:#666; margin:1rem 0 2rem; line-height: 1.8 } #certify .swiper-slide{ padding:0 7rem; } #certify .swiper-slide .img{ height:90%; display: flex; align-items: center; } #certify .swiper-slide-active .img{ border:2px solid #ec6c00; } #certify .swiper-slide img{ display:block; width:100%; } #certify .swiper-slide p { text-align: center; color: #666; font-size: 1.6rem; margin-top: 1rem; opacity: 0 } #certify .swiper-slide-active p{ opacity: 1 } #certify .swiper-button-prev { left: 1.5rem; width: 45px; height: 45px; background: url(../img/kh-jt1.png) no-repeat; background-size: 100%; } #certify .swiper-button-next { right: 1.5rem; width: 45px; height: 45px; background: url(../img/kh-jt2.png) no-repeat; background-size: 100%; } .khrz-container .khrz-part2{ background: #f5fafd } .khrz-container .khrz-part2 .title{ font-size:2.4rem; color:#007fcb; text-align: center } .khrz-container .khrz-part2 .list-content{ margin-top:2rem; } .khrz-container .khrz-part2 .list-content .list{ width:32%; float:left; margin-left:1.3333%; margin-bottom: 1rem; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; overflow: hidden; } .khrz-container .khrz-part2 .list-content .list:nth-child(3n+1){ margin-left:0; } .khrz-container .khrz-part2 .list-content .list img{ width: 100%; display: block; } .khrz-container .khrz-part2 .list-content .list:hover{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -webkit-box-shadow:0px 5px 15px #e5e5e5; -moz-box-shadow:0px 5px 15px #e5e5e5; box-shadow:0px 5px 15px #e5e5e5; } .khrz-container .khrz-part2 .list-content .list img{ transform: scale(1.06); } /*企业文化*/ .qywh-list .list{ margin-bottom:1.5rem; } .qywh-list .list:first-child{ margin-left: 0 } .qywh-list .list .img{ overflow: hidden; text-align: center; } .qywh-list .list .img img{ -webkit-transition: all 1s; transition: all 1s; } .qywh-list .list .text{ text-align: center; margin-top:1rem; font-size: 1.6rem; color: #666; line-height: 1.7; padding-bottom: 1rem } /*经营方针*/ .qyfz-container .desc{ margin-bottom: 2rem; text-align: center; } .qyfz-container .desc .p1{ font-size: 2.4rem; color: #007fcb; margin-bottom: 1.5rem } .qyfz-container .desc .info{ font-size: 1.6rem; color: #666; line-height: 1.8 } .qyfz-container .list{ padding:1.5rem; border-top:1px solid #f0f0f0; text-align: center; } .qyfz-container .list:first-child{ padding-top:0 ; border-top:none; } .qyfz-container .list .title{ font-size:24px; color:#0a3e5e; margin:1rem 0; } .qyfz-container .list .desc{ font-size:16px; color:#808080; text-align: center; line-height: 1.7; } .qyfz-container .list img{ width: auto; } /*品质方针*/ .pzfz-container{ text-align: center } .pzfz-container .desc{ margin-bottom: 2rem } .pzfz-container .desc .p1{ font-size: 2.4rem; color: #007fcb; margin-bottom: 1.5rem } .pzfz-container .desc{ font-size: 1.6rem; color: #666; line-height: 1.8 } .pzfz-container .desc .info{ font-size: 1.6rem; color: #666; line-height: 1.8 } .pzfz-container .desc img{ max-width: 100%;; } .pzfz-container .list-content{ display: flex; justify-content: space-between; flex-wrap:wrap; } .pzfz-container .list-content .list{ width:48%; float:left; margin-left:4%; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; cursor: pointer; } .pzfz-container .list-content .list:nth-child(2n+1){ margin-left:0; } .pzfz-container .list-content .list .title{ font-size:20px; color:#333; margin:20px 0 10px; } .pzfz-container .list-content .list .desc{ font-size: 14px; color:#666; line-height: 1.6 } .pzfz-container .list-content .list:hover .title{ color:#ec6c00; } /*安保方针*/ .abfz-list .list{ padding:1.5rem 0; border-top:1px solid #f0f0f0; position: relative; } .abfz-list .list:first-child{ border:none; padding-top:0; } .abfz-list .list .num{ font-size:2.2rem; text-align: justify; font-weight:bold; border-bottom: 1px solid rgba(255,255,255,.5); color:#ec6c00; } .abfz-list .list .desc{ margin-top:1rem; color:#666; font-size:1.6rem; text-align: justify; line-height: 1.8; margin-bottom:0; } .abfz-list .list img{ position: absolute; right:0; bottom: 0; width:40%; } /*环保方针*/ .hbfz-list{ border:1px solid #f0f0f0; } .hbfz-list .list{ width:50%; float:left; height:300px; padding:2rem 1.5rem; border-left:1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0 } .hbfz-list .list:nth-child(2n+1){ border-left:0; } .hbfz-list .list:nth-child(5){ border-bottom:0; border-right: 1px solid #f0f0f0 } .hbfz-list .list .title{ font-size: 1.8rem; font-weight:bold; color:#333; font-weight:bold; margin:1rem 0; } .hbfz-list .list .info{ text-align: justify; font-size:1.6rem; color: #888; line-height: 1.8 } /*伦理经营方针*/ .llfz-list .list{ width:48%; float:left; margin-left:4%; border:1px solid #f0f0f0; height:280px; padding:1.5rem 1rem; text-align: center; margin-bottom:1.5rem; } .llfz-list .list:nth-child(2n+1){ margin-left:0; } .llfz-list .list .info{ text-align: justify; margin-top:1.5rem; font-size:1.6rem; color: #888; line-height: 1.8 } /*其他网站*/ .qtwz-container .list{ margin-bottom:1.5rem; } .qtwz-container .list .img{ overflow: hidden; border:1px solid #f0f0f0; } .qtwz-container .list .img img{ display: block; width: 100%; } .qtwz-container .list:hover img{ transform: scale(1.06); } .qtwz-container .list p{ text-align: center; padding:.5rem 1.5rem; font-size: 1.6rem; color:#666; line-height: 1.8 } /*伦理举报*/ .lljb-container .desc{ text-align: center; } .lljb-container .desc .title{ font-size: 2.4rem; color: #007fcb; } .lljb-container .desc .text{ font-size: 1.6rem; color: #666; margin: 1rem 0 2rem; line-height: 1.8; } .lljb-container .info{ padding:2rem 0; font-size: 1.6rem; color: #666; line-height: 1.8; border-top: 1px solid #f0f0f0 } .lljb-container .content{ padding:1.5rem; background: #fafafa } .lljb-container .list{ margin-bottom: 1.2rem; position: relative; } .lljb-container .list span{ display: inline-block; margin-bottom:-1rem; font-size: 1.6rem; color:#666; width:70px; text-align: justify; } .lljb-container .list span i{ display:inline-block; padding-left: 100%; width:100%; height:0; } .lljb-container .list .text{ width: 100% } .lljb-container .list input{ width: 100%; height:40px; line-height: 40px; border:1px solid #ebebeb; font-size: 1.6rem; color: #666; box-shadow: none; padding:0 1rem; -webkit-appearance: none ; -webkit-user-select: text ; outline-color: transparent ; box-shadow: none; appearance:button; -moz-appearance:button; /* Firefox */ -webkit-appearance:button; } .lljb-container .list textarea{ width: 100%; border:1px solid #ebebeb; height:100px; font-size: 1.6rem; color: #666; padding:1rem; -webkit-appearance: none ; -webkit-user-select: text ; outline-color: transparent ; box-shadow: none; appearance:button; -moz-appearance:button; /* Firefox */ -webkit-appearance:button; } .lljb-container .list-fj{ height:85px; } .lljb-container .list-fj .ll{ width:82px; height:40px; color: #fff; font-size: 1.6rem; background: #b3b3b3; position: absolute; right:0; top:0; border:none; line-height: 40px; text-align: center; z-index:1; } .lljb-container .list-fj .fj-text{ position: relative; height:40px; padding-right:110px; } .lljb-container .list-fj .fj-text .showFileName1{ width:100%; border:1px solid #ebebeb; height:40px; padding:0 1rem; line-height: 36px; color:#666; font-size:1.6rem; background: #fff; } .lljb-container .list-fj input{ position: absolute; width:100%; height:40px; border:none; z-index:5; opacity: 0; } .lljb-container .submit{ text-align: center; } .lljb-container .submit button{ width:100px; height:40px; color: #fff; font-size: 1.6rem; margin:0 10px; border:none; } .lljb-container .submit button.i1{ background: #007fcb; } .lljb-container .submit .i2{ background: #ec6c00; } .lljb-container .submit .i2{ width:100px; height:40px; color: #fff; font-size: 1.6rem; margin:0 10px; border:none; display: inline-block; line-height: 40px; cursor: pointer; } /*新闻*/ .news-container .i-news .swiper-slide .list{ margin-bottom:2rem; border-bottom: 1px solid #f0f0f0; } .news-container .i-news .swiper-slide .list .text{ padding-bottom:2rem; } .btn-more{ text-align: center; margin-top:1rem; } .btn-more a{ display: inline-block; width:100px; height:40px; text-align: center; line-height: 40px; font-size:1.4rem; color:#666; border:1px solid #e6e6e6; border-radius: 30px } /*详情*/ .show-container .title{ font-size: 2.2rem; text-align: center; color: #333; } .show-container .time{ text-align: center; font-size: 1.4rem; color: #999; margin-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #e6e6e6; margin-bottom: 2rem; } .show-container .desc{ font-size: 1.6rem; color: #666; text-align: justify; line-height: 1.8; } .show-container .desc a{ color: #666; text-decoration: underline; } .show-container .desc img{ max-width: 100% } .show-container .page-back{ margin-top:15px; padding-top:15px; border-top:1px solid #eee; font-size:14px; } .show-container .page-back { font-size:14px; } .show-container .page-back .x10{ margin-bottom: 10px; } .show-container .page-back a{ color:#888; } /*人才招聘*/ .zp-container .top{ text-align: center; } .zp-container .top .p1{ font-size:2.4rem; color:#007fcb; } .zp-container .top .p2{ font-size:1.8rem; color:#666; margin:1rem 0 1.5rem; } .zp-container .top img{ max-width: 100% } .zp-container .list-content{ margin-top:2.5rem; border-top:1px solid #e6e6e6; } .zp-container .list-content .list{ border-bottom:1px solid #e6e6e6; position: relative; } .zp-container .list-content .list-zk{ padding:1.5rem 0; } .zp-container .list-content .list .title{ font-size: 16px; font-weight:bold; color:#ec6c00; padding-left:1rem; line-height: 1; border-left:2px solid #ec6c00; } .zp-container .list-content .list .desc{ color:#666666; font-size: 14px; line-height: 1.8; text-align: justify; display: none; } .zp-container .list-content .list .zk{ position: absolute; width:80px; height:30px; text-align: center; line-height: 30px; font-size: 14px; color:#999; border:1px solid #dbdbdb; right:0; top:1rem; } .zp-container .list-content .list .zk:hover{ cursor: pointer; } .zp-container .list-content .list .zk.active{ background:#ec6c00 ; color:#fff; border-color:#ec6c00; } .zp-container .list-content .list .info{ margin-top:35px; } .zp-container .list-content .list .info-title{ font-size:18px; color:#333; font-weight:bold; margin-bottom:.7rem; } .zp-container .list-content .list .part-item{ margin-bottom: 1rem; } .zp-container .list-content .list .part-item .p-title{ font-size:16px; color:#ec6c00; margin-bottom:.7rem; } .zp-container .list-content .list .part-item .p-desc{ color:#333; font-size:14px; } .zp-container .list-content .list .info-bottom{ margin-top:15px; color:#333; font-size:14px; } .contact-wrapper{ position: fixed; z-index: 100000; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.5); display: none; } .contact-wrapper .contact-main{ width: 90%; height: auto; position: absolute; z-index: 1001; padding:50px 30px; background: #fff; border-radius: 6px; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; } .contact-wrapper .contact-main .title{ font-size: 16px; text-align: center; margin-bottom: 10px; color:#262626; font-weight: 700; } .contact-wrapper .contact-main .desc{ font-size: 16px; color: #262626; text-align: left; line-height: 24px; margin-bottom: 10px } .contact-wrapper .contact-main .know{ display: inline-block; width: 200px; height: 40px; color: #fff; background: #007fcb; font-size: 16px; text-align: center; line-height: 40px; text-decoration: none; border-radius: 2px; cursor: pointer; position: relative; margin-top:15px; } .jy1{ font-size:18px !important; font-weight:bold !important; } .pagination {text-align:center;list-style:none;margin:0;padding:0;vertical-align:bottom} .pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px} .pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s} .pagination span{ padding:12px 16px; border:solid 1px #EBEBEB; } .pagination span.current{ background: #007fcb; border-color:#007fcb; color:#fff; } .pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB} .pagination .active {pointer-events:none} .pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s} .pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;} .pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;} /* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */ .pagination li.active a,.pagination li a:hover {background:#007fcb;color:#fff;border:1px solid #007fcb;}