@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: .5rem; line-height: .6rem; } .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: 100%; 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: .24rem; color: #fff; line-height: .4rem; margin-top: .2rem; height: .8rem; } .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; display: none; } .supplier-box1 .tit-box .en{ font-size: .48rem; line-height: .58rem; color:#222; font-family: 'CenturyGothicStd-Bold'; } .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; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .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; display: none; } .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; display: none; } .top-tit .en{ font-size: .42rem; font-family: "CenturyGothicStd-Bold"; line-height: .42rem; margin-top:.1rem; } .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: 100%; } .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; display: none; } .history-box .tit-box .en { font-size: .48rem; line-height: .58rem; color: #222; font-family: 'CenturyGothicStd-Bold'; } .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 .2rem; 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; height: 1.6rem; } .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: .26rem; 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: .24rem; 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; 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; max-height: 1.3rem; background-color: #fff; overflow: hidden; } .advocacy-box .advocacy .pub-desc .mCSB_scrollTools .mCSB_draggerRail{ width: 1px; background: none; } .advocacy-box .advocacy .pub-desc .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #111; } /* 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; padding: 0 .1rem; } .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 .1rem; 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 4px; 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:left; 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=text].mid-inp{ width: 60%; } .apply-box .form-box input[type=text].mid-inp2{ width: 50%; } .apply-box .form-box input[type=text].sm-inp{ width: 40%; } .apply-box .form-box input[type=date]{ width: 68%; } .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; width: 60%; } .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; height: 24px; } .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; } .culture-box .icon-box .pub-con{ height: 72px; } .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: 14px; line-height: 40px; } .recruit-box .recruit .item-list .item{ font-size: 12px; line-height: 20px; 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: 18%; 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:45%; padding: 0 3px; } .process-box .step .step-item:nth-child(2) .item{ margin-bottom: 6px; padding: 4%; font-size: 16px; line-height: 26px; } .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; word-break: break-word; /* 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; max-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; height: 56px; overflow: hidden; } .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; background-position: left 2px; } .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: 63%; } .apply-box .form-box input[type=date]{ width: 62%; } .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; } .apply-box .form-box input[type=text].mid-inp{ width: 55%; } .apply-box .form-box input[type=text].sm-inp{ width: 25%; } .apply-box .ability-box .inp:nth-child(3) .mid-inp2{ width: 100%; } .apply-box .form-box input[type=text].mid-inp2{ width: 55%; } .form-box .container-inp .tit{ float: left; } .form-box .container-inp .label-box{ margin: 0; float: right; width: 78%; } .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: 100%; } .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: 78%; height: 100px; } .apply-box .form-box .inp:nth-child(2n).check-box{ float: left; padding: 0; } .apply-box .form-box .check-box{ 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; } .apply-box .form-box input[type=text].pad-mid-inp{ width: 50%; } /* 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%; } .culture-box .icon-box .pub-con{ height: auto; } }