@charset "UTF-8"; a, .transition, .indexFlash .dots span, .index-strengths .list li:after, .index-news .btn li, .index-news .box .fl .time, .index-news .box .fr li, .news li .col, .news li .col .time, .job-search .select dl dd, .job .box, .job .box h3, .job-show h3, .contact-2 .form li .input, .contact-2 .form li .select, .contact-2 .form li .select dl dd, .contact-2 .submit div, :before, img, .g-nav { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; } .ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .flex, .indexFlash .dots, .index-strengths .container .title, .index-strengths .container .title .ico, .index-news .btn ul, .p-curr .list ul, .p-num, .strategy .container .list ul, .job .box .name, .job-show .container .name, .job-show .info li { display: flex; display: -webkit-flex; display: -ms-flex; } .flexColumn, .indexFlash li .layer, .index-strengths .list li, .index-news .box .fr li, .p-banner .title, .news li .col { display: flex; display: -webkit-flex; display: -ms-flex; flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; } .itemsCenter, .indexFlash li .layer, .indexFlash .dots, .index-strengths .list li, .index-strengths .container .title, .index-strengths .container .title .ico, .p-banner .title, .p-num, .job-search .form, .job .box .name, .job-show .container .name, .job-show .info li { align-items: center; -webkit-align-items: center; } .justifyCenter, .indexFlash li .layer, .index-strengths .list li, .index-strengths .container .title .ico, .index-news .box .fr li, .p-banner .title, .news li .col, .p-num { justify-content: center; -webkit-justify-content: center; } .flexAround { justify-content: space-around; -webkit-justify-content: space-around; } .flexBetween, .news li, .strategy .container .list ul, .job-show .container { justify-content: space-between; -webkit-justify-content: space-between; } .flexWrap, .g-nav ul, .g-foot .nav ul, .news li, .job-search .form, .job ul, .job-show .container, .contact-2 .form ul { display: flex; display: -webkit-flex; display: -ms-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } * { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } html { font-size: 100px; } body { font-size: 12px; font-family: Arial, "微软雅黑"; color: #666; -webkit-text-size-adjust: none; opacity: 0; } body.show { opacity: 1; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; } a { color: #666; text-decoration: none; outline: none; } a:active { star: expression(this.onFocus=this.blur()); } a:link { text-decoration: none; outline: none; } a:visited { text-decoration: none; outline: none; } a:hover { text-decoration: none; color: #07d020; outline: none; } li { list-style: outside none; } h1 { font-size: 16px; } h2, h3, h4, h5 { font-size: 14px; } h5 { font-size: 12px; } textarea, input { background: transparent; font-size: 12px; font-family: Arial, "微软雅黑"; color: #888; outline: none; border: 0; } em { font-style: normal; } img { vertical-align: middle; max-width: 100%; border: 0; } .fl { float: left; } .fr { float: right; } .clear { clear: both; height: 0; display: block; _display: inherit; } .before { content: ""; display: block; position: absolute; left: 50%; top: 0; } .h10 { height: 0.1rem; overflow: hidden; clear: both; } .h50 { height: 0.5rem; overflow: hidden; clear: both; } .wal { max-width: 12rem; margin: 0 auto; } @font-face { font-family: "Oswald-Medium_1"; src: url("fonts/Oswald-Medium_1.woff2") format("woff2"), url("fonts/Oswald-Medium_1.woff") format("woff"), url("fonts/Oswald-Medium_1.ttf") format("truetype"), url("fonts/Oswald-Medium_1.eot") format("embedded-opentype"), url("fonts/Oswald-Medium_1.svg") format("svg"); font-weight: normal; font-style: normal; } .g-headD { height: 0.8rem; } .g-head { position: fixed; z-index: 50; left: 0; top: 0; width: 100%; background: #fff; box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.1); } .g-head .wal { min-height: 0.8rem; position: relative; } .g-head a.logo { display: block; background: url("../image/logo.png") center no-repeat; background-size: 100%; width: 1.85rem; height: 100%; position: absolute; z-index: 10; left: 0; right: auto; top: 0; bottom: auto; } .g-head .language { position: absolute; z-index: 10; left: auto; right: 0; top: 0; bottom: 0; line-height: 0.8rem; background: url("../image/img24.png") left center no-repeat; background-size: .24rem; padding-left: .4rem; font-size: .16rem; } .g-head .language a:hover, .g-head .language a.on { color: #07d020; } .g-nav { position: absolute; z-index: 10; left: auto; right: 1.45rem; top: 0; bottom: auto; } .g-nav li { margin-left: .1rem; } .g-nav a.name { display: block; height: 0.8rem; line-height: 0.8rem; font-size: .16rem; padding: 0 .16rem; } .g-nav a.name.on { background: #07d020; color: #fff; } @media screen and (min-width: 800px) { .g-nav .list { position: fixed; z-index: 50; left: 0; top: -0.8rem; right: 0; background: rgba(255, 255, 255, 0.8); height: .6rem; opacity: 0; visibility: hidden; } .g-nav .list dl { display: flex; display: -webkit-flex; position: absolute; z-index: 10; left: 50%; right: auto; top: 0; bottom: auto; } .g-nav .list dd { margin-left: .55rem; } .g-nav .list a { display: block; height: .6rem; line-height: .6rem; position: relative; font-size: .16rem; font-weight: bold; color: #999; } .g-nav .list a:before { content: ""; display: block; position: absolute; left: 50%; right: 50%; bottom: 0; height: 2px; background: #07d020; } .g-nav .list a:hover, .g-nav .list a.on { color: #07d020; } .g-nav .list a:hover:before, .g-nav .list a.on:before { left: 0; right: 0; } .g-nav .list-1 dl { margin-left: -1.35rem; } .g-nav .list-2 dl { margin-left: 2rem; } .g-nav .list-3 dl { margin-left: 3.05rem; } .g-nav li:hover .list { top: 0.8rem; opacity: 1; visibility: visible; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; } .g-nav li:hover a.name { background: #07d020; color: #fff; } } .g-foot { background: url("../image/foot.jpg") center no-repeat; background-size: cover; position: relative; color: #fff; font-size: .14rem; } .g-foot a { color: #fff; } .g-foot .wal { min-height: 2.6rem; position: relative; } .g-foot h1 { font-size: .32rem; padding: .36rem 0 .22rem 0; } .g-foot .list li { line-height: .25rem; position: relative; padding-left: .3rem; } .g-foot .list img { width: .2rem; position: absolute; z-index: 10; left: 0; right: auto; top: 0.025rem; bottom: auto; } .g-foot .nav { position: absolute; z-index: 10; left: auto; right: 0; top: 0; bottom: auto; } .g-foot .nav li { padding-left: .6rem; } .g-foot .nav li a { transition-duration: 0s; -webkit-transition-duration: 0s; } .g-foot .nav li a:hover { font-weight: bold; } .g-foot .nav li h3 { font-weight: 400; font-size: .18rem; padding: .4rem 0 .15rem 0; } .g-foot .nav li dd { line-height: .32rem; } .g-foot .msg { position: absolute; z-index: 10; left: 0; right: 0; top: auto; bottom: 0; text-align: center; font-size: .12rem; line-height: .5rem; background: rgba(0, 0, 0, 0.1); } /*index*/ .indexFlash { width: 100%; overflow: hidden; position: relative; } .indexFlash li { height: 7.3rem; background: center no-repeat; background-size: cover; position: relative; } .indexFlash li .layer { position: absolute; z-index: 10; left: 0; right: 0; top: 0; bottom: 0; text-align: center; font-size: .24rem; color: #07d020; } .indexFlash li .layer h2 { font-size: .62rem; line-height: 1em; padding-bottom: .2rem; } .indexFlash .dots { position: absolute; z-index: 10; left: auto; right: 50%; top: auto; bottom: 0.3rem; margin-right: -6rem; height: .23rem; } .indexFlash .dots span { width: .12rem; height: .12rem; background: #999; margin-left: .32rem; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .indexFlash .dots span.swiper-pagination-bullet-active { background: #07d020; height: .23rem; width: .23rem; } .indexFlash .arrow a { display: block; width: 1.1rem; height: .44rem; background: rgba(0, 0, 0, 0.3) center no-repeat; background-size: .45rem; -moz-border-radius: 0.3rem; -webkit-border-radius: 0.3rem; border-radius: 0.3rem; position: absolute; z-index: 10; left: auto; right: auto; top: 50%; bottom: auto; margin-top: -.22rem; } .indexFlash .arrow a:hover { background-color: #07d020; } .indexFlash .arrow a.prev { left: 7.86%; background-image: url("../image/prev45.png"); } .indexFlash .arrow a.next { right: 7.86%; background-image: url("../image/next45.png"); } .index-title h2 { font-size: .2rem; line-height: .3rem; } .index-title div { font-size: .58rem; line-height: .64rem; text-transform: uppercase; font-family: 'Oswald-Medium_1'; } .index-title div em { color: #07d020; } .g-content { font-size: .14rem; line-height: .24rem; text-align: justify; } .g-more { display: block; width: 1.7rem; height: .41rem; line-height: .41rem; text-align: center; background: #666; color: #fff; font-size: .16rem; text-transform: uppercase; letter-spacing: .12rem; } .g-more em { background: url("../image/img13.png") right center no-repeat; background-size: .13rem; padding-right: .2rem; } .g-more:hover { color: #fff; background: #07d020; box-shadow: 0 0.17rem 0.49rem rgba(7, 208, 32, 0.32); -webkit-box-shadow: 0 0.17rem 0.49rem rgba(7, 208, 32, 0.32); -moz-box-shadow: 0 0.17rem 0.49rem rgba(7, 208, 32, 0.32); } .g-more.g-more-2 { background: #fff; color: #666; } .g-more.g-more-2 em { background-image: url("../image/img13on.png"); } .g-more.g-more-2:hover { color: #07d020; } .g-more.g-more-2:hover em { background-image: url("../image/img13_1.png"); } .index-about { min-height: 6.25rem; position: relative; } .index-about:before { content: ""; display: block; position: absolute; top: 0; right: -.8rem; width: 4.66rem; height: 5.2rem; background: #f3f3f3; } .index-about .img { width: 4.75rem; position: absolute; z-index: 10; left: auto; right: 0; top: auto; bottom: 0; } .index-about .title { height: 3.22rem; position: relative; padding-top: 1.15rem; } .index-about .title p { font-size: 2rem; line-height: 1em; color: #666; opacity: .1; text-transform: uppercase; position: absolute; z-index: 10; left: 0; right: auto; top: 0.8rem; bottom: auto; font-family: 'Oswald-Medium_1'; } .index-about .title .index-title { position: relative; z-index: 11; } .index-about .g-content { max-width: 5.95rem; min-height: 1.6rem; position: relative; padding: 0 0 .3rem 1.47rem; } .index-about .g-content:before { content: ""; display: block; position: absolute; left: 0; top: .1rem; width: 1.17rem; height: .04rem; background: #999; } .index-about .g-content .scroll { height: 2.3rem; overflow: hidden; position: relative; } .index-about .g-content .scroll p { padding: 0 .4rem .24rem 0; } .index-strengths { background: url("../image/index-strengths.jpg") center no-repeat; background-size: cover; color: #fff; } .index-strengths .wal { min-height: 7rem; position: relative; } .index-strengths .index-title { padding: .85rem 0 .65rem 0; } .index-strengths .list li { width: 2.65rem; height: 2.3rem; } .index-strengths .list li:before, .index-strengths .list li:after { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url("../image/img265.png") center no-repeat; background-size: 100%; } .index-strengths .list li:after { background-image: url("../image/img265on.png"); opacity: 0; } .index-strengths .list li div, .index-strengths .list li h3 { position: relative; z-index: 5; } .index-strengths .list li div { width: .7rem; } .index-strengths .list li h3 { font-size: .18rem; padding-top: .08rem; color: #666; } .index-strengths .list li.on:before { opacity: 0; } .index-strengths .list li.on:after { opacity: 1; } .index-strengths .container { max-width: 6.05rem; min-height: 2.5rem; } .index-strengths .container .title { padding-bottom: .45rem; } .index-strengths .container .title .ico { background: url("../image/img83.png") center no-repeat; background-size: 100%; width: .83rem; height: .72rem; margin-right: .12rem; } .index-strengths .container .title .ico img { width: .4rem; } .index-strengths .container .title h3 { font-size: .28rem; } @media screen and (min-width: 800px) { .index-strengths .list { position: absolute; z-index: 10; left: auto; right: 0; top: 1.2rem; bottom: auto; width: 4.76rem; min-height: 2rem; } .index-strengths .list li { position: absolute; } .index-strengths .list li.li_01 { left: 0; top: 0; } .index-strengths .list li.li_02 { right: 0; top: 1.26rem; } .index-strengths .list li.li_03 { left: 0; top: 2.51rem; } } .index-discovery { position: relative; min-height: 4.1rem; padding: 1.15rem 0 .6rem 4.4rem; } .index-discovery .index-title { position: absolute; z-index: 10; left: 0; right: auto; top: 0.7rem; bottom: auto; } .index-discovery .g-content { min-height: 1.85rem; padding-bottom: .3rem; position: relative; } .index-discovery .g-content:before { content: ""; display: block; position: absolute; left: -1.48rem; top: .1rem; width: 1.17rem; height: .04rem; background: #999; } .vision { min-height: 3rem; } .vision .g-content { min-height: 1rem; padding-bottom: 0; } .index-news { background: url("../image/index-news.jpg") center no-repeat; background-size: cover; } .index-news .wal { min-height: 7.06rem; position: relative; } .index-news .index-title { height: 2.97rem; padding-top: .55rem; } .index-news .more { position: absolute; z-index: 10; left: auto; right: 0; top: 1.7rem; bottom: auto; } .index-news .btn { position: absolute; z-index: 10; left: auto; right: 2.9rem; top: 1.6rem; bottom: auto; } .index-news .btn li { margin-left: .55rem; font-size: .16rem; font-weight: bold; color: #999; cursor: pointer; padding: .16rem 0; position: relative; } .index-news .btn li:before { content: ""; display: block; position: absolute; left: 50%; right: 50%; bottom: 0; opacity: 0; height: .02rem; background: #07d020; } .index-news .btn li.on { color: #07d020; } .index-news .btn li.on:before { left: 0; right: 0; opacity: 1; } .index-news .btn li:hover { color: #07d020; } .index-news .box .fl { width: 5.11rem; position: relative; top: -.05rem; } .index-news .box .fl h3 { font-size: .22rem; line-height: .31rem; height: .62rem; width: 2.8rem; overflow: hidden; } .index-news .box .fl .time { position: absolute; z-index: 10; left: auto; right: -0.06rem; top: 0; bottom: auto; font-size: .66rem; line-height: .5rem; font-family: 'Oswald-Medium_1'; } .index-news .box .fl .more { position: absolute; z-index: 10; left: auto; right: -0.1rem; top: 1rem; bottom: auto; } .index-news .box .fl .more a { display: block; text-transform: uppercase; font-size: .14rem; font-family: 'Oswald-Medium_1'; letter-spacing: .1rem; position: relative; height: .38rem; line-height: .38rem; color: #07d020; } .index-news .box .fl .more a:before { content: ""; display: block; position: absolute; left: 50%; right: 50%; bottom: .12rem; height: 1px; background: #07d020; } .index-news .box .fl .more:hover a { line-height: .2rem; } .index-news .box .fl .more:hover a:before { left: 0; right: .1rem; } .index-news .box .fl .g-content { padding: .2rem 0; min-height: 1.05rem; width: 3.27rem; } .index-news .box .fl .img { width: 100%; overflow: hidden; -moz-border-radius: 0.08rem; -webkit-border-radius: 0.08rem; border-radius: 0.08rem; } .index-news .box .fl:hover h3 a, .index-news .box .fl:hover .time { color: #07d020; } .index-news .box .fr { width: 5.95rem; } .index-news .box .fr .scroll { height: 3.21rem; overflow: hidden; position: relative; } .index-news .box .fr ul { width: 5.55rem; border-top: #ccc solid 1px; } .index-news .box .fr li { border-bottom: #ccc solid 1px; min-height: 1.6rem; position: relative; padding: .2rem 0 .2rem .88rem; } .index-news .box .fr li .time { position: absolute; z-index: 10; left: 0; right: auto; top: auto; bottom: auto; font-family: 'Oswald-Medium_1'; font-size: .2rem; } .index-news .box .fr li .time div { font-size: .62rem; line-height: 1em; position: relative; top: -.05rem; } .index-news .box .fr li .name { font-size: .18rem; padding-bottom: .15rem; } .index-news .box .fr li:hover { color: #07d020; border-color: #07d020; } .index-news .box .fr li:hover .name a { color: #07d020; } /*page*/ .p-banner { background: center no-repeat; background-size: cover; } .p-banner .title { height: 4.3rem; text-align: center; color: #07d020; text-transform: uppercase; font-size: .24rem; } .p-banner .title h2 { font-size: .62rem; line-height: 1em; padding-bottom: .2rem; } .p-curr { height: .76rem; line-height: .75rem; border-bottom: #ccc solid 1px; position: relative; font-size: .14rem; } .p-curr .curr { padding-left: .28rem; background: url("../image/img18.png") left center no-repeat; background-size: .18rem; } .p-curr .curr em { color: #07d020; } .p-curr .list { position: absolute; z-index: 10; left: auto; right: 0; top: 0; bottom: auto; } .p-curr .list li { margin-left: .52rem; font-size: .16rem; font-weight: bold; } .p-curr .list a { display: block; height: .75rem; padding-top: .1rem; line-height: .65rem; position: relative; color: #999; } .p-curr .list a:before { content: ""; display: block; position: absolute; left: 50%; right: 50%; bottom: -1px; height: 2px; background: #07d020; } .p-curr .list a:hover, .p-curr .list a.on { color: #07d020; } .p-curr .list a:hover:before, .p-curr .list a.on:before { left: 0; right: 0; } .news li { padding-top: .6rem; } .news li .img { width: 4.2rem; -moz-border-radius: 0.08rem; -webkit-border-radius: 0.08rem; border-radius: 0.08rem; overflow: hidden; } .news li .col { min-height: 1.66rem; position: relative; border-bottom: #ccc solid 1px; width: 7.25rem; padding: .2rem 1.3rem .2rem 0; } .news li .col .name { font-size: .22rem; padding-bottom: .15rem; } .news li .col .time { position: absolute; z-index: 10; left: auto; right: -0.06rem; top: 0.36rem; bottom: auto; font-size: .24rem; line-height: 1em; font-family: 'Oswald-Medium_1'; } .news li .col .more { position: absolute; z-index: 10; left: auto; right: -0.1rem; top: 1rem; bottom: auto; } .news li .col .more a { display: block; text-transform: uppercase; font-size: .14rem; font-family: 'Oswald-Medium_1'; letter-spacing: .1rem; position: relative; line-height: .38rem; height: .38rem; color: #07d020; } .news li .col .more a:before { content: ""; display: block; position: absolute; left: 50%; right: 50%; bottom: .12rem; height: 1px; background: #07d020; } .news li .col .more a:hover { line-height: 1em; } .news li .col .more a:hover:before { left: 0; right: .1rem; } .news li:hover .col a { color: #07d020; } .news li:hover .col .time { color: #07d020; } .p-num { padding: .5rem 0 .75rem 0; } .p-num a { width: .45rem; height: .3rem; background: center no-repeat; background-size: 100%; } .p-num a.prev { background-image: url("../image/prev45_1.png"); } .p-num a.prev:hover { background-image: url("../image/prev45_1on.png"); } .p-num a.next { background-image: url("../image/next45_1.png"); } .p-num a.next:hover { background-image: url("../image/next45_1on.png"); } .p-num div { font-family: 'Oswald-Medium_1'; font-size: .16rem; padding: 0 .15rem; position: relative; top: -.04rem; } .p-num div em { font-size: .36rem; color: #07d020; } .new-show .title { text-align: center; font-size: .22rem; color: #07d020; padding-top: .55rem; } .new-show .time { font-family: 'Oswald-Medium_1'; text-align: center; padding: .12rem 0 .3rem 0; font-size: .14rem; color: #999; letter-spacing: .03rem; } .new-show .g-content { padding-bottom: .4rem; } .new-show .g-content p { padding-bottom: .1rem; } .new-show .g-content .img { text-align: center; padding: .2rem 0 .3rem 0; } .p-num2 { min-height: 1.6rem; padding: .22rem 0; border-top: #ccc solid 1px; position: relative; } .p-num2 li { font-size: .16rem; line-height: .34rem; } .p-num2 li a:hover { font-weight: bold; } .p-num2 .back { position: absolute; z-index: 10; left: auto; right: 0; top: 0.32rem; bottom: auto; } .p-num2 .back a.g-more { padding-left: .1rem; } .p-num2 .back a.g-more em { background: url("../image/img12.png") left center no-repeat; background-size: .12rem; padding: 0 0 0 .3rem; } .development { min-height: 6.5rem; padding: 0 1.7rem .8rem 0; position: relative; } .development .index-title { padding: .55rem 0 .35rem 0; } .development .img { -moz-border-radius: 0.08rem; -webkit-border-radius: 0.08rem; border-radius: 0.08rem; width: 5.98rem; overflow: hidden; position: absolute; z-index: 10; left: auto; right: 0; top: 0.6rem; bottom: auto; } .development .g-content { -moz-border-radius: 0.08rem; -webkit-border-radius: 0.08rem; border-radius: 0.08rem; background: #f3f3f3; padding: .36rem .4rem; min-height: 3.26rem; } .development .g-content p { padding-bottom: .1rem; } .development .g-content p.p-1 { padding-right: 4.33rem; } .investor { min-height: 5.15rem; padding-bottom: .55rem; position: relative; } .investor .index-title { padding: .55rem 0 1rem 0; } .investor .content { position: relative; max-width: 3.5rem; } .investor .content:before { content: ""; display: block; position: absolute; left: 0; top: -.65rem; background: url("../image/img102.png") center no-repeat; background-size: 100%; width: 1.02rem; height: .87rem; } .investor .content .g-content { position: relative; } .investor .img { width: 7.25rem; position: absolute; z-index: 10; left: auto; right: 0; top: 0.6rem; bottom: auto; } .strategy { padding: 1.74rem 0 .8rem 0; min-height: 8rem; position: relative; } .strategy .container { width: 6.2rem; min-height: 5.7rem; background: #f3f3f3; position: relative; padding: 0 .5rem 0 .9rem; margin-left: auto; } .strategy .container:before { content: ""; display: block; position: absolute; top: -.8rem; right: 0; background: url("../image/img146.png") center no-repeat; background-size: 100%; width: 1.46rem; height: 1.24rem; } .strategy .container .index-title { padding: .6rem 0 .3rem 0; } .strategy .container .list { padding-top: .33rem; min-height: 1.75rem; } .strategy .container .list .ico { width: .5rem; margin: 0 auto; } .strategy .container .list p { text-align: center; font-size: .14rem; padding-top: .1rem; } .strategy .img { width: 6.2rem; position: absolute; z-index: 10; left: 0; right: auto; top: 0.6rem; bottom: auto; } .job-search { padding: .58rem 0; } .job-search .form { background: #07d020; -moz-border-radius: 0.06rem; -webkit-border-radius: 0.06rem; border-radius: 0.06rem; position: relative; color: #fff; height: .78rem; } .job-search h2 { padding-left: .25rem; font-size: .16rem; } .job-search .select, .job-search .input { border: #fff solid 1px; -moz-border-radius: 0.06rem; -webkit-border-radius: 0.06rem; border-radius: 0.06rem; width: 2.64rem; height: .4rem; } .job-search .select { margin-left: .25rem; line-height: .38rem; font-size: .16rem; padding-left: .12rem; position: relative; } .job-search .select:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; width: .36rem; background: rgba(255, 255, 255, 0.4) url("../image/img14.png") center no-repeat; background-size: .14rem; -moz-border-radius: 0.04rem; -webkit-border-radius: 0.04rem; border-radius: 0.04rem; } .job-search .select dl { position: absolute; z-index: 50; left: -1px; right: -1px; top: 100%; bottom: auto; background: #fff; -moz-border-radius: 0.06rem; -webkit-border-radius: 0.06rem; border-radius: 0.06rem; box-shadow: 0 0.12rem 0.38rem rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 0.12rem 0.38rem rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 0.12rem 0.38rem rgba(0, 0, 0, 0.16); overflow: hidden; display: none; } .job-search .select dl dd { color: #666; height: .35rem; line-height: .35rem; padding: 0 .13rem; } .job-search .select dl dd:hover { color: #fff; background: #07d020; } .job-search .select.on dl { display: block; } .job-search .input { position: absolute; z-index: 10; left: auto; right: 1.07rem; top: auto; bottom: auto; } .job-search .input input { width: 100%; height: .38rem; line-height: .38rem; padding-left: .12rem; font-size: .16rem; color: #fff; } .job-search .input ::-webkit-input-placeholder { color: #fff; } .job-search .input ::-moz-placeholder { color: #fff; } .job-search .input :-ms-input-placeholder { color: #fff; } .job-search .submit { position: absolute; z-index: 10; left: auto; right: 0.23rem; top: auto; bottom: auto; height: .4rem; width: .8rem; background: #fff; -moz-border-radius: 0.06rem; -webkit-border-radius: 0.06rem; border-radius: 0.06rem; } .job-search .submit input { width: 100%; height: .4rem; font-size: .16rem; color: #07d020; cursor: pointer; } .job { margin-bottom: -.6rem; } .job ul { margin-left: -.6rem; } .job li { width: 33.333%; padding: 0 0 .6rem .6rem; } .job .box { min-height: 4.66rem; background: #f3f3f3; -moz-border-radius: 0.1rem; -webkit-border-radius: 0.1rem; border-radius: 0.1rem; padding: .1rem .3rem .6rem .3rem; position: relative; } .job .box h3 { line-height: .66rem; border-bottom: #ccc solid 1px; font-size: .24rem; margin-bottom: .1rem; } .job .box .address { position: absolute; z-index: 10; left: auto; right: 0.3rem; top: 0.2rem; bottom: auto; line-height: .6rem; font-size: .14rem; padding-left: .24rem; background: url("../image/img14_1.png") left center no-repeat; background-size: .14rem; } .job .box .name { font-size: .18rem; color: #07d020; padding: .12rem 0; } .job .box .name img { width: .2rem; margin-right: .1rem; } .job .box dd { font-size: .14rem; line-height: .24rem; padding-bottom: .05rem; text-align: justify; } .job .box .more a { display: block; position: absolute; z-index: 10; left: auto; right: 0.2rem; top: auto; bottom: 0.3rem; text-transform: uppercase; letter-spacing: .1rem; color: #07d020; font-size: .14rem; font-family: 'Oswald-Medium_1'; padding-bottom: 0; } .job .box .more a:before { content: ""; display: block; position: absolute; left: 50%; right: 50%; bottom: 0; height: 1px; background: #07d020; } .job .box .more a:hover { padding-bottom: .1rem; } .job .box .more a:hover:before { left: 0; right: .1rem; } .job .box:hover { background: #e1f9e4; } .job .box:hover h3 { border-color: #07d020; } .job .box:hover h3 a { color: #07d020; } .job-show { background: #e1f9e4; -moz-border-radius: 0.1rem; -webkit-border-radius: 0.1rem; border-radius: 0.1rem; padding: .1rem .3rem; position: relative; min-height: 2rem; } .job-show h3 { line-height: .66rem; border-bottom: #07d020 solid 1px; font-size: .24rem; margin-bottom: .1rem; color: #07d020; } .job-show .address { position: absolute; z-index: 10; left: auto; right: 0.3rem; top: 0.2rem; bottom: auto; line-height: .6rem; font-size: .14rem; padding-left: .24rem; background: url("../image/img14_1.png") left center no-repeat; background-size: .14rem; } .job-show .container .col { width: 4.8rem; } .job-show .container .name { font-size: .18rem; color: #07d020; padding: .12rem 0; } .job-show .container .name img { width: .2rem; margin-right: .1rem; } .job-show .container dd { font-size: .14rem; line-height: .24rem; text-align: justify; } .job-show .info { padding: .15rem 0 .5rem 0; } .job-show .info li { padding-bottom: .22rem; color: #07d020; font-size: .18rem; } .job-show .info li img { width: .2rem; margin-right: .08rem; } .job-show .back { position: absolute; z-index: 10; left: auto; right: 0.3rem; top: auto; bottom: 0.3rem; } .job-show .back a.g-more { padding-left: .1rem; } .job-show .back a.g-more em { background: url("../image/img12.png") left center no-repeat; background-size: .12rem; padding: 0 0 0 .3rem; } .contact-1 { min-height: 4.45rem; position: relative; padding: .5rem 0; } .contact-1 .map { width: 5.8rem; height: 3.06rem; position: absolute; z-index: 10; left: auto; right: 0; top: 0.6rem; bottom: auto; } .contact-1 .list { padding: .25rem 0; } .contact-1 .list li { font-size: .22rem; position: relative; min-height: .48rem; padding: 0 0 .1rem .36rem; } .contact-1 .list li img { position: absolute; z-index: 10; left: 0; right: auto; top: 0; bottom: auto; width: .22rem; } .contact-1 .list li p { line-height: .22rem; } .contact-2 { background: #f2f2f2; padding: .6rem 0 .8rem 0; } .contact-2 .index-title { padding-bottom: .2rem; } .contact-2 .form ul { margin-left: -.4rem; } .contact-2 .form li { width: 50%; padding: 0 0 .1rem .4rem; min-height: .53rem; position: relative; } .contact-2 .form li .ico { position: absolute; z-index: 10; left: 0.4rem; right: auto; top: 0.09rem; bottom: auto; width: .22rem; } .contact-2 .form li .ico img:nth-child(2) { position: absolute; z-index: 10; left: 0; right: auto; top: 0; bottom: auto; opacity: 0; } .contact-2 .form li .input, .contact-2 .form li .select { min-height: .43rem; border-bottom: #adadad solid 1px; } .contact-2 .form li .input input, .contact-2 .form li .input textarea { width: 100%; height: .42rem; line-height: .42rem; padding-left: .3rem; font-size: .16rem; color: #999; } .contact-2 .form li .input textarea { height: 1.28rem; padding: .1rem 0 .1rem .3rem; line-height: .22rem; } .contact-2 .form li .input ::-webkit-input-placeholder { color: #999; } .contact-2 .form li .input ::-moz-placeholder { color: #999; } .contact-2 .form li .input :-ms-input-placeholder { color: #999; } .contact-2 .form li .select { font-size: .16rem; color: #999; height: .42rem; line-height: .42rem; padding-left: .3rem; position: relative; } .contact-2 .form li .select:before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; width: .22rem; background: url("../image/select_22.png") center no-repeat; background-size: 100%; } .contact-2 .form li .select dl { position: absolute; z-index: 10; left: 0; right: 0; top: 100%; bottom: auto; background: #fff; display: none; margin-top: 1px; } .contact-2 .form li .select dl dd { font-size: .14rem; height: .32rem; line-height: .32rem; padding-left: .3rem; } .contact-2 .form li .select dl dd:hover { background: #07d020; color: #fff; } .contact-2 .form li .select.on:before { background-image: url("../image/select_22on.png"); } .contact-2 .form li .select.on dl { display: block; } .contact-2 .form li.li_01 { width: 100%; } .contact-2 .form li.on .ico img:nth-child(1), .contact-2 .form li:hover .ico img:nth-child(1) { opacity: 0; } .contact-2 .form li.on .ico img:nth-child(2), .contact-2 .form li:hover .ico img:nth-child(2) { opacity: 1; } .contact-2 .form li.on .input, .contact-2 .form li.on .select, .contact-2 .form li:hover .input, .contact-2 .form li:hover .select { border-color: #07d020; } .contact-2 .form li.on .input input, .contact-2 .form li.on .input textarea, .contact-2 .form li:hover .input input, .contact-2 .form li:hover .input textarea { color: #07d020; } .contact-2 .form li.on .input ::-webkit-input-placeholder, .contact-2 .form li:hover .input ::-webkit-input-placeholder { color: #07d020; } .contact-2 .form li.on .input ::-moz-placeholder, .contact-2 .form li:hover .input ::-moz-placeholder { color: #07d020; } .contact-2 .form li.on .input :-ms-input-placeholder, .contact-2 .form li:hover .input :-ms-input-placeholder { color: #07d020; } .contact-2 .form li.on .select span, .contact-2 .form li:hover .select span { color: #07d020; } .contact-2 .submit { padding-top: .4rem; } .contact-2 .submit div { width: 1.7rem; height: .41rem; background: #666; margin: 0 auto; } .contact-2 .submit div:hover { background: #07d020; box-shadow: 0 0.17rem 0.49rem rgba(7, 208, 32, 0.32); -webkit-box-shadow: 0 0.17rem 0.49rem rgba(7, 208, 32, 0.32); -moz-box-shadow: 0 0.17rem 0.49rem rgba(7, 208, 32, 0.32); } .contact-2 .submit input { width: 100%; height: .41rem; cursor: pointer; color: #fff; font-size: .16rem; } /*# sourceMappingURL=index.css.map */