@font-face { font-family: 'CenturyGothicStd-Bold'; src: url('../fonts/CenturyGothicStd-Bold.eot'); src: url('../fonts/CenturyGothicStd-Bold.woff2') format('woff2'), url('../fonts/CenturyGothicStd-Bold.woff') format('woff'), url('../fonts/CenturyGothicStd-Bold.ttf') format('truetype'), url('../fonts/CenturyGothicStd-Bold.svg#CenturyGothicStd-Bold') format('svg'), url('../fonts/CenturyGothicStd-Bold.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BEBAS'; src: url('../fonts/BEBAS.eot'); src: url('../fonts/BEBAS.eot') format('embedded-opentype'), url('../fonts/BEBAS.woff2') format('woff2'), url('../fonts/BEBAS.woff') format('woff'), url('../fonts/BEBAS.ttf') format('truetype'), url('../fonts/BEBAS.svg#BEBAS') format('svg'); } body.welcome { background-color: #000; } body.fixed { width: 100%; position: fixed; } .view { padding: 0 .3rem; } header { background-color: #000; padding: .25rem 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 50; } header .logo { float: left; width: 2.94rem; } header .logo .logo2 { display: none; } header .logo img { width: 100%; display: block; } header .navbtn-box, header .search-btn, header .lang { float: right; margin-top: .1rem; } header .navbtn-box { font-size: 0; } header .navbtn-box .navbtn { width: .3rem; height: .2rem; display: inline-block; *display: inline; zoom: 1; position: relative; vertical-align: middle; } header .navbtn-box .navbtn .line { position: absolute; width: 100%; height: 2px; background-color: #fff; left: 0; transform-origin: center center; } header .navbtn-box .navbtn .line:nth-child(1) { top: 0; transition: all .3s; } header .navbtn-box .navbtn .line:nth-child(2) { top: 50%; transform: translateY(-50%); } header .navbtn-box .navbtn .line:nth-child(3) { bottom: 0; transition: all .3s; } header .navbtn-box.on .navbtn .line { bottom: auto; top: 50%; } header .navbtn-box.on .navbtn .line:nth-child(2) { opacity: 0; filter: alpha(opacity=0); } header .navbtn-box.on .navbtn .line:nth-child(1) { transform: rotate(45deg); } header .navbtn-box.on .navbtn .line:nth-child(3) { transform: rotate(-45deg); } header .navbtn-box .txt { font-size: .24rem; line-height: .2rem; font-family: "BEBAS"; color: #fff; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin-left: .15rem; } header .lang { font-size: .24rem; line-height: .2rem; color: #fff; font-family: arial; padding-right: .3rem; background-repeat: no-repeat; background-position: right center; background-image: url('../img/lang.png'); } header .divide { float: right; width: 1px; height: .2rem; background-color: rgba(255, 255, 255, .3); margin: .15rem .15rem 0; vertical-align: middle; } header .search-btn { float: right; width: .24rem; height: .24rem; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('../img/search-btn.png'); } .aside { display: none; } .nav-box { position: fixed; left: 0; top: .84rem; width: 100%; height: 92%; padding: 4% 6%; overflow: auto; z-index: 40; box-sizing: border-box; height: calc(100% - .84rem); display: none; } .nav-box:before, .nav-box:after { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; } .nav-box:before { background-color: #fff; transition: all 0.3s ease-in-out; } .nav-box:after { background-color: #111; z-index: 2; transition: all 0.3s ease-in-out 0.3s; } .nav-box.active:before, .nav-box.active:after { width: 100%; } .nav-box .nav { position: relative; z-index: 5; } .nav li { border-bottom: 1px solid rgba(255, 255, 255, .2); left: 30px; position: relative; opacity: 0; filter: alpha(opacity=0); } .nav li>a { display: block; width: 92%; padding: 10px 4%; color: #fff; position: relative; font-size: 16px; line-height: 25px; } .nav li .navson { line-height: 30px; padding: 0 4.5% 15px; display: none; } .nav li .navson a { display: block; font-size: 14px; color: #bdbdbd; } .nav li>a:after { content: ""; width: 13px; height: 13px; background: url(../img/nav-arrow1.png) no-repeat center; background-size: cover; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transition: all .3s linear; } .nav li.on .tit:after { transform: translateY(-50%) rotate(90deg); } .search-dialog-box { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; } .search-dialog-box .black { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); } .search-dialog { position: absolute; left: 50%; top: 50%; box-sizing: border-box; width: 90%; padding: .2rem; transform: translate(-50%, -50%); background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .33); border-radius: .4rem; } .search-dialog input[type=text] { float: left; width: 86%; border: none; padding: 0; font-size: .24rem; line-height: .4rem; color: #999; background-color: #fff; border-radius: 0; } .search-dialog input[type=submit] { float: right; width: 15px; height: .4rem; background-repeat: no-repeat; background-position: center; background-size: 100%; border: none; padding: 0; background-image: url(../img/search-btn2.png); background-color: transparent; } .search-dialog input::-webkit-input-placeholder { color: #999; } .search-dialog input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } .search-dialog input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } .search-dialog input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #999; } .clearfixed { height: .84rem; } /* header end */ .welcome .clearfixed { display: none; } .index-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .index-wrap>.swiper-wrapper { transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } easeInOutCubic .index-wrap>.swiper-wrapper>.swiper-slide { height: 100%; } .index-wrap>.swiper-wrapper>.foot { height: auto; } .banner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .banner .swiper-slide { position: relative; } .banner .m-img, .banner .pc-img { width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .banner .pc-img { display: none; } .banner .text-box { position: absolute; left: 0; top: 25%; width: 100%; } .banner .text-box .tit-box { color: #fff; } .banner .text-box .cn { font-size: .6rem; line-height: .7rem; } .banner .text-box .en { font-size: .3rem; line-height: .4rem; margin-top: .3rem; } .banner .text-box .con { font-size: .28rem; line-height: .4rem; color: #fff; opacity: .7; filter: alpha(opacity=70); width: 70%; margin-top: .4rem; } .pub-more { display: inline-block; *display: inline; zoom: 1; font-size: 0; background-color: #91c231; padding: 0 .35rem; } .pub-more span { display: inline-block; *display: inline; zoom: 1; font-size: .26rem; color: #fff; vertical-align: top; padding-right: .3rem; height: .7rem; line-height: .7rem; background-repeat: no-repeat; background-position: right center; text-transform: uppercase; background-image: url('../img/more-arrow.png'); background-size: .26rem; } .index-wrap { -webkit-overflow-scrolling: touch; } .banner .pub-more { margin-top: .5rem; } .banner .btns { position: absolute; left: 0; bottom: 6.5%; width: 100%; z-index: 3; text-align: center; } .banner .btns .swiper-pagination-bullet { width: 18px; height: 10px; background-repeat: no-repeat; background-position: center; background-size: 100%; background-image: url('../img/ban-btn1.png'); margin: 0 .1rem; transition: all .1s linear; } .banner .btns .swiper-pagination-bullet-active { background-color: transparent; background-image: url('../img/ban-btn2.png'); } .i-apply-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .i-apply { width: 100%; height: 100%; position: relative; } .i-apply .m-img, .i-apply .pc-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .i-apply .pc-img { display: none; } .i-apply .text-box { position: absolute; left: 0; top: 27%; width: 100%; } .i-apply .tit-box { color: #fff; } .i-apply .tit-box .en { font-size: .54rem; line-height: .64rem; font-family: arial; } .i-apply .tit-box .cn { font-size: .36rem; line-height: .46rem; } .pub-con { font-size: .28rem; line-height: .38rem; } .i-apply .con { font-size: .28rem; line-height: .38rem; margin-top: .3rem; width: 70%; color: #fff; opacity: .7; filter: alpha(opacity=70); height: .76rem; overflow: hidden; } .i-apply .pub-more { margin-top: .6rem; } .i-apply .sm-list { position: absolute; left: 0; bottom: 10%; width: 100%; z-index: 3; } .i-apply .sm-list .item { float: left; width: 2.27rem; margin-right: .03rem; position: relative; } .i-apply .sm-list .item:last-child { margin-right: 0; } .i-apply .sm-list .item img { width: 100%; height: auto; } .i-apply .sm-list .init-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .i-apply .sm-list .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: .5; filter: alpha(opacity=50); } .i-apply .sm-list .text { position: absolute; left: 0; top: 0; width: 100%; top: 50%; transform: translateY(-50%); font-size: 0; text-align: center; } .i-apply .sm-list .icon { display: inline-block; *display: inline; zoom: 1; width: .47rem; vertical-align: middle; margin: 0 .05rem; } .i-apply .sm-list .txt { display: inline-block; *display: inline; zoom: 1; color: #fff; text-align: left; vertical-align: middle; margin: 0 .05rem; width: 1.3rem; } .i-apply .sm-list .txt .cn { font-size: .26rem; line-height: .3rem; } .i-apply .sm-list .txt .en { font-size: .24rem; line-height: .3rem; } .i-apply .sm-list .cur-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); } .i-apply .sm-list .cur-box .line { position: absolute; background-color: #a0cc40; } .i-apply .sm-list .cur-box .line:nth-child(1), .i-apply .sm-list .cur-box .line:nth-child(2) { width: 2px; height: 100%; top: 0; } .i-apply .sm-list .cur-box .line:nth-child(1) { left: 0; } .i-apply .sm-list .cur-box .line:nth-child(2) { right: 0; } .i-apply .sm-list .cur-box .line:nth-child(3), .i-apply .sm-list .cur-box .line:nth-child(4) { width: 100%; height: 2px; left: 0; } .i-apply .sm-list .cur-box .line:nth-child(3) { top: 0; } .i-apply .sm-list .cur-box .line:nth-child(4) { bottom: 0; } .i-apply .sm-list .item.cur .init-box { opacity: 0; filter: alpha(opacity=0); } .i-apply .sm-list .item.cur .cur-box { opacity: 1; filter: alpha(opacity=101); } .i-product-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; } .i-product { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; } .i-product .tit-box { text-align: center; } .i-product .tit { font-size: .36rem; width: 50%; margin: 0 auto; line-height: .5rem; color: #fff; font-weight: bold; } .i-product .desc { font-size: .28rem; color: #fff; opacity: .7; filter: alpha(opacity=70); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: .2rem 0 0; line-height: .4rem; } .i-product .icon-box { font-size: 0; text-align: center; margin-top: .85rem; } .i-product .m-icon .item { display: block; border: 1px solid rgba(255, 255, 255, .2); padding: .3rem 0; } .i-product .m-icon .icon { width: 1.12rem; margin: 0 auto; } .i-product .m-icon img { width: 100%; } .i-product .m-icon .txt { font-size: .28rem; color: #fff; line-height: .38rem; margin-top: .2rem; } .i-product .pc-icon { display: none; } .i-product .more-box { text-align: center; font-size: 0; margin-top: .7rem; } .i-news-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } .i-news { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); } .i-news .tit-box { text-align: center; } .i-news .tit-box .tit { font-size: .36rem; line-height: .46rem; color: #fff; } .i-news .tit-box .desc { color: #fff; margin-top: .1rem; font-size: 0; } .i-news .tit-box .desc a, .i-news .tit-box .desc span { color: #fff; font-size: .26rem; line-height: .36rem; display: inline-block; *display: inline; zoom: 1; } .i-news .tit-box .desc a.cur { color: #a2d40a; } .i-news .tit-box .desc span { margin: 0 .1rem; } .i-news .tit-box .pub-more { display: none; } .i-news .news-tab { margin: .5rem auto 0; width: 6.35rem; overflow: hidden; } .i-news .news-tab .swiper-slide { background-color: #fff; } .i-news .news-tab .swiper-slide .con-box { display: block; } .i-news .news-tab img { width: 100%; } .i-news .news-tab .text-box { padding: .3rem; } .i-news .news-tab .tit { font-size: .3rem; line-height: .4rem; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .i-news .news-tab .con { font-size: .24rem; color: #777; line-height: .4rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: .05rem; } .i-news .news-tab .time { font-size: .24rem; color: #666; padding-left: .35rem; background-repeat: no-repeat; background-position: left center; background-image: url('../img/time.png'); background-size: .3rem; margin-top: .2rem; } .i-news .news-tab .btns { font-size: 0; text-align: center; margin-top: .95rem; } .i-news .news-tab .btns .swiper-pagination-bullet { width: 18px; height: 10px; background-repeat: no-repeat; background-position: center; background-size: 100%; background-image: url('../img/ban-btn1.png'); margin: 0 .1rem; transition: all .1s linear; } .i-news .news-tab .btns .swiper-pagination-bullet-active { background-color: transparent; background-image: url('../img/ban-btn2.png'); } .index-wrap .point-box { position: fixed; top: 50%; right: 2%; z-index: 3; width: .8rem; transform: translateY(calc(-50% + .84rem)); } .index-wrap .point { width: 19px; margin: 0 auto; z-index: 3; position: relative; } .index-wrap .point .swiper-pagination-bullet { display: inline-block; *display: inline; zoom: 1; width: 19px; height: 19px; background-repeat: no-repeat; background-position: center; background-image: url('../img/index-btn.png'); margin: 0 0 .15rem 0; background-color: transparent; } .index-wrap .point .swiper-pagination-bullet:last-child { margin-bottom: 0; } .index-wrap .point .swiper-pagination-bullet-active { background-image: url('../img/index-btn2.png') } .index-wrap .point-box .line { width: 1px; height: 1rem; background-color: rgba(255, 255, 255, .2); margin: .2rem auto; } .index-wrap .point-box .num { font-size: 0; } .index-wrap .point-box .num .cur-num, .index-wrap .point-box .num .total { display: inline-block; *display: inline; zoom: 1; font-family: 'BEBAS'; } .index-wrap .point-box .cur-num { font-size: .3rem; line-height: .4rem; color: #fff; } .index-wrap .point-box .divide, .index-wrap .point-box .total { font-size: .24rem; color: #515151; } /* welcome end */ .foot-top { display: none; } .foot-bottom { background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('../img/m-foot-bg.jpg'); } .foot-bottom .left { font-size: .24rem; color: #888; line-height: .4rem; padding: .7rem 0; text-align: center; } .foot-bottom .copy-box span { display: block; } .foot-bottom .build { margin-top: .35rem; display: block; font-size: .24rem; color: #888; } .foot-bottom .build a { color: #888; } .foot-bottom .share-box { display: none; } /* footer end */ .sub-banner { position: relative; overflow: hidden; } .sub-banner img { width: 180%; transform: translateX(-30%); } .supplier-box1 { padding: .5rem 0; } .supplier-box1 img { width: 100%; } .supplier-box1 .text-box { margin-top: .3rem; } .supplier-box1 .tit-box .cn { font-size: .34rem; line-height: .44rem; color: #222; } .supplier-box1 .tit-box .en { font-size: .48rem; line-height: .58rem; color: #222; font-family: 'CenturyGothicStd-Bold'; display: none; } .supplier-box1 .tit-box .line { width: .3rem; height: 2px; background-color: #434343; margin-top: .1rem; } .pub-con { font-size: .24rem; line-height: .4rem; color: #333; } .supplier-box1 .con { margin-top: .3rem; } .supplier-box1 .icon-box { font-size: 0; text-align: center; margin-top: .5rem; overflow: hidden; } .supplier-box1 .icon-box .row { margin: 0 -.4rem; } .supplier-box1 .item { display: inline-block; *display: inline; zoom: 1; box-sizing: border-box; padding: 0 .4rem; position: relative; } .supplier-box1 .item:before { content: ""; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: #e4e4e4; } .supplier-box1 .item:last-child:before { display: none; } .supplier-box1 .item .icon { width: 1.06rem; height: 1.06rem; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: cover; } .supplier-box1 .item .txt { font-size: .24rem; line-height: .24rem; color: #333; margin-top: .2rem; } .supplier-box2 { padding: .5rem 0; background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; } .pub-tit { font-size: .36rem; line-height: .46rem; color: #222; text-align: center; font-weight: bold; } .pub-desc { font-size: .26rem; line-height: .36rem; color: #666; } .supplier-box2 .pub-tit { color: #fff; } .supplier-box2 .pub-desc { margin-top: .2rem; color: #d9d9d9; } .supplier-box2 .down-btn { display: block; width: .78rem; height: .78rem; border: 1px solid #fff; background-repeat: no-repeat; background-position: center; background-image: url(../img/supplier-down.png); background-size: .2rem; margin: .5rem auto 0; } .supplier-list { padding: .5rem 0; } .supplier-list .img { padding: 0 .3rem; } .supplier-list .img img { width: 100%; } .supplier-list li { margin-bottom: .3rem; } .supplier-list li:last-child { margin-bottom: 0; } .supplier-list li .text-box { margin: .3rem 0 0; } .supplier-list li .tit { font-size: .32rem; line-height: .42rem; color: #222; } .supplier-list li .line { width: .3rem; height: 2px; background-color: #535353; margin-top: .2rem; } .supplier-list li .pub-con { margin-top: .2rem; color: #666; } .supplier-list li .more-btn { display: block; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../img/supplier-more1.png); margin-top: .2rem; } .become-box .top-box { padding: .5rem 0; background-color: #f2f2f2; text-align: center; } .become-box .top-box .pub-desc { margin-top: .2rem; } .become-box .list-box { background-repeat: no-repeat; background-position: center; background-size: cover; padding: .5rem 0; } .become-box .list-box .item { margin-bottom: .3rem; } .become-box .list-box .item:last-child { margin-bottom: 0; } .become-box .list-box .con-box { padding: 1rem .3rem; border: 1px solid rgba(255, 255, 255, .5); background-color: rgba(255, 255, 255, .15); font-size: .26rem; line-height: .5rem; color: #fff; text-align: center; } .coo-box { padding: .8rem 0; background-color: #1c1e1f; } .coo-box .text-box { position: relative; padding: .6rem .3rem; background-color: #f2f2f2; text-align: center; } .coo-box .text-box .icon { position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); width: .5rem; height: .5rem; } .coo-box .text-box .icon img { width: 100%; display: block; } .coo-box .text-box .tit { font-size: .26rem; line-height: .36rem; color: #222; } .coo-box .text-box .pub-desc { color: #666; margin: .2rem 0 0; } .file-box { padding: .5rem 0; background-color: #f7f7f7; } .file-box .pub-desc { margin-top: .2rem; text-align: center; } .file-box .list { margin-top: .5rem; } .file-box .list .item { margin-bottom: .3rem; } .file-box .list .item:last-child { margin-bottom: 0; } .file-box .list .con-box { display: block; background-color: #fff; position: relative; } .file-box .list .txt { position: absolute; left: 0; top: 0; width: 70%; font-size: .3rem; line-height: 1rem; color: #222; padding: 0 .5rem; } .file-box .list .down-btn { float: right; width: 1rem; height: 1rem; border-left: 1px solid #f0f0f0; background-color: #fff; background-repeat: no-repeat; background-position: center; background-image: url(../img/down-btn1.png); background-size: .3rem; } /*supplier end*/ .sub-banner .img { position: relative; z-index: 3; } .sub-banner .sub-text { padding: .8rem 0 .5rem; background-color: #1c1e1f; position: relative; } .sub-banner .tit-box { position: absolute; left: 0; bottom: 0; width: 100%; color: #91c231; transform: translateY(35%); } .sub-banner .cn { font-size: .34rem; } .sub-banner .en { font-size: 1.2rem; font-family: "CenturyGothicStd-Bold"; line-height: 1.2rem; } .sub-banner .sub-text .pub-con { color: #b2b2b2; } .product-box { padding: .5rem 0; background-color: #f0f0f4; } .product-box .img { display: block; position: relative; background-color: #fff; } .product-box img { display: block; width: 100%; } .product-box .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .product-box li { /* background-color: #3a3a3a; */ margin-bottom: .4rem; } .product-box li:last-child { margin-bottom: 0; } .product-box li .text-box { padding: .4rem .3rem; background-color: #3a3a3a; } .product-box li .text-box .tit { color: #fff; font-size: .3rem; line-height: .4rem; } .product-box li .text-box .pub-con { color: #cfcfcf; margin-top: .2rem; } .product-box li .pub-more { background-color: #fff; } .product-box li .pub-more span { color: #222; background-image: url(../img/more-arrow2.png); } /*product end*/ .pc-nav { display: none; } .sub-nav { border-bottom: 1px solid #ddd; } .sub-nav .swiper-slide { width: auto; } .sub-nav .swiper-slide:last-child {} .sub-nav a { display: block; font-size: .24rem; height: .8rem; line-height: .8rem; color: #666; padding: 0 .2rem; } .sub-nav .swiper-slide.cur a { background-color: #92c333; color: #fff; } .product-wrap { padding: .5rem 0; background: #f0f0f4; } .top-tit { color: #222; border-bottom: 1px solid #dcdcde; padding-bottom: .2rem; position: relative; z-index: 3; } .top-tit .cn { font-size: .34rem; line-height: .44rem; color: #222; } .top-tit .en { font-size: .42rem; font-family: "CenturyGothicStd-Bold"; line-height: .42rem; margin-top: .1rem; display: none; } .top-tit .right { font-size: 0; margin-top: .3rem; } .top-tit .row { margin: 0 -.1rem; } .top-tit .item { display: inline-block; *display: inline; zoom: 1; width: 50%; box-sizing: border-box; padding: 0 .1rem; vertical-align: top; margin-bottom: .2rem; position: relative; } .top-tit .con-box { position: relative; } .top-tit a { display: block; } .top-tit .tit { font-size: .26rem; color: #222; line-height: .64rem; text-align: center; border: 1px solid #a1a1a1; } .top-tit .tit span { display: inline-block; *display: inline; zoom: 1; background-repeat: no-repeat; background-position: right center; } .top-tit .sub { position: absolute; left: 0; top: .68rem; width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, .2); border-top: none; text-align: center; background: #fff; max-height: 1.92rem; overflow: auto; display: none; } .top-tit .sub a { font-size: .24rem; line-height: .64rem; color: #222; } .top-tit .item.on { z-index: 3; } .top-tit .item.cur { z-index: 4; } .top-tit .item.on .tit, .top-tit .item.cur .tit { background-color: #92c333; border-color: #92c333; } .top-tit .item.on .tit span, .top-tit .item.cur .tit span { color: #fff; } .top-tit .item.arrow .tit span { background-image: url(../img/select-arrow1.png); padding-right: 15px; } .top-tit .item.arrow.on .tit span, .top-tit .item.arrow.cur .tit span { background-image: url(../img/select-arrow2.png); } .product-wrap .list { margin-top: .3rem; } .product-wrap .list .item { margin-bottom: .3rem; } .product-wrap .list .con-box { display: block; border: 1px solid #e3e3e3; background-color: #fff; } .product-wrap .list .img { border-bottom: 1px solid #e3e3e3; } .product-wrap .list img { width: 100%; } .product-wrap .list .txt { font-size: .28rem; line-height: .38rem; padding: .2rem; text-align: center; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .product-wrap .list .more-box { font-size: 0; text-align: center; margin-top: .5rem; } .pub-down span { background-image: url(../img/load-more.png); padding-right: 20px; background-size: auto; } /* product list end */ .ban-product { background-image: url('../img/productinfo-bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; padding: .5rem 0; } .ban-product .bimg { position: relative; overflow: hidden; } .ban-product .bimg img { width: 100%; } .ban-product .simg { overflow: hidden; } .ban-product .simg .swiper-slide { width: 31%; border: 1px solid #fff; box-sizing: border-box; opacity: .5; filter: alpha(opacity=50); } .ban-product .simg img { width: 100%; } .ban-product .simg .active { opacity: 1; filter: alpha(opacity=100); } .ban-product .pc-box { display: none; } .ban-product .pub-tit { text-align: center; color: #fff; } .ban-product .desc { font-size: .24rem; line-height: .34rem; color: #fff; font-family: "Century Gothic"; margin-top: .1rem; text-align: center; } .ban-product .down-btn { display: block; width: .78rem; height: .78rem; border: 1px solid #fff; background-repeat: no-repeat; background-position: center; background-image: url(../img/supplier-down.png); background-size: .2rem; margin: .5rem auto 0; } .list-btn { display: none; } .params-box { padding: .5rem 0; } .params-box .left { font-size: 0; } .params-box .left .en { color: #999; font-family: "Century Gothic"; margin-top: .1rem; } .params-box .left .pub-more { margin-top: .2rem; } .params-box .left .pub-more span { background-image: url('../img/load-more.png'); padding-right: 15px; background-size: auto; } .params-box .right { margin-top: .4rem; line-height: .5rem; color: #333; border-top: 1px solid #d9d9d9; padding-top: .5rem; } .params-box table { width: 100%; } .scene-box { padding: .5rem 0; background-color: #f0f0f4; } .scene-box .pub-tit { margin-bottom: .1rem; } .scene-box .pub-desc { margin-bottom: .2rem; text-align: center; color: #777; } .scene-box .list .row { margin: 0 -5px; } .scene-box .list .item { box-sizing: border-box; padding: 0 5px; margin-bottom: 10px; } .scene-box .list .con-box { display: block; background-color: #fff; text-align: center; border: 1px solid #e3e3e3; } .scene-box .list .con-box img { width: 60%; } .scene-box .list .con-box .txt { border-top: 1px solid #e3e3e3; font-size: .24rem; line-height: .34rem; padding: .2rem 0; color: #222; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .scene-box .more-box { font-size: 0; text-align: center; margin-top: .3rem; } /* productinfo end */ .market-box { padding: .5rem 0; background-color: #f0f0f4; } .market-box li { background-color: #fff; margin-bottom: .4rem; } .market-box li:last-child { margin-bottom: 0; } .market-box img { width: 100%; } .market-box li .text-box { padding: .3rem; } .market-box li .tit-box { padding-bottom: .2rem; border-bottom: 1px solid #ededed; } .market-box li .pub-tit { text-align: left; margin-bottom: .2rem; } .market-box li .sec-list a { color: #222; line-height: .4rem; padding-left: .3rem; position: relative; } .market-box li .sec-list a:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background-color: #91c231; border-radius: 100%; } /* market end */ .market-list { padding: .5rem 0; background-color: #fafafa; } .market-list .item { margin-bottom: .3rem; } .market-list .item:last-child { margin-bottom: 0; } .market-list img { width: 100%; } .market-list .con-box { background-color: #fff; } .market-list .text-box { border-top: 1px solid #ededed; padding: .3rem; } .market-list .text-box .tit { font-size: .34rem; line-height: .44rem; display: block; color: #333333; } .market-list .text-box .link-box { margin-top: .2rem; } .market-list .text-box .link-box a { display: block; color: #91c231; padding-left: 15px; background-repeat: no-repeat; background-position: left center; background-image: url('../img/market-list-arrow.png'); line-height: 30px; } /* marker list end */ .markinfo-wrap { background-color: #fff; } .markinfo-img { text-align: center; } .markinfo-img img { max-width: 100%; } .mark-product-box { background-color: #fafafa; } .solution-box { padding: .5rem 0; } .solution-box .pub-tit { margin-bottom: .1rem; } .solution-box .pub-desc { text-align: center; } .solution-box .con { margin-top: .3rem; } .solution-box img { max-width: 100%; } /* marketindo end */ .about-box1 { background-color: #f9f9f9; } .about-box1 .img { position: relative; } .about-box1 .img .tab-box { overflow: hidden; } .about-box1 .img .prev, .about-box1 .img .next { position: absolute; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; bottom: 0; z-index: 3; background-color: #f9f9f9; } .about-box1 .img .prev { left: 0; background-image: url('../img/about-prev.png'); } .about-box1 .img .next { background-image: url('../img/about-next.png'); left: 50px; } .about-box1 .circle-btn { display: block; margin-top: .3rem; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 100%; background-image: url('../img/circle-down1.png'); } .series-box { padding: .5rem 0; overflow: hidden; } .series-box .view { position: relative; height: 100%; } .series-box img { width: 100%; } .series-box .text-box { margin-top: .3rem; } .series-box .tit { font-size: .32rem; line-height: .42rem; color: #222; } .series-box .line { width: .3rem; height: 2px; background-color: #535353; margin-top: .2rem; } .series-box .pub-con { margin-top: .2rem; color: #666; } .series-box .more-btn { display: block; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../img/supplier-more1.png); margin-top: .2rem; border-radius: 100%; } .series-box .buttons { font-size: 0; text-align: center; margin-top: .3rem; } .series-box .buttons .prev, .series-box .buttons .next { display: inline-block; *display: inline; zoom: 1; width: 30px; height: 30px; background-repeat: no-repeat; background-size: cover; background-position: center; margin: 0 .2rem; } .series-box .buttons .prev { background-image: url('../img/series-prev1.png'); } .series-box .buttons .next { background-image: url('../img/series-next1.png'); } .history-box { padding: .5rem 0; background-color: #f9f9f9; } .history-box .tit-box .cn { font-size: .34rem; line-height: .44rem; color: #222; } .history-box .tit-box .en { font-size: .48rem; line-height: .58rem; color: #222; font-family: 'CenturyGothicStd-Bold'; display: none; } .history-box .tab-box { overflow: hidden; } .history-box .swiper-slide { position: relative; } .history-box .swiper-slide .year { font-size: 39vw; font-family: 'CenturyGothicStd-Bold'; line-height: 39vw; color: #f0f0f0; float: right; position: absolute; right: 0; top: 0; } .history-box .swiper-slide .img-box { position: relative; margin-top: 2rem; z-index: 3; } .history-box .swiper-slide .img-box .bimg { float: right; width: 80%; } .history-box .swiper-slide .img-box .simg { position: absolute; left: 0; top: 50%; width: 40%; transform: translateY(-50%); } .history-box .swiper-slide .img-box img { width: 100%; } .history-box .swiper-slide .img-box .simg { /* position: absolute; left: 0; top: 50%; transform: translate(-50%,-50%); width: 36.5%; */ } .history-box .tab-box { position: relative; margin-top: .3rem; } .history-box .tab-box .next { position: absolute; right: 4.5%; top: 90%; width: .76rem; height: .76rem; background-image: url('../img/history-next.png'); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 3; transform: translateY(-50%); } .history-box .tab-box .txt { /* position: absolute; right: 13%; top: 50%; transform: translateY(-50%); width: 36% */ } .history-box .tab-box .txt .pub-tit { text-align: left; } .history-box .tab-box .txt .pub-desc { margin-top: .2rem; } .history-box .tab-box .txt { margin-top: .3rem; width: 70%; } .history-box .year-box { padding: 0 .3rem; position: relative; overflow: hidden; margin-top: .3rem; } .history-box .year-box:before { content: ""; position: absolute; top: .15rem; left: 0; width: 100%; height: 1px; background-color: #dcdcdc; } .history-box .year-box .swiper-slide { width: auto; margin-right: .5rem; } .history-box .year-box .swiper-slide:last-child { margin-right: 0; } .history-box .year-box .point { width: .3rem; height: .3rem; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('../img/year-point1.png'); margin: 0 auto; } .history-box .year-box .pub-desc { color: #999; margin-top: .1rem; font-family: 'CenturyGothicStd-Bold'; } .history-box .year-box .swiper-slide.cur .point { background-image: url('../img/year-point2.png'); } .history-box .year-box .swiper-slide.cur .pub-desc { color: #91c231; } /* about end */ .sub-banner .honor-txt .left { padding-left: .6rem; /* float: left; */ position: relative; } .sub-banner .honor-txt .left .line { position: absolute; left: 0; width: .4rem; height: 1px; background-color: #91c231; top: .17rem; } .sub-banner .honor-txt .left .sub-tit { font-size: .28rem; line-height: .38rem; color: #fff; margin-bottom: .2rem; } .sub-banner .honor-txt .left .line {} .sub-banner .honor-txt .right { padding-left: .6rem; margin-top: .2rem; /* float: right; */ } .honor-list { padding: .5rem 0; } .honor-list .black { display: none; } .honor-list .row { margin: 0 -5px; } .honor-list .item { width: 50%; box-sizing: border-box; padding: 0 5px; float: left; margin-bottom: 10px; } .honor-list .item img { width: 100%; } .honor-list .item .text { display: none; } .honor-list .blank { display: none; } /* honor end */ .culture-box { padding: .5rem 0; background-color: #f7f7f7; } .culture-box .pub-tit { margin-bottom: .1rem; } .culture-box .pub-desc { text-align: center; margin-bottom: .2rem; } .culture-box .icon-box { font-size: 0; text-align: center; } .culture-box .icon-box .row { margin: 0 -.3rem; } .culture-box .icon-box .item { box-sizing: border-box; padding: 0 .3rem; margin-bottom: .3rem; } .culture-box .icon-box .icon { width: 1.06rem; height: 1.06rem; background-size: cover; background-repeat: no-repeat; background-position: center; margin: 0 auto; } .culture-box .icon-box .text { margin-top: .2rem; } .culture-box .icon-box .tit { font-size: .28rem; line-height: .38rem; margin-bottom: .1rem; } .culture-box .icon-box .pub-con { color: #666; } .activity-box { padding: .5rem 0; background-color: #fcfcfc; overflow: hidden; } .activity-box .pub-tit { margin-bottom: .1rem; } .activity-box .pub-desc { text-align: center; /* margin-bottom: .2rem; */ } .activity-box .tab-box { margin-top: .2rem; } .activity-box .tab-box .swiper-slide { width: 70%; } .activity-box .tab-box { position: relative; } .activity-box .tab-box img { width: 100%; } .activity-box .tab-box .txt { font-size: .24rem; color: #fff; line-height: .8rem; text-align: center; background-color: #91c231; } .activity-box .tab-box .prev, .activity-box .tab-box .next { position: absolute; top: 50%; transform: translateY(calc(-50% - .4rem)); width: .8rem; height: .8rem; background-color: #91c231; z-index: 3; background-size: .34rem; background-position: center; background-repeat: no-repeat; } .activity-box .tab-box .prev { left: 0; background-image: url('../img/active-prev2.png'); } .activity-box .tab-box .next { right: 0; background-image: url('../img/active-next2.png'); } /* activity end */ .news-box { padding: .5rem 0; } .news-box .item { display: block; margin-bottom: .5rem; } .news-box .item:last-child { margin-bottom: 0; } .news-box img { width: 100%; } .news-box .item .text-box { margin-top: .3rem; } .news-box .item .time { font-size: .28rem; line-height: .38rem; color: #666; font-family: "Century Gothic"; } .news-box .item .tit { font-size: .3rem; line-height: .4rem; color: #222; font-weight: bold; margin-top: .1rem; } .news-box .item .pub-con { margin-top: .2rem; } .news-box .item .more-box { font-size: 0; margin-top: .2rem; } .news-box .load-box { font-size: 0; text-align: center; margin-top: .5rem; } /* news end */ .newsinfo-box { padding: .5rem 0; } .newsinfo-box .tit-box { text-align: center; padding-bottom: .2rem; border-bottom: 1px solid #e4e4e4; } .newsinfo-box .tit { font-size: .34rem; line-height: .44rem; color: #222; } .newsinfo-box .time { margin-top: .1rem; color: #222222; font-family: "Century Gothic" } .newsinfo-box .pub-con { margin-top: .3rem; } .newsinfo-box .pub-con img { max-width: 100%; } .newsinfo-box .ctrl-box { padding-top: .3rem; margin-top: .3rem; border-top: 1px solid #e4e4e4; } .newsinfo-box .ctrl a { display: block; font-size: .28rem; line-height: .4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #222; } .newsinfo-box .back-box { font-size: 0; text-align: center; margin-top: .3rem; } /* newsinfo end */ .service-box { padding: .5rem 0; } .service-box .list-wrap { margin-top: .4rem; } .service-box .list-wrap li { margin-bottom: .6rem; } .service-box .list-wrap li:last-child { margin-bottom: 0; } .service-box .list-wrap .tit { font-size: .34rem; line-height: .44rem; color: #222; } .service-box .list-wrap .mid-tit { font-weight: bold; padding-bottom: .2rem; border-bottom: 1px solid #313131; } .service-box .list-wrap .list-item { display: block; padding: .2rem 0; border-bottom: 1px solid #313131; } .service-box .list-wrap .left { float: left; width: 70%; } .service-box .list-wrap .left { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .service-box .list-wrap .file { font-size: .28rem; font-family: "Century Gothic"; color: #666; line-height: .38rem; margin-top: .1rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .service-box .list-wrap .down-btn { float: right; font-size: .28rem; line-height: .4rem; padding-right: .4rem; background-repeat: no-repeat; background-position: right center; background-image: url('../img/download-btn.png'); background-size: .2rem; color: #333; margin-top: .2rem; } /* service end */ .mid-tit { font-size: .34rem; line-height: .44rem; color: #222; } .map-box { position: relative; z-index: 3; } .map { width: 100%; height: 50vh; } .map-box .text-box { padding: .3rem 0; } .map-box .text-box .line { width: .3rem; height: 2px; background-color: #222; margin-top: .2rem; } .map-box .text-box .con { margin-top: .2rem; font-size: .28rem; line-height: .4rem; color: #444; } .map-box .text-box .btn-box { font-size: 0; margin-top: .2rem; } .map-box .text-box .map-btn { display: inline-block; *display: inline; zoom: 1; border: 1px solid #d2d2d2; border-radius: .3rem; padding: 0 .3rem; } .map-box .text-box .map-btn span { display: inline-block; *display: inline; zoom: 1; font-size: .24rem; line-height: .6rem; color: #91c231; padding-right: 25px; background-image: url('../img/map-btn.png'); background-repeat: no-repeat; background-position: right center; text-transform: uppercase; font-family: 'CenturyGothicStd-Bold'; } .map-box .icon-box { margin-top: .3rem; } .map-box .icon-box .item { line-height: .6rem; padding-left: .7rem; background-repeat: no-repeat; background-position: left center; background-size: .5rem; margin-bottom: .2rem; } .map-box .icon-box .item:last-child { margin-bottom: 0; } .map-box .icon-box .item:nth-child(1) { background-image: url('../img/contact-icon1.png') } .map-box .icon-box .item:nth-child(2) { background-image: url('../img/contact-icon2.png') } .map-box .icon-box .item:nth-child(3) { background-image: url('../img/contact-icon3.png') } .hotline-box { padding: .5rem 0; background-color: #fafafa; } .hotline-box .hotline { background-color: #fff; padding: 0 .3rem; } .hotline-box .hotline .con-box { padding: .3rem 0; border-bottom: 1px solid #d6d6d6; } .hotline-box .hotline .item:last-child .con-box { border-bottom: none; } .mid-tit2 { font-size: .3rem; line-height: .4rem; color: #222; } .pub-con2 { font-size: .28rem; line-height: .38rem; color: #333; } .hotline-box .hotline .pub-con2 { margin-top: .3rem; font-family: Century Gothic; } .hotline-box .hotline .pub-con2 .hotline-item { margin-bottom: .2rem; } .hotline-box .hotline .pub-con2 .hotline-item:last-child { margin-bottom: 0; } .message-box { padding: .5rem 0; background-repeat: no-repeat; background-position: center; background-size: cover; } .message-box .message-tit { text-align: center; } .message-box .message-tit .mid-tit2, .message-box .message-tit .pub-tit { color: #fff; } .message-box .message-tit .mid-tit2 { font-family: "Century Gothic"; display: none; } .message-box .message-tit .line { width: .5rem; height: 2px; background-color: #fff; margin: .1rem auto 0; } .message-box .form-box { margin-top: .3rem; } .message-box .form-box .inp { border: 1px solid #fff; margin-bottom: .3rem; padding: 0 .2rem; } .message-box .form-box .inp:last-child { margin-bottom: 0; } .message-box .form-box .form-tit { float: left; color: #fff; line-height: .6rem; } .message-box .form-box input, .message-box .form-box textarea { float: right; width: 78%; border: none; outline: none; background-color: transparent; -webkit-appearance: none; line-height: .4rem; height: .4rem; padding: .1rem 0; color: #fff; } .message-box .form-box input { width: 85%; } .message-box .form-box textarea { height: 2rem; width: 78%; } .message-box .form-box .check-box { border: none; padding: 0; } .message-box .form-box .check { float: left; border: 1px solid #fff; width: 70%; padding: 0 .2rem; } .message-box .form-box .check input { width: 76%; } .message-box .form-box .check-box img { float: right; width: 20%; height: .62rem; } .message-box .form-box .submit { border: none; } .message-box .form-box input[type=submit] { display: block; width: 2rem; height: .6rem; background: rgba(145, 194, 49, .9); color: #fff; border-radius: 0; margin: 0 auto; padding: 0; float: none; } /* contact end */ .map-tab-btns { overflow: hidden; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; } .map-tab-btns .view { padding: 0; } .map-tab-btns .swiper-slide { width: auto; } .map-tab-btns .swiper-slide a { display: block; color: #222; padding: 0 .5rem; font-size: 0; border-right: 1px solid #e6e6e6; } .map-tab-btns .swiper-slide a:nth-child(1) { border-left: 1px solid #e6e6e6; } .map-tab-btns .swiper-slide span { display: inline-block; *display: inline; zoom: 1; font-size: .3rem; line-height: .8rem; padding-right: 25px; background-repeat: no-repeat; background-position: right center; background-image: url('../img/custom-arrow.png'); } .map-tab-btns .swiper-slide.cur span { color: #91c231; background-image: url('../img/custom-arrow2.png'); } .map-dialog { background-color: #fff; width: 6rem; padding: .3rem; box-shadow: 0 0 13px rgba(4, 0, 0, .18); } .map-dialog .mid-tit { /* padding-left: .6rem; background-repeat: no-repeat; background-position: left center; background-image: url('../img/position.png'); background-size: .4rem; */ line-height: .8rem; } .map-dialog .pub-desc { line-height: .5rem; padding-top: .2rem; border-top: 1px solid #dcdcdc; margin-top: .1rem; } .amap-info-sharp { display: none; } .amap-info-content { padding: 0; box-shadow: none; border: none; padding-bottom: 24px; background-color: transparent; } .amap-info-outer:hover, .amap-menu-outer:hover { box-shadow: none; } .amap-info-content { overflow: inherit; } .amap-info-content:before { content: ""; position: absolute; width: 26px; height: 24px; background-repeat: no-repeat; background-position: bottom center; background-image: url('../img/map-jiao.png'); background-size: cover; left: 50%; bottom: 0; transform: translateX(-50%); } .support-box { padding: .5rem 0; background-color: #f5f5f5; } .support-box .support { margin-top: .3rem; } .support-box .support .row { margin: 0 -.1rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-box-lines: multiple; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .support-box .support .item { margin-bottom: .2rem; } .support-box .support .con-box { padding: .3rem; background-color: #fff; height: 100%; box-sizing: border-box; } .support-box .support .icon { width: .72rem; margin: 0 auto; } .support-box .support .icon img { width: 100%; } .support-box .support .item { box-sizing: border-box; padding: 0 .1rem; text-align: center; } .support-box .support .item .txt { font-size: .3rem; line-height: .4rem; color: #000; margin-top: .2rem; } /* customer end */ .notice-box { padding: .5rem 0; background-color: #fafafa; } .notice-box .top-tit .right-con { margin-top: .2rem; } .notice { margin-top: .5rem; } .notice .notice-logo { width: 1.5rem; margin: 0 auto; } .notice .notice-logo img { width: 100%; } .notice .con { padding: .3rem; background-color: #fff; } .notice .con img { max-width: 100%; } /* notice end */ .talent-box { padding: .5rem 0; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } .talent-box .talent-tit { color: #fff; } .talent-box .talent-tit .tit { font-size: .46rem; line-height: .56rem; font-weight: bold; } .talent-box .talent-tit .sub-tit { font-size: .36rem; line-height: .46rem; margin-top: .1rem; } .talent-box .list { margin-top: .3rem; } .talent-box .list .item { margin-bottom: .3rem; } .talent-box .list .item:last-child { margin-bottom: 0; } .talent-box .list .con-box { display: block; background-color: rgba(27, 27, 27, .9); padding: .4rem; } .talent-box .list .icon { width: 50px; margin: 0 auto; } .talent-box .list .icon img { width: 100%; } .talent-box .list .text-box { margin-top: .2rem; text-align: center; } .talent-box .list .tit { font-size: .28rem; line-height: .38rem; color: #fff; } .talent-box .list .desc { margin-top: .2rem; color: #fff; } .talent-box .list .more { display: block; height: .5rem; line-height: .5rem; width: 1.6rem; border: 1px solid #fff; color: #fff; margin: .3rem auto 0; border-radius: .3rem; } /* talent end */ .ban-talent .honor-txt .left { padding: 0; } .position-box { padding: .5rem 0; background-color: #f7f7f7; } .talent-tit-box { text-align: center; padding-bottom: 0; border-bottom: none; } .position-box .list { margin-top: .3rem; border-top: 1px solid #303030; } .position-box .list .item { display: block; padding: .3rem; background-color: #fff; margin-bottom: .3rem; } .position-box .list .item:last-child { margin-bottom: 0; } .position-box .list .item .txt { font-size: .3rem; line-height: .4rem; color: #222; float: left; width: 70%; overflow: hidden; line-height: .4rem; text-overflow: ellipsis; white-space: nowrap; } .position-box .list .item .more { float: right; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('../img/position-arrow.png'); } .position-box .more-box { font-size: 0; text-align: center; margin-top: .5rem; } .position-box .more-box .pub-down { background-color: #585858; } .position-info-box .list .item { margin-bottom: 0; } .position-info-box .text-box { padding: .3rem; background-color: #fff; border-top: 1px solid #d9d9d9; color: #666; } .position-info-box .text-box .top-con { border-bottom: 1px solid #ececec; margin-bottom: .2rem; } .position-info-box .text-box .text-item { margin-bottom: .2rem; } .position-info-box .text-box .tit { font-size: .28rem; line-height: .38rem; color: #222; } .position-info-box .text-box .desc .tit { margin-bottom: .2rem; display: block; } .position-info-box .btns-box { font-size: 0; margin-top: .5rem; } .position-info-box .btns-box .send, .position-info-box .btns-box .share-btn { display: inline-block; *display: inline; zoom: 1; vertical-align: top; font-size: .28rem; line-height: .8rem; background: #e6e6e6; padding: 0 .5rem; border-radius: .4rem; color: #222; margin-right: .3rem; } .position-info-box .btns-box .share-btn { display: none; } .position-info-box .btns-box .send { padding: 0 .5rem; } .position-info-box .btns-box .share-btn a { float: none; margin: 0; padding: 0; color: #222; padding-left: 25px; background-image: url('../img/share-btn.png'); background-repeat: no-repeat; background-position: left center; font-size: .28rem; } /* societyinfo end */ .recruit-box { padding: .5rem 0; } .recruit-box .recruit { border: 1px solid #d2d2d2; box-sizing: border-box; margin-top: .3rem; } .recruit-box .recruit .item { display: none; float: left; text-align: center; } .recruit-box .recruit .staff, .recruit-box .recruit .detail { display: block; } .recruit-box .recruit .staff { width: 70%; } .recruit-box .recruit .detail { width: 30%; } .recruit-box .recruit .top-box { background-color: #383838; } .recruit-box .recruit .top-box .item { color: #fff; font-size: .34rem; line-height: .8rem; font-weight: bold; border-right: 1px solid rgba(255, 255, 255, .2); box-sizing: border-box; } .recruit-box .recruit .top-box .item:last-child { border-right: none; } .recruit-box .recruit .item-list .item { font-size: .28rem; line-height: .38rem; line-height: .8rem; color: #666; } .recruit-box .recruit li { border-bottom: 1px solid #d2d2d2; } .recruit-box .recruit li .drop { display: none; border-top: 1px solid #d2d2d2; padding: .3rem; } .recruit-box .recruit li .drop .pub-con { margin-top: .2rem; color: #444; } .recruit-box .recruit li .drop .apply { display: block; width: 2rem; height: .6rem; background-color: #91c231; border-radius: .3rem; text-align: center; color: #fff; line-height: .6rem; } .welfare-box { padding: .5rem 0 0; background-color: #1f2022; } .welfare-box .talent-tit-box .cn, .welfare-box .talent-tit-box .en { color: #fff; } .welfare-box .welfare { margin-top: .3rem; padding: .5rem 0 1.2rem; position: relative; } .welfare-box .welfare:before { content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #91c231; } .welfare-box .welfare:after { content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 17px; height: 17px; background-image: url('../img/fang.png'); background-repeat: no-repeat; background-position: center; background-size: cover; } .welfare-box .welfare li { margin-bottom: .35rem; } .welfare-box .welfare li .con-box { position: relative; width: 50%; float: right; /* border-bottom: 2px dashed rgba(145,194,49,.3); */ } .welfare-box .welfare li:nth-child(2n) .con-box { text-align: right; float: left; } .welfare-box .welfare .img { width: .49rem; float: left; transform: translateX(-50%); } .welfare-box .welfare li:nth-child(2n) .img { float: right; transform: translateX(50%); } .welfare-box .welfare .img img { width: 100%; } .welfare-box .welfare .con-box:before { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; border-top: 2px dashed rgba(145, 194, 49, .3); } .welfare-box .welfare .txt { position: absolute; color: #fff; font-size: .24rem; line-height: .34rem; bottom: 75%; padding-left: .8rem; width: 100%; box-sizing: border-box; } .welfare-box .welfare li:nth-child(2n) .txt { padding-right: .8rem; padding-left: 0; } .welfare-box .welfare li:last-child { margin-bottom: 0; } .process-box { padding: .5rem 0; } .process-box .top-box { margin-top: .3rem; } .process-box .top-box img { width: 100%; } .process-box .top-box .pc-img { display: none; } .process-box .step { margin-top: .3rem; } .process-box .step .step-item { margin-bottom: .3rem; } .process-box .step .step-item .con-box { font-size: .28rem; line-height: .4rem; text-align: center; font-weight: bold; padding: .3rem; background-color: #fafafa; border: 1px solid #e5e5e5; } .process-box .step .step-item:last-child { margin-bottom: 0; } .process-box .step .step-item:nth-child(2) { background-color: transparent; border: none; padding: 0; } .process-box .step .step-item:nth-child(2) .item { border: 1px solid #e5e5e5; padding: .3rem; font-weight: normal; margin-bottom: .3rem; font-size: .28rem; line-height: .4rem; } .process-box .step .step-item:nth-child(2) .item:last-child { margin-bottom: 0; } .advocacy-box { padding: .5rem 0; background-color: #f2f2f2; } .advocacy-box .advocacy { margin-top: .3rem; padding: 3.5rem 1.8rem; overflow: hidden; position: relative; } .advocacy-box .advocacy:before { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 2px; background-color: #91c231; } .advocacy-box .advocacy .swiper-slide { position: relative; z-index: 3; width: auto; margin-right: 1.8rem; } .advocacy-box .advocacy .swiper-slide:last-child { margin-right: 0; } .advocacy-box .advocacy .text-box { position: absolute; left: 50%; transform: translateX(-50%); } .advocacy-box .advocacy .con-box { width: 3rem; } .advocacy-box .advocacy .swiper-slide:nth-child(2n+1) .text-box { top: 21px; } .advocacy-box .advocacy .swiper-slide:nth-child(2n) .text-box { bottom: 21px; } .advocacy-box .advocacy .swiper-slide .point { width: 21px; } .advocacy-box .advocacy .swiper-slide .point img { display: block; width: 100%; } .advocacy-box .advocacy .con-box { position: relative; } .advocacy-box .advocacy .swiper-slide:nth-child(2n+1) .text-box { padding-top: .2rem; } .advocacy-box .advocacy .swiper-slide:nth-child(2n) .text-box { padding-bottom: .2rem; } .advocacy-box .advocacy .swiper-slide .con-box:before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 24px; height: 11px; background-repeat: no-repeat; background-position: center; background-size: cover; } .advocacy-box .advocacy .swiper-slide:nth-child(2n+1) .con-box { padding-top: 11px; } .advocacy-box .advocacy .swiper-slide:nth-child(2n+1) .con-box:before { background-image: url('../img/advocacy-top.png'); top: 1px; } .advocacy-box .advocacy .swiper-slide:nth-child(2n) .con-box { padding-bottom: 11px; } .advocacy-box .advocacy .swiper-slide:nth-child(2n) .con-box:before { background-image: url('../img/advocacy-bottom.png'); bottom: 1px; } .advocacy-box .advocacy .time { padding: .2rem; font-size: .3rem; line-height: .4rem; color: #333; border: 1px solid #dcdcdc; background-color: #f7f7f7; font-family: "Century Gothic"; font-weight: bold; } .advocacy-box .advocacy .pub-desc { padding: .2rem; border: 1px solid #dcdcdc; border-top: none; min-height: 1.3rem; background-color: #fff; } /* school end */ .treat-box { padding: .5rem 0; } .treat-box .icon-box { margin-top: .3rem; } .treat-box .icon-box .row { margin: 0 -.1rem; } .treat-box .icon-box .item { margin-bottom: .2rem; } .treat-box .icon-box .con-box { background-color: #fff; border: 1px solid #e0e0e0; padding: .3rem 0; border-radius: 4px; } .treat-box .icon-box .icon { width: .6rem; height: .6rem; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: cover; } .treat-box .icon-box .item { box-sizing: border-box; padding: 0 .1rem; } .treat-box .icon-box .mid-tit { text-align: center; margin-top: .3rem; } .place-box { padding: .5rem 0; background-repeat: no-repeat; background-position: center; background-size: cover; } .place-box .top-tit .cn, .place-box .top-tit .en { color: #fff; } .place-box .place-btns { font-size: 0; text-align: center; margin-top: .3rem; } .place-box .place-btns .item { display: inline-block; *display: inline; zoom: 1; border-radius: .4rem; padding: 0 .5rem; border: 1px solid #fff; margin: 0 .1rem; } .place-box .place-btns .item span { font-size: .28rem; line-height: .8rem; display: block; color: #fff; padding-left: .4rem; background-repeat: no-repeat; background-position: left center; background-image: url('../img/position2.png'); } .place-list { padding: .3rem 0; } .place-list .list .place-item { margin-bottom: .3rem; background-color: #91c231; padding: .4rem; } .place-list .list .place-item:last-child { margin-bottom: 0; } .place-list .list .place-item:nth-child(2n) { background-color: #6b6b6b; } .place-list .list .place-item .mid-tit { color: #fff; padding-bottom: .2rem; border-bottom: 1px solid rgba(250, 250, 250, .2); margin-bottom: .1rem; } .place-list .list .place-item .con { font-size: .28rem; line-height: .5rem; color: #fff; } .place-list .list .place-item .item { background-repeat: no-repeat; background-position: left center; background-size: .3rem; padding-left: .4rem; } .place-list .list .place-item .item:nth-child(1) { background-image: url('../img/place-icon1.png') } .place-list .list .place-item .item:nth-child(2) { background-image: url('../img/place-icon2.png') } .place-list .list .place-item .item:nth-child(3) { background-image: url('../img/place-icon3.png') } .place-list .list .place-item .item:nth-child(4) { background-image: url('../img/place-icon4.png') } .work-box { background-color: #91c231; padding: .5rem 0 .2rem; } .work-box h3 { font-size: .34rem; line-height: .44rem; color: #ffffff; text-align: center; } .work-box .list { font-size: 0; text-align: center; margin-top: .4rem; } .work-box .list .item { width: 50%; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin-bottom: .3rem; } .work-box .list .item .icon { width: 76px; margin: 0 auto; } .work-box .list .item .icon img { width: 100%; } .work-box .list .item .text { margin-top: .2rem; font-size: .28rem; line-height: .38rem; color: #fff; padding: 0 .2rem; } .work-box .list .item .line { width: .4rem; height: 1px; background-color: #fff; margin: .1rem auto; } .apply-box { padding: .5rem 0; background-color: #f2f2f2; } .apply-box .form-wrap { margin-top: .3rem; padding: .3rem; background: #fff; box-shadow: 0 0 13px rgba(4, 0, 0, .12); } .apply-box .form-box { margin-bottom: .3rem; } .apply-box .form-box:last-child { margin-bottom: 0; } .apply-box .form-box.experience-box { margin-bottom: 0; } .apply-box .form-box .apply-tit { font-size: .28rem; line-height: .38rem; padding-left: .6rem; position: relative; } .apply-box .form-box .apply-tit:before { content: ""; position: absolute; left: 0; top: 50%; width: .5rem; height: 2px; background-color: #91c231; } .apply-box .form-box .form { margin-top: .3rem; } .apply-box .form-box .inp { background: #f8f8f8; margin-bottom: .3rem; padding: .2rem; } .apply-box .form-box .tit { float: left; } .apply-box .form-box input[type=text], .apply-box .form-box input[type=date], .apply-box .form-box textarea { float: right; width: 70%; border: none; background-color: transparent; border: none; padding: 0; font-size: .24rem; line-height: .4rem; height: .4rem; -webkit-appearance: none; border-radius: 0; outline: none; } .apply-box .form-box input[type=date], .apply-box .form-box .pc-date { background-repeat: no-repeat; background-position: 99% center; background-image: url('../img/date.png'); } .apply-box .form-box textarea { height: 2rem; resize: none; } .apply-box .form-box .pc-date { display: none; } .apply-box .form-box .gender { float: right; width: 70%; position: relative; } .apply-box .form-box .gender a { display: block; } .apply-box .form-box .gender .gender-tit { font-size: .24rem; color: #222; line-height: .4rem; height: .4rem; background-repeat: no-repeat; background-position: right center; background-image: url('../img/form-select.png'); } .apply-box .form-box .gender .sub { display: none; position: absolute; left: -.2rem; top: .6rem; background-color: #fff; width: calc(100% + .4rem); box-shadow: 0 0 10px rgba(0, 0, 0, .15); } .apply-box .form-box .gender .sub a { line-height: .6rem; color: #222; font-size: .24rem; padding: 0 .2rem; } .ability-box .label-inp .tit { float: none; } .form-box .label-box { margin-top: .2rem; } .form-box .label-box a { display: block; padding-left: 20px; background-position: left center; background-repeat: no-repeat; background-image: url('../img/label-btn1.png'); margin-bottom: .1rem; } .form-box .label-box a:last-child { margin-bottom: 0; } .form-box .label-box a.on { background-image: url('../img/label-btn2.png'); } .apply-box .skill-box .inp { padding: 0; background: none; } .apply-box .skill-box .tit-box { padding: .2rem; background-color: #f8f8f8; } .apply-box .skill-box .label-box { padding: 0 .2rem; } .apply-box .form-box .check-box { padding: 0; background-color: transparent; } .apply-box .form-box .check-box .check { float: left; width: 60%; padding: .2rem; background-color: #f8f8f8; } .apply-box .form-box .check-box img { float: right; width: 30%; height: .8rem; } .apply-box input[type=submit] { display: block; width: 2rem; height: .6rem; background: rgba(145, 194, 49, .9); color: #fff; border-radius: 0; margin: 0 auto; padding: 0; border: none; padding: 0; } /* trainee end */ .about-dialog-box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 80; display: none; } .about-dialog-box .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: .37; } .about-dialog-box .about-dialog-wrap { position: absolute; width: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #fff; box-sizing: border-box; overflow: hidden; padding: .5rem; } .about-dialog-box .about-dialog-wrap .about-dialog { height: 6rem; overflow: hidden; } .about-dialog-box .about-dialog-wrap h3 { text-align: center; font-size: .32rem; line-height: .42rem; color: #222; } .about-dialog-box .about-dialog-wrap .pub-con { margin-top: .3rem; } .about-dialog-box .dialog-close { position: absolute; right: .3rem; top: .35rem; width: .3rem; height: .3rem; background-image: url(../img/dialog-close.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .about-dialog-box .about-dialog .mCSB_scrollTools .mCSB_draggerRail { width: 1px; } .about-dialog-box .about-dialog .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #91c231; } .back-arrow { position: fixed; bottom: .3rem; right: .3rem; width: .8rem; height: .8rem; z-index: 30; background-color: #91c330; background-position: center; background-image: url('../img/back-arrow.png'); background-size: .35rem; background-repeat: no-repeat; } @media (min-width: 768px) { .view { padding: 0 5%; } header { padding: 20px 0; } header .logo { width: 147px; } header .navbtn-box, header .search-btn, header .lang { margin-top: 0; } header .divide { margin: 0 15px 0; } header .lang { font-size: 12px; line-height: 20px; padding-right: 20px; } header .navbtn-box .txt { font-size: 16px; line-height: 20px; margin-left: 10px; } header .search-btn { width: 18px; height: 18px; } header .navbtn-box .navbtn { width: 30px; height: 20px; } .nav-box { top: 60px; height: calc(100% - 60px); } .nav li>a { padding: 15px 4%; } .search-dialog { width: 500px; padding: 15px 25px; } /* .search-dialog:before{ content: ""; position: absolute; width: 10px; height: 10px; background-color: #fff; top:-3px; left:50%; border-top: 1px solid #ddd; border-left: 1px solid #ddd; transform:rotate(45deg) translateX(-50%); } */ .search-dialog input[type=text] { font-size: 14px; line-height: 28px; height: 28px; width: 90%; } .search-dialog input[type=submit] { width: 28px; height: 28px; } /* header end */ .banner .text-box { top: 50%; transform: translateY(-50%); } .banner .text-box .cn { font-size: 40px; line-height: 50px; } .banner .text-box .en { font-size: 16px; line-height: 26px; margin-top: 25px; width: 60%; } .banner .text-box .con { width: 55%; margin: 25px 0 0; font-size: 14px; line-height: 24px; } .pub-more { padding: 0 25px; } .pub-more span { font-size: 14px; height: 50px; line-height: 50px; background-size: auto; padding-right: 30px; } .banner .pub-more { margin-top: 50px; } .banner .btns .swiper-pagination-bullet { margin: 0 5px; } .i-apply .tit-box .en { font-size: 30px; line-height: 40px; } .i-apply .tit-box .cn { font-size: 20px; line-height: 30px; } .i-apply .con { font-size: 14px; line-height: 30px; height: 60px; width: 60%; } .i-apply .pub-more { margin-top: 50px; } .i-apply .sm-list .item { width: 32%; margin-right: 2%; } .i-apply .sm-list .icon { width: 45px; } .i-apply .sm-list .txt { width: auto; } .i-apply .sm-list .txt .cn { font-size: 14px; line-height: 24px; } .i-apply .sm-list .txt .en { font-size: 12px; line-height: 20px; } .i-product .tit { font-size: 30px; line-height: 40px; width: 100%; font-weight: normal; } .i-product .desc { font-size: 14px; line-height: 24px; margin-top: 10px; } .i-product .icon-box { margin-top: 50px; } .i-product .m-icon .icon { width: 80px; } .i-product .m-icon .txt { font-size: 14px; line-height: 24px; margin-top: 10px; } .i-product .more-box { margin-top: 50px; } .i-news .tit-box .tit { font-size: 26px; line-height: 36px; } .i-news .tit-box .desc { margin: 5px 0 0; } .i-news .tit-box .desc a, .i-news .tit-box .desc span { font-size: 14px; line-height: 24px; margin: 0; } .i-news .news-tab { width: 100%; margin-top: 50px; } .i-news .news-tab .text-box { padding: 20px; } .i-news .news-tab .tit { font-size: 16px; line-height: 26px; } .i-news .news-tab .con { font-size: 14px; line-height: 24px; margin-top: 5px; } .i-news .news-tab .time { font-size: 12px; line-height: 20px; background-size: auto; padding-left: 25px; margin-top: 10px; } .i-news .news-tab .btns { margin-top: 40px; } .i-news .news-tab .btns .swiper-pagination-bullet { margin: 0 5px; } .i-news .tit-box { text-align: left; } .i-news .tit-box .left { float: left; } .i-news .tit-box .pub-more { float: right; display: block; background-color: transparent; padding: 0; margin-top: 10px; } .index-wrap .point-box { width: 50px; transform: translateY(calc(-50% + 60px)); } .index-wrap .point-box .cur-num { font-size: 16px; line-height: 26px; } .index-wrap .point-box .divide, .index-wrap .point-box .total { font-size: 12px; line-height: 20px; } .index-wrap .point .swiper-pagination-bullet { margin-bottom: 15px; } .index-wrap .point-box .line { margin: 25px auto; height: 60px; } /* welcome end */ .foot-bottom .left { padding: 30px 0; font-size: 12px; line-height: 20px; } .foot-bottom .build { margin-top: 20px; font-size: 12px; line-height: 20px; } .foot-bottom .build a { font-size: 12px; } .sub-banner .line-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .sub-banner .line-box .line { position: absolute; width: 1px; height: 100%; background-color: rgba(255, 255, 255, .25); } /* footer end */ .clearfixed { height: 60px; } .sub-banner .line-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .sub-banner .line-box .view { height: 100%; } .sub-banner .line-box .line-wrap { height: 100%; width: 100%; position: relative; } .sub-banner .line-box .line { position: absolute; width: 1px; height: 100%; background-color: rgba(255, 255, 255, .25); top: 0; } .sub-banner .line-box .left { left: 0; } .sub-banner .line-box .right { right: 0; } .supplier-box1 { padding: 50px 0; } .supplier-box1 .img { float: left; width: 35%; } .supplier-box1 .text-box { float: right; width: 60%; margin: 0; } .supplier-box1 .tit-box .cn { font-size: 18px; line-height: 28px; } .supplier-box1 .tit-box .en { font-size: 30px; line-height: 40px; } .supplier-box1 .tit-box .line { margin-top: 10px; width: 30px; } .supplier-box1 .con { margin-top: 15px; } .pub-con { font-size: 14px; line-height: 24px; } .supplier-box1 .icon-box { margin-top: 20px; } .supplier-box1 .icon-box .row { margin: 0 -30px; } .supplier-box1 .item { padding: 0 30px; } .supplier-box1 .item .icon { width: 80px; height: 80px; } .supplier-box1 .item .txt { font-size: 16px; line-height: 26px; margin-top: 10px; } .supplier-box2 { padding: 50px 0; } .pub-tit { font-size: 24px; line-height: 34px; } .pub-desc { font-size: 14px; line-height: 24px; } .supplier-box2 .pub-desc { margin-top: 15px; } .supplier-box2 .down-btn { margin-top: 60px; width: 78px; height: 78px; background-size: auto; } .supplier-list { padding: 0; } .supplier-list li { position: relative; margin-bottom: 0; } .supplier-list .img { padding: 0; width: 50%; } .supplier-list li:nth-child(2n+1) .img { float: left; } .supplier-list li:nth-child(2n) .img { float: right; } .supplier-list li .text-box { margin: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .supplier-list li .text-box .view { height: 100%; position: relative; } .supplier-list li .text-box .con-box { box-sizing: border-box; width: 50%; position: absolute; padding: 0 5vw; top: 50%; transform: translateY(-50%); } .supplier-list li:nth-child(2n+1) .text-box .con-box { float: right; right: 0; } .supplier-list li:nth-child(2n) .text-box .con-box { float: left; left: 0; } .supplier-list li .tit { font-size: 20px; line-height: 30px; } .supplier-list li .line { margin: 10px 0 0; width: 30px; height: 2px; } .supplier-list li .pub-con { margin-top: 15px; height: 48px; overflow: hidden; } .supplier-list li .more-btn { margin-top: 15px; } .become-box .top-box { padding: 50px 0; } .become-box .top-box .pub-desc { margin-top: 10px; } .become-box .list .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-box-lines: multiple; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -10px; } .become-box .list .item { margin-bottom: 20px; padding: 0 10px; box-sizing: border-box; } .become-box .list .item:last-child { margin-bottom: 20px; } .become-box .list-box { padding: 50px 0 30px; } .become-box .list-box .con-box { padding: 22px; font-size: 14px; line-height: 24px; box-sizing: border-box; height: 100%; } .coo-box { padding: 50px 0; } .coo-box .text-box { padding: 50px 30px; } .coo-box .text-box .icon { width: 40px; height: 40px; } .coo-box .text-box .tit { font-size: 18px; line-height: 28px; } .coo-box .text-box .pub-desc { margin-top: 10px; } .file-box { padding: 50px 0; } .file-box .pub-desc { margin-top: 15px; } .file-box .list { margin-top: 40px; } .file-box .list .row { margin: 0 -10px; } .file-box .list .item { box-sizing: border-box; padding: 0 10px; margin-bottom: 20px; } .file-box .list .down-btn { width: 70px; height: 70px; background-size: auto; } .file-box .list .txt { padding: 0 20px; font-size: 16px; line-height: 70px; } /*supplier end*/ .sub-banner .cn { font-size: 18px; line-height: 28px; } .sub-banner .en { font-size: 60px; line-height: 60px; transform: translateX(-5px); margin-top: 10px; } .sub-banner .sub-text { padding: 40px 0; } .sub-banner .sub-text .pub-con { width: 80%; } .product-box { padding: 50px 0; } .product-box li { position: relative; } .product-box .img { float: left; width: 66.67%; } .product-box li .text-box { position: absolute; right: 0; width: 36.6%; height: 100%; box-sizing: border-box; padding: 30px 20px; background-color: #3a3a3a; } .product-box li .text-box .tit { font-size: 20px; line-height: 30px; } .product-box li .text-box .pub-con { margin-top: 20px; height: 72px; overflow: hidden; } .product-box li .text-box .pub-more { margin-top: 60px; } /*product end*/ .sub-nav { display: none; } .sub-banner .img { position: relative; z-index: 3; } .sub-banner .pc-nav { display: block; position: absolute; right: 10%; width: auto; top: 50%; transform: translateY(-50%); } .sub-banner .pc-nav a { display: block; font-size: 14px; line-height: 30px; color: #fff; padding-left: 50px; background-repeat: no-repeat; background-position: left center; background-image: url(../img/sub-arrow.png); } .sub-banner .pc-nav a.cur { color: #91c231; } .product-wrap { padding: 50px 0; } .product-wrap .top-tit .left { float: none; } .top-tit .cn { font-size: 16px; line-height: 26px; } .top-tit .en { font-size: 24px; line-height: 34px; margin-top: 5px; } .top-tit .right { margin: 20px -10px 0; } .top-tit .item { width: 25%; padding: 0 10px; margin-bottom: 10px; } .top-tit .tit { font-size: 14px; line-height: 40px; } .top-tit .sub { top: 42px; max-height: 120px; } .top-tit .sub a { line-height: 40px; font-size: 14px; } .product-wrap .list { margin-top: 20px; } .product-wrap .list .row { margin: 0 -10px; } .product-wrap .list .item { box-sizing: border-box; padding: 0 10px; margin-bottom: 20px; } .product-wrap .list .txt { padding: 15px; font-size: 16px; line-height: 26px; } .product-wrap .list .more-box { margin-top: 30px; } .pub-down span { padding-right: 20px; } /* product list end */ .ban-product { position: relative; padding: 50px 0; } .ban-product .m-box { display: none; } .ban-product .pc-box { display: block; position: relative; } .ban-product .pc-box .bimg { width: 70%; } .ban-product .simg { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 82px; height: 270px; overflow: hidden; } .ban-product .simg .swiper-slide { width: 100%; height: auto; } .ban-product .text-box { position: absolute; left: 5%; top: 5%; width: 40%; z-index: 3; } .ban-product .pub-tit { text-align: left; } .ban-product .desc { font-size: 18px; line-height: 28px; margin-top: 10px; text-align: left; } .ban-product .down-btn { margin: 30px 0 0; width: 78px; height: 78px; background-size: auto; } .ban-product .view { position: relative; } .ban-product .line { position: absolute; top: 0; width: 1px; height: 100%; background-color: rgba(255, 255, 255, .2); } .ban-product .line-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .ban-product .left { left: 0; } .ban-product .right { right: 0; } .params-box { padding: 50px 0; } .param-wrap { text-align: center; font-size: 0; } .params-box .left { display: inline-block; *display: inline; zoom: 1; border-bottom: none; padding: 0; text-align: left; vertical-align: top; width: 30%; } .params-box .left .pub-tit { text-align: left; } .params-box .left .en { margin-top: 5px; } .params-box .left .more-box { margin-top: 10px; } .params-box .right { display: inline-block; *display: inline; zoom: 1; margin: 0; line-height: 30px; vertical-align: top; text-align: left; width: 40%; padding: 0; border-top: none; padding-left: 50px; margin-left: 50px; border-left: 1px solid #d9d9d9; } /* .params-box .divide{ display: inline-block; *display: inline; zoom: 1; width: 1px; height: 170px; background-color: #d9d9d9; margin: 0 50px; } */ .params-box .left .pub-more { margin: 20px 0 0; } .scene-box { padding: 50px 0; } .scene-box .pub-tit { margin-bottom: 10px; } .scene-box .pub-desc { width: 70%; margin: 0 auto 20px; } .scene-box .list .con-box .txt { font-size: 16px; line-height: 26px; padding: 10px 0; } .scene-box .more-box { margin-top: 30px; } /* productinfo end */ .market-box { padding: 50px 0; } .market-box li { margin-bottom: 30px; } .market-box li .text-box { padding: 30px; } .market-box li .pub-tit { text-align: left; margin-bottom: 10px; } .market-box li .tit-box { margin-bottom: 15px; padding-bottom: 15px; } .market-box li .sec-list a { color: #222; line-height: .4rem; padding-left: 20px; position: relative; line-height: 30px; display: block; padding-left: 12px; } /* market end */ .market-list { padding: 50px 0; } .market-list .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-box-lines: multiple; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -15px; } .market-list .item { padding: 0 15px; box-sizing: border-box; } .market-list .text-box { padding: 20px; } .market-list .con-box { height: 100%; box-sizing: border-box; } .market-list .text-box .tit { font-size: 16px; line-height: 26px; } .market-list .text-box .link-box { margin-top: 10px; } .market-list .item { margin-bottom: 30px; } .market-list .item:last-child { margin-bottom: 30px; } /* marker list end */ .markinfo-wrap { padding-bottom: 0; } .mark-product-box .pub-tit, .mark-product-box .pub-desc { text-align: left; width: 100% } .solution-box { padding: 50px 0; } .solution-box .con { margin-top: 30px; } .solution-box .pub-tit { margin-bottom: 10px; text-align: left; } .solution-box .pub-desc { text-align: left; } /* marketindo end */ .about-box1 .circle-btn { margin-top: 20px; } .series-box { padding: 50px 0; } .series-box .img { float: right; width: 48.6%; } .series-box .text-box { position: absolute; left: 5%; top: 50%; width: 44.33%; transform: translateY(-50%); margin-top: 0; } .series-box .tit { font-size: 20px; line-height: 30px; } .series-box .pub-con { margin-top: 15px; height: 48px; overflow: hidden; } .series-box .more-btn { margin-top: 15px; } .series-box .swiper-slide:nth-child(2n) .img { float: left; } .series-box .swiper-slide:nth-child(2n) .text-box { left: auto; right: 5%; } .series-box .text-box { width: 42%; } .series-box .line { margin: 10px 0 0; width: 30px; height: 2px; } .series-box .buttons { margin-top: 30px; } .series-box .buttons .prev, .series-box .buttons .next { margin: 0 15px; } .history-box { padding: 50px 0; } .history-box .tit-box .cn { font-size: 18px; line-height: 28px; } .history-box .tit-box .en { font-size: 30px; line-height: 40px; } .history-box .tab-box .next { width: 50px; height: 50px; } .history-box .year-box { padding: 0 30px; } .history-box .year-box .swiper-slide { margin-right: 50px; cursor: pointer; } .history-box .year-box .pub-desc { margin-top: 10px; } .history-box .year-box .point { width: 33px; height: 33px; } .history-box .year-box:before { top: 16px; } .history-box .tab-box { margin-top: 0; } .history-box .year-box { margin-top: 20px; } .history-box .tab-box .txt .pub-desc { margin-top: 10px; } .history-box .tab-box .txt { margin: 15px 0 0; } .history-box .swiper-slide .img-box { margin-top: 200px; } .about-dialog-box .about-dialog-wrap { padding: 50px 25px; width: 80%; } .about-dialog-box .dialog-close { right: 20px; top: 15px; width: 24px; height: 24px; } .about-dialog-box .about-dialog-wrap .pub-con { margin-top: 15px; } .about-dialog-box .about-dialog-wrap .about-dialog { height: 300px; } /* about end */ .sub-banner .honor-txt { position: relative; } .sub-banner .honor-txt .left { float: left; width: 46%; box-sizing: border-box; padding-left: 30px; } .sub-banner .honor-txt .left .line { width: 25px; top: 13px; } .sub-banner .honor-txt .right { float: right; width: 46%; padding: 0; margin-top: 0; } .sub-banner .honor-txt .left .sub-tit { font-size: 16px; line-height: 26px; margin-bottom: 10px; } .sub-banner .honor-txt .pub-con { width: 100%; } .sub-banner .honor-txt:before { content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: rgba(255, 255, 255, .06); } .ban-honor .sub-text { padding: 60px 0; } .honor-list { padding: 0 0 50px; /* margin-top: -50px; */ position: relative; background-color: #f7f7f7; } .honor-list .black { display: block; } .honor-list .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-box-lines: multiple; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0; } .honor-list .item { width: 33.33%; padding: 0; margin: 0; } .honor-list .blank { display: block; } .honor-list { position: relative; } .honor-list .black { position: absolute; width: 100%; top: 0; left: 0; background-color: #1c1e1f; } .honor-list .honor-view { position: relative; z-index: 3; } /* honor end */ .ban-culture .honor-txt .left { width: 100%; } .ban-culture .honor-txt:before { display: none; } .culture-box { padding: 50px 0; } .culture-box .pub-tit { margin-bottom: 10px; } .culture-box .pub-desc { width: 80%; margin: 0 auto 20px; } .culture-box .icon-box .row { margin: 0 -20px; } .culture-box .icon-box .item { margin-bottom: 20px; padding: 0 20px; } .culture-box .icon-box .icon { width: 90px; height: 90px; } .culture-box .icon-box .text { margin-top: 10px; } .culture-box .icon-box .tit { font-size: 18px; line-height: 28px; margin-bottom: 5px; } .activity-box { padding: 50px 0; } .activity-box .pub-tit { margin-bottom: 10px; } .activity-box .pub-desc { width: 80%; margin: 0 auto; } .activity-box .tab-box { margin-top: 30px; } .activity-box .tab-box .view { position: relative; } .activity-box .tab-box .swiper-slide { width: 40%; } .activity-box .tab-box .txt { line-height: 50px; font-size: 18px; } .activity-box .tab-box .prev, .activity-box .tab-box .next { width: 50px; height: 50px; transform: translateY(calc(-50% - 25px)); background-size: 25px; } .activity-box .tab-box .prev { left: 5%; transform: translateY(calc(-50% - 25px)) translateX(-50%); } .activity-box .tab-box .next { right: 5%; transform: translateY(calc(-50% - 25px)) translateX(50%); } /* activity end */ .news-box { padding: 50px 0; } .news-box .item { margin-bottom: 30px; position: relative; } .news-box .item .img { float: left; width: 42.67%; } .news-box .item .text-box { margin-top: 0; position: absolute; right: 0; width: 54%; top: 50%; transform: translateY(-50%); } .news-box .item .time { font-size: 14px; line-height: 24px; } .news-box .item .tit { font-size: 16px; line-height: 26px; margin-top: 5px; } .news-box .item .pub-con { margin-top: 5px; height: 48px; overflow: hidden; } .news-box .item .more-box { margin-top: 5px; } .top-tit { padding-bottom: 10px; } .news-box .load-box { margin-top: 40px; } /* news end */ .newsinfo-box { padding: 50px 0; } .newsinfo-box .tit-box { padding-bottom: 20px; } .newsinfo-box .tit { font-size: 18px; line-height: 28px; } .newsinfo-box .time { margin-top: 5px; } .newsinfo-box .pub-con { margin-top: 20px; } .newsinfo-box .ctrl-box { margin-top: 20px; padding-top: 20px; } .newsinfo-box .ctrl-box .ctrl { float: left; width: 70%; } .newsinfo-box .ctrl a { font-size: 16px; line-height: 26px; } .newsinfo-box .back-box { float: right; margin-top: 0; } /* newsinfo end */ .service-box { padding: 50px 0; } .service-box .list-wrap { margin-top: 20px; } .service-box .list-wrap li { margin-bottom: 30px; } .service-box .list-wrap .mid-tit { padding-bottom: 10px; } .service-box .list-wrap .list-item { padding: 10px 0; } .service-box .list-wrap .left { width: 80%; } .service-box .list-wrap .tit { font-size: 18px; line-height: 28px; } .service-box .list-wrap .file { font-size: 14px; line-height: 24px; margin-top: 5px; } .service-box .list-wrap .down-btn { font-size: 14px; line-height: 40px; background-size: auto; margin-top: 10px; padding-right: 30px; margin-right: 20px; } /* service end */ .mid-tit { font-size: 18px; line-height: 28px; } .map { width: 100%; height: 60vh; } .map-box .text-box { position: absolute; left: 5%; top: 50%; transform: translateY(-50%); width: 250px; background-color: #fff; padding: 30px; } .map-box .text-box .view { padding: 0; } .map-box .text-box .line { width: 25px; margin-top: 10px; } .map-box .text-box .con { margin-top: 10px; font-size: 14px; line-height: 24px; } .map-box .text-box .btn-box { margin-top: 10px; } .map-box .text-box .map-btn { padding: 0 20px; border-radius: 20px; } .map-box .text-box .map-btn span { line-height: 40px; font-size: 14px; } .map-box .icon-box { margin-top: 10px; } .map-box .icon-box .item { padding-left: 60px; background-size: auto; line-height: 24px; padding: 10px 0 10px 50px; margin-bottom: 15px; } .mid-tit2 { font-size: 20px; line-height: 30px; } .hotline-box { padding: 35px 0; } .hotline-box .hotline { padding: 30px 0; } .hotline-box .hotline .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-box-lines: multiple; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .hotline-box .hotline .con-box { border: none; padding: 0 35px; border-right: 1px solid #d6d6d6; } .hotline-box .hotline .item:last-child .con-box { border: none; } .hotline-box .hotline .pub-con2 { margin-top: 10px; } .hotline-box .hotline .pub-con2 .hotline-item { margin-bottom: 15px; } .pub-con2 { font-size: 14px; line-height: 24px; } .message-box { padding: 50px 0; } .message-box .message-tit .line { width: 40px; } .message-box .inp { float: left; width: 48.3%; box-sizing: border-box; padding: 0 20px; margin-bottom: 15px; } .message-box .form-box .inp { margin-bottom: 20px; padding: 0 20px; } .message-box .container-inp { width: 100%; } .message-box .tel { float: right; } .message-box .form-box .form-tit { line-height: 50px; } .message-box .form-box input, .message-box .form-box textarea { padding: 10px 0; height: 30px; line-height: 30px; } .message-box .container-inp input { width: 93%; } .message-box .container-inp textarea { width: 89%; height: 100px; } .message-box .form-box .check-box { padding: 0; } .message-box .form-box .check { width: 55%; padding: 0 20px; } .message-box .form-box .check input { width: 65%; } .message-box .form-box .check-box img { height: 52px; width: 28%; } .message-box .form-box .submit { margin-top: 30px; } .message-box .form-box input[type=submit] { width: 200px; height: 50px; } .message-box .form-box { margin-top: 40px; } /* contact end */ .map-tab-btns .swiper-slide a { padding: 0 30px; } .map-tab-btns .swiper-slide span { font-size: 16px; line-height: 50px; } .map-dialog { width: 300px; padding: 20px; } .map-dialog .mid-tit { background-size: auto; /* padding-left: 26px; */ line-height: 30px; } .map-dialog .pub-desc { line-height: 30px; padding-top: 10px; margin-top: 10px; } .support-box { padding: 50px 0; } .support-box .support { margin-top: 30px; } .support-box .support .row { margin: 0 -5px; } .support-box .support .item { padding: 0 5px; margin-bottom: 10px; } .support-box .support .con-box { padding: 20px 10px; height: 100%; box-sizing: border-box; } .support-box .support .icon { width: 50px; } .support-box .support .item .txt { font-size: 14px; line-height: 24px; margin-top: 20px; } /* customer end */ .top-tit .left { float: left; } .notice-box { padding: 50px 0; } .notice { margin-top: 30px; } .notice-box .top-tit .right-con { float: right; margin-top: 0; width: 70%; margin-top: 10px; } .notice .notice-logo { float: left; width: 100px; } .notice .con { float: right; width: calc(100% - 100px); box-sizing: border-box; padding: 30px; } /* notice end */ .talent-box { padding: 0; height: calc(100vh - 60px); position: relative } .talent-wrap { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; left: 0; } .talent-box .talent-tit .tit { font-size: 28px; line-height: 38px; } .talent-box .talent-tit .sub-tit { font-size: 18px; line-height: 28px; margin: 10px 0 0; } .talent-box .list { margin-top: 30px; } .talent-box .list .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-box-lines: multiple; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -3px; } .talent-box .list .item { margin: 0; box-sizing: border-box; padding: 0 3px; } .talent-box .list .item:nth-child(1), .talent-box .list .item:nth-child(3) { width: 27.33%; } .talent-box .list .item:nth-child(2) { width: 45.33%; } .talent-box .list .con-box { box-sizing: border-box; height: 100%; padding: 20px 20px 70px; position: relative; } .talent-box .list .icon { margin: 0; } .talent-box .list .tit { font-size: 16px; line-height: 28px; } .talent-box .list .text-box { margin-top: 10px; text-align: left; } .talent-box .list .desc { margin-top: 5px; } .talent-box .list .more { position: absolute; left: 20px; bottom: 20px; margin: 0; text-align: center; width: 80px; height: 30px; line-height: 30px; border-radius: 20px; } /* talent end */ .ban-talent .honor-txt .left { padding: 0; } .position-box { padding: 50px 0; } .talent-tit-box { padding: 0; } .position-box .list { margin-top: 30px; } .position-box .list .item { padding: 20px; margin-bottom: 15px; } .position-box .list .item .txt { font-size: 16px; line-height: 26px; } .position-box .list .item .more { width: 26px; height: 26px; } .position-box .more-box { margin-top: 40px; } .position-info-box .list .item { margin-bottom: 0; } .position-info-box .text-box { padding: 20px; } .position-info-box .text-box .tit { font-size: 16px; line-height: 26px; } .position-info-box .text-box .text-item { margin-bottom: 10px; } .position-info-box .text-box .desc .tit { margin-bottom: 10px; } .position-info-box .text-box .top-con { margin-bottom: 10px; } .position-info-box .btns-box { margin-top: 30px; } .position-info-box .btns-box .send, .position-info-box .btns-box .share-btn { margin-right: 10px; line-height: 40px; border-radius: 20px; font-size: 14px; padding: 0 30px; } .position-info-box .btns-box .share-btn a { font-size: 14px; } .position-info-box .btns-box .send { padding: 0 20px; } /* societyinfo end */ .recruit-box { padding: 50px 0; } .recruit-box .recruit { margin-top: 20px; } .recruit-box .recruit .item { display: block; box-sizing: border-box; } .recruit-box .recruit .staff, .recruit-box .recruit .pos { width: 21.3% } .recruit-box .recruit .per { width: 29.7% } .recruit-box .recruit .salary { width: 12.3%; } .recruit-box .recruit .detail { width: 15.4%; } .recruit-box .recruit .top-box .item { font-size: 16px; line-height: 40px; } .recruit-box .recruit .item-list .item { font-size: 14px; line-height: 24px; padding: 10px 15px; } .recruit-box .recruit li .drop { padding: 25px; } .recruit-box .recruit li .drop .pub-con { margin-top: 10px; } .recruit-box .recruit li .drop .apply { width: 120px; height: 40px; border-radius: 24px; line-height: 40px; margin-top: 30px; } .welfare-box { padding: 50px 0 0; } .welfare-box .welfare { margin: 0 auto; margin-top: 20px; padding: 50px 0; max-width: 700px; } .welfare-box .welfare li { margin-bottom: 40px; } .welfare-box .welfare .img { width: 49px; } .welfare-box .welfare .txt { font-size: 16px; line-height: 26px; padding-left: 60px; } .welfare-box .welfare li:nth-child(2n) .txt { padding-right: 60px; } .process-box { padding: 50px 0; } .process-box .step { margin-top: 40px; } .process-box .top-box { margin-top: 30px; } .process-box .top-box .m-img { display: none; } .process-box .top-box .pc-img { display: block; } .process-box .step .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-box-lines: multiple; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -3px; } .process-box .step .step-item { margin-bottom: 0; width: 12.5%; box-sizing: border-box; padding: 0 3px; } .process-box .step .step-item .con-box { font-size: 16px; line-height: 26px; padding: 0; padding: 2vh 1vw; width: 100%; height: 100%; text-align: center; box-sizing: border-box; position: relative; } .process-box .step .step-item .con-box br { display: none; } .process-box .step .step-item:nth-child(2) { width: 61.3%; padding: 0 3px; } .process-box .step .step-item:nth-child(2) .item { margin-bottom: 6px; padding: 3.5vh; font-size: 16px; line-height: 26px; text-align: center; } .process-box .step .step-item .txt { writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; width: auto; text-align: left; display: inline-block; *display: inline; zoom: 1; letter-spacing: 3px; } .process-box .step .step-item .con-box br { display: block; } .advocacy-box { padding: 50px 0; } .advocacy-box .advocacy { padding: 200px 100px; margin-top: 20px; } .advocacy-box .advocacy .swiper-slide { margin-right: 150px; } .advocacy-box .advocacy .con-box { width: 220px; } .advocacy-box .advocacy .time { padding: 10px 20px; font-size: 16px; line-height: 26px; } .advocacy-box .advocacy .pub-desc { padding: 10px 20px; min-height: 80px } .advocacy-box .advocacy .swiper-slide:nth-child(2n) .text-box { padding-bottom: 20px; } .advocacy-box .advocacy .swiper-slide:nth-child(2n+1) .text-box { padding-top: 20px; } /* school end */ .treat-box { padding: 50px 0; } .treat-box .icon-box { margin-top: 30px; } .treat-box .icon-box .row { margin: 0 -6px; } .treat-box .icon-box .item { padding: 0 6px; margin-bottom: 12px; } .treat-box .icon-box .con-box { padding: 20px; } .treat-box .icon-box .mid-tit { text-align: center; margin-top: 10px; } .treat-box .icon-box .icon { width: 50px; height: 50px; } .place-box { padding: 50px 0; } .place-box .place-btns { margin-top: 20px; } .place-box .place-btns .item { padding: 0 20px; } .place-box .place-btns .item span { font-size: 16px; line-height: 40px; border-radius: 20px; padding-left: 20px; background-size: auto; } .place-list { padding: 0; overflow: hidden; } .place-list .list .place-item { margin-bottom: 0; width: 50%; box-sizing: border-box; padding: 0; } .place-list .list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -webkit-box-lines: multiple; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .place-list .list .place-item { padding: 40px 0; position: relative; } .place-list .list .place-item:before { content: ""; position: absolute; top: 0; width: 1920px; height: 100%; background: #91c231; right: 0; } .place-list .list .place-item:nth-child(2n) { position: relative; } .place-list .list .place-item:nth-child(2n):before { right: auto; left: 0; background-color: #6b6b6b; } .place-list .list .place-item .item { font-size: 16px; line-height: 26px; background-size: auto; padding-left: 30px; } .place-list .list .con-box { height: 100%; width: 85.33%; float: left; position: relative; z-index: 3; } .place-list .list .place-item:nth-child(2n) .con-box { float: right; } .place-list .list .place-item .mid-tit { padding-bottom: 15px; margin-bottom: 15px; } .place-list .list .place-item .con { font-size: 16px; line-height: 26px; } .place-list .list .place-item .con .item { margin-bottom: 10px; } .place-list .list .place-item .con .item:last-child { margin-bottom: 0; } .work-box { padding: 50px 0; } .work-box .list { margin-top: 30px; } .work-box h3 { font-size: 16px; line-height: 26px; } .work-box .list .item { width: 25%; margin-bottom: 0; } .work-box .list .item .text { padding: 0 10px; font-size: 14px; line-height: 24px; margin-top: 10px; } .work-box .list .item .line { width: 20px; margin: 10px auto; } .apply-box { padding: 50px 0; } .apply-box .form-box { margin-bottom: 0; } .apply-box .form-wrap { margin-top: 30px; } .apply-box .form-wrap { padding: 30px; } .apply-box .form-box .apply-tit { font-size: 18px; line-height: 28px; padding-left: 40px; } .apply-box .form-box .apply-tit:before { width: 30px; } .apply-box .form-box .form { margin-top: 20px; } .apply-box .form-box .inp { width: 49%; box-sizing: border-box; float: left; padding: 15px; margin-bottom: 15px; } .apply-box .form-box .inp:nth-child(2n) { float: right; } .apply-box .form-box input[type=text], .apply-box .form-box input[type=date], .apply-box .form-box textarea { height: 24px; line-height: 24px; font-size: 14px; width: 69%; } .apply-box .form-box .gender .gender-tit { font-size: 14px; line-height: 24px; height: 24px; } .apply-box .form-box .gender .sub { width: calc(100% + 30px); top: 39px; left: -15px; } .apply-box .form-box .gender .sub a { font-size: 14px; line-height: 40px; height: 40px; padding: 0 15px; } .apply-box .form-box .container-inp { width: 100%; } .apply-box .ability-box .inp:nth-child(2) { float: left; } .apply-box .ability-box .inp:nth-child(3) { float: right; } .form-box .container-inp .tit { float: left; } .form-box .container-inp .label-box { margin: 0; float: right; width: 88%; } .form-box .label-box { font-size: 0; } .form-box .label-box a { display: inline-block; *display: inline; zoom: 1; margin-right: 15px; margin-bottom: 10px; vertical-align: top; } .form-box .label-box a:last-child { margin-right: 0; } .ability-box .label-inp .tit { float: left; } .master-inp .label-box { margin: 0; float: right; width: 74%; } .master-inp .label-box a { margin-bottom: 0; } .apply-box .skill-box .inp { padding: 0; } .apply-box .skill-box .tit-box { padding: 15px; } .apply-box .skill-box .label-box { padding: 0 15px; margin-top: 10px; } .apply-box .form-box textarea { width: 86%; height: 100px; } .apply-box .form-box .inp:nth-child(2n).check-box { float: left; padding: 0; } .apply-box .form-box .check-box .check { padding: 15px; } .apply-box .form-box .check-box img { float: right; height: 54px; width: 28% } .apply-box input[type=submit] { width: 200px; height: 50px; margin-top: 20px; } /* trainee end */ .about-dialog-box .about-dialog-wrap h3 { font-size: 20px; line-height: 30px; } .back-arrow { width: 60px; height: 60px; background-size: auto; right: 50px; bottom: 50px; } } @media (min-width: 992px) { .honor-list .item { width: 20%; } .culture-box .pub-desc, .activity-box .pub-desc { width: 70%; } }