@charset "utf-8"; @media (max-width: 1024px){ .header-view{ padding: 0 5%; width: auto; } .view{ width: auto; padding: 0 5%; } .header-right .pc-nav{ display: none; } .header-right .header-btns{ position: static; background-color: transparent; width: auto; } .header-right .header-btns .icon{ /* margin: 0 0 0 1rem; */ } .header-right .header-btns .bds_more{ display: none; background-image: url('../images/m-header-icon1.svg'); } .header-right .header-btns .search-btn{ background-image: url('../images/m-header-icon2.svg'); } .header-right .header-btns .person-btn{ background-image: url('../images/m-header-icon3.svg'); } .header-right .header-btns .person-box .sub{ top: 2.5rem; } .header-right .header-btns .nav-btn{ display: inline-block; /* position: relative; width: 22px; */ margin-right: 0; transition: all .1s; background-image: url('../images/m-header-icon4.svg'); } .header-right .header-btns .nav-btn .line { width: 100%; height: 2px; position: absolute; left: 0; background-color: #383838; transition: all .2s; transform-origin: center; border-radius: 1px; } .header-right .header-btns .nav-btn .line1{ top: 0; } .header-right .header-btns .nav-btn .line2 { top: 50%; margin-top: -1px; } .header-right .header-btns .nav-btn .line3 { bottom: 0; } .header-right .header-btns .nav-btn.cur{ background-image: url('../images/m-header-close.svg'); } .header-right .header-btns .nav-btn.cur .line{ top: 50%; bottom: auto; margin-top: -1px; } .header-right .header-btns .nav-btn.cur .line1{ transform: rotate(45deg); } .header-right .header-btns .nav-btn.cur .line2{ opacity: 0; filter: alpha(opacity=0); } .header-right .header-btns .nav-btn.cur .line3{ transform: rotate(-45deg); } header .logo{ margin-top: 1.6rem; } .index-page header.on .header-right .header-btns{ background-color: #fff; } .m-nav{ position: fixed; top: 2.25rem; width: 100%; z-index: 50; box-sizing: border-box; padding: 0 5%; background-color: rgba(255,255,255,.95); } .m-nav li{ border-bottom: 1px solid #dcdcdc; } .m-nav li:last-child{ border-bottom: none; } .m-nav li .tit{ display: block; font-size: .28rem; padding: .3rem 0 .3rem .3rem; color: #333; position: relative; } .m-nav li .tit:before{ content: ""; position: absolute; right: 0; width: .4rem; height: .4rem; margin-top: -.15rem; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('../images/m-nav-jia.png'); top: 50%; transition: all .2s; } .m-nav li:nth-child(1) .tit:before{ display: none; } .m-nav li.on .tit:before{ transform: rotate(45deg); } .m-nav li .navson{ padding-bottom: .3rem; display: none; } .m-nav li .navson a{ display: block; font-size: .4rem; line-height: .9rem; padding: 0 .5rem; color: #333; } .aside-box{ display: none; } /* header end */ .index-page header{ background-color: #fff; border-color: #ddd; } .index-page .clearfixed{ display: block; } .index-page header .logo .logo1{ display: block; } .index-page header .logo .logo2{ display: none; } .i-custom{ padding-right: 1.5rem; padding-bottom: 1.5rem; } .i-custom .line1{ width: calc(100% - 1.5rem); left: 1.5rem; height: 1.5rem; } .i-custom .line2{ width: 1.5rem; } .i-custom .icon-box{ bottom: 1%; } .i-life .pc-box{ display: none; } .i-product .pc-box{ display: none; } .i-life .m-box{ display: block; } .i-life .m-box .swiper-slide{ width: 40%; margin-right: 3%; } .i-life .m-box .swiper-slide:last-child{ margin-right: 0; } .i-life .txt{ left: 5%; } .i-life .m-box{ overflow: hidden; } .i-life .m-box img{ width: 100%; } .i-life .line{ width: 100%; } .i-product .m-box{ display: block; overflow: hidden; } .i-product .m-box .swiper-slide{ width: 48%; margin-right: 4%; } .i-product .m-box .swiper-slide:last-child{ margin-right: 0; } .i-product .con-box .img{ width: 100%; } .i-news .prev, .i-news .next{ top: 35%; } .vidcontainer .closevid{ width: .5rem; height: .5rem; } /* welcome end */ .f-top{ padding: 1rem 0; } .f-nav{ padding: 1rem 0 .5rem; } .f-bot{ padding: .5rem 0; } .f-top .share-box{ display: none; } .custom-list .con-box .mask, .custom-list .con-box .txt{ opacity: 1; filter: alpha(opacity=100); } .life-top-box .text-box{ padding: 1rem; } .about-box .about-con{ width: 90%; } .story-tab-box .prev{ left: -1.5rem; } .story-tab-box .next{ right: -1.5rem; } .factory-btns .num-box{ display: none; } .factory-btns{ position: absolute; background-color: transparent; width: 100%; transform: translateX(0); box-shadow: none; height: auto; top: 50%; left: 0; transform: translateY(-50%); bottom: auto; } .factory-btns .prev{ background-image: url('../images/m-factory-prev.png'); } .factory-btns .next{ background-image: url('../images/m-factory-next.png'); } .newsinfo-tit-box .data-box .share-box{ display: none; } .newsinfo-tit-box .data-box .right{ float: left; } .newsinfo-tit-box .data-box .right .time{ float: left; margin-left: 0; } .design-wrap .con-box .con .mCSB_scrollTools .mCSB_draggerRail{ background:#ce2122; } .design-wrap .con-box .con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#ce2122; } .service-box .about-con{ width: 80%; } .recruit-list .list .item:nth-child(3n+1){ width: 18vw; } .recruit-list .list .item:nth-child(3n) { width: 20vw; } .life-bot-box .bot-box .txt-box{ opacity: 1; filter: alpha(opacity=100); padding: .6rem 0; background-color: rgba(188,160,101,.8); top: auto; bottom: 0; transform: translateY(0); } .i-about-box .pc-box{ display: none; } .i-about-box .m-box{ display: block; } .i-life .con-box{ padding: 0 0 .25rem; } .i-life .line{ left: 0; } .video-tab video{ display: none; } .video-tab .img{ display: block; } .sub-container.fix .sub-nav-box{ position: static; } .sub-container.fix .sub-clearfixed{ display: none; } } @media (max-width: 992px){ .i-custom{ padding-right: 1.2rem; padding-bottom: 1.2rem; } .i-custom .line1{ width: calc(100% - 1.2rem); left: 1.2rem; height: 1.2rem; } .i-custom .line2{ width: 1.2rem; } .i-custom .icon-box .icon{ margin-top: .5rem; } } @media (max-width: 767px){ .view{ padding: 0 .4rem; } header .logo{ width: 2.3rem; margin-top: .35rem; } .m-nav{ padding: 0 .35rem; top: .92rem; } .m-nav li .tit{ padding: .15rem 0 .15rem .3rem; } .m-nav li .navson a{ font-size: .24rem; line-height: .4rem; } .m-nav li .tit:before{ width: .3rem; height: .3rem; } .header-right .header-btns{ height: .9rem; line-height: .9rem; } .header-right .header-btns .icon{ margin:0 .275rem; } .header-right .header-btns .person-box .sub{ top: 1.1rem; padding: .3rem; } .header-right .header-btns .person-box .username{ font-size: .3rem; line-height: .4rem; padding-bottom: .2rem; margin-bottom: .2rem; } .header-right .header-btns .person-box .exit{ font-size: .3rem; line-height: .4rem; } .clearfixed{ height: .9rem; } .pub-close{ width: .24rem; height: .24rem; top: .9rem; } .search-top{ padding: 1rem 0 .5rem; position: relative; } .search-top .search{ float: none; width: 100%; } .search-top .search input[type=text]{ width: 70%; padding: 0 .5rem; height: .6rem; line-height: .6rem; font-size: .3rem; background-size: .3rem; } .search-top .search input[type=submit]{ font-size: .3rem; width: 2rem; height: .6rem; } .search-top .search-close{ position: absolute; right: .4rem; top: .3rem; width: .4rem; height: .4rem; background-repeat: no-repeat; background-position: center; background-size: cover; } .search-box .enter-box h3{ font-size: .3rem; line-height: .8rem; } .search-box .enter-box .list .item a{ line-height: .8rem; font-size: .3rem; } /* header end */ .banner .m-img{ display: block; } .banner .pc-img{ display: none; } .banner .ban-text .tit{ font-size: .7rem; line-height: .9rem; } .banner .ban-more{ width: 2.5rem; height: .6rem; line-height: .6rem; border-radius: .3rem; margin-top: .7rem; } .banner .ban-more span{ font-size: .24rem; padding-right: .5rem; background-size: .3rem; line-height: .6rem; } .i-about-box{ padding-top: .7rem; } .index-tit .cn{ font-size: .5rem; line-height: .5rem; padding-right: .3rem; } .index-tit .cn:before{ width: .16rem; height: .16rem; border-width: 2px; } .index-tit .en{ font-size: .26rem; margin-top: .1rem; line-height: .3rem; } .index-tit .line{ width: .55rem; } .i-about-box .text-box{ width: 100%; float: none; } .i-about-box .index-tit .line{ margin-top: .25rem; } .i-about-box .con{ font-size: .24rem; line-height: .6rem; margin-top: .3rem; } .i-about-box .item .num{ font-size: .6rem; line-height: .7rem; } .i-about-box .item .jia{ font-size: .26rem; margin-left: .1rem; } .i-about-box .item .txt{ font-size: .2rem; line-height: .3rem; margin-top: .1rem; } .i-about-box .item{ margin-right: .2rem; } .i-about-box .num-list{ margin-top: .4rem; } .i-about-box .img-box{ width: 100%; float: none; margin-top: .6rem; padding: .2rem 0 0 .2rem; box-sizing: border-box; } .i-about-box .img-box .line1{ height: .2rem; } .i-about-box .img-box .line2{ width: .2rem; } .i-about-box .pc-play-btn, .i-about-box .play-btn{ width: .86rem; height: .86rem; } .i-custom-box{ padding-top: .7rem; } .index-tit .desc{ font-size: .24rem; line-height: .4rem; margin-top: .05rem; } .index-tit .line{ margin-top: .2rem; width: .55rem; height: 2px; } .i-custom{ margin-top: .5rem; padding-right: 0; padding-bottom: .85rem; } .i-custom .line1{ left: 0; width: 100% } .i-custom .line2{ display: none; } .i-custom .icon-box .swiper-slide{ width: 14%; margin-right: 14%; } .i-custom .icon-box .icon{ width: .5rem; margin-top: .4rem; } .i-custom .icon-box .txt{ font-size: .24rem; } .i-life-box{ padding-top: .7rem; padding-bottom:40px; } .life-btn{ width: 2.5rem; height: .6rem; margin-top: .2rem; } .life-btn span{ font-size: .24rem; line-height: .6rem; padding-right: .45rem; background-size: .21rem; } .i-life-box{ overflow: hidden; } .i-life{ overflow: inherit; margin-top: .5rem; } .i-life .m-box{ overflow: inherit; } .i-life .m-box .swiper-slide{ width: 90%; margin-right: .2rem; } .i-life .line{ height: .1rem; } .i-life .txt{ font-size: .3rem; line-height: .4rem; left: .4rem; bottom: .4rem; } .i-life .con-box{ padding: 0 0 .25rem; } .i-life .line{ left: 0; } .i-product-box{ padding-top: .7rem; overflow: hidden; } .i-product{ margin-top: .5rem; } .i-product .m-box{ overflow: inherit; } .i-product .m-box .swiper-slide{ width: 90%; margin-right: .2rem; } .i-product .con-box .tit{ font-size: .5rem; line-height: .5rem; padding-right: .3rem; } .i-product .con-box .tit:before{ width: .16rem; height: .16rem; border-width: 2px; } .index-more{ width: 2.5rem; height: .6rem; line-height: .6rem; border-radius: .3rem; } .index-more span{ line-height: .6rem; font-size: .24rem; vertical-align: top; padding-right: .45rem; background-size: .21rem; } .i-product .con-box .index-more{ margin-top: .36rem; } .i-product .con-box .text{ bottom: .4rem; left: .4rem; } .i-experience-box{ overflow: hidden; } .i-experience-box .view{ padding-right: 0; } .i-experience-box .bg-box{ height: 7.5rem; } .i-experience-box .bg-box .left{ width: 3.2rem; padding: .7rem .3rem 0; } .i-experience-box .index-tit .line{ margin-top: .15rem; } .i-experience-box .bg-box .img{ width:4rem; position: absolute; height: 100%; right: 0; top: 0; background-repeat: no-repeat; background-position: right center; background-size: cover; } .i-experience-box .bg-box img{ display: none; } .i-experience-box .list{ position: static; } .i-experience-box .bg-box .left .con{ font-size: .24rem; line-height: .32rem; margin-top: .3rem; } .i-experience-box .index-more{ margin-top: .4rem; } .i-experience-box .list{ padding: 0 .4rem 0 0; margin-top: .3rem; } .i-experience-box .list .row{ margin: 0 -.12rem; } .i-experience-box .list .item{ padding: 0 .12rem; margin-bottom: .24rem; } .i-experience-box .list .con-box{ background-color: #f6f6f6; box-sizing: border-box; padding: .3rem; } .i-experience-box .list .icon{ width: .43rem; } .i-experience-box .list .icon img{ display: block; } .i-experience-box .list .line{ margin-top: .2rem; width: .24rem; } .i-experience-box .list .tit{ font-size: .3rem; line-height: .4rem; } .i-experience-box .list .con{ font-size: .24rem; line-height: .4rem; height: auto; margin-top: .1rem; } .i-news-box{ padding: .6rem 0 .8rem; } .i-news-tit .index-tit .line{ margin-top: .2rem; } .index-tit .desc{ letter-spacing: 3px; } .i-news-tit .index-more{ margin-top: .6rem; } .i-news{ margin-top: .4rem; } .xinwensa .swiper-slide{ float:left;} .i-news .time .day{ font-size: .64rem; line-height: .64rem; color: #666; } .i-news .time .ym{ font-size: .24rem; color: #999; margin-left: .1rem; } .i-news .swiper-wrapper{ display: block; } .i-news .swiper-slide{ width: 100%; margin-bottom: .7rem; } .i-news .swiper-slide:last-child{ margin-bottom: 0; } .i-news .prev, .i-news .next{ display: none; } .i-news .img{ margin-top: .15rem; } .i-news .text-box{ margin-top: .3rem; } .i-news .text-box .tit{ font-size: .3rem; line-height: .4rem; } .i-news .text-box .con{ font-size: .24rem; line-height: .4rem; white-space: nowrap; overflow: hidden; height: auto; text-overflow: ellipsis; } .i-news .text-box .index-more{ margin-top: .4rem; } /* welcome end */ .f-top{ padding: .8rem 0 .45rem; } .f-top .f-logo{ width: 1.6rem; } .f-top .f-qrcode{ width: 1.1rem; } .f-top .f-qrcode .txt{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; } .f-nav{ padding: 0; } .f-nav li{ width: 100%; margin-right: 0; display: block; margin-bottom: 0; border-bottom: 1px solid #e5e5e5; } .f-nav li:nth-child(6){ width: 100%; } .f-nav li:last-child{ border-bottom: none; width: 100%; } .f-nav li .tit{ font-size: .3rem; line-height: 1rem; position: relative; } .f-nav li .tit:before{ content: ""; position: absolute; right: 0; top: 50%; width: .21rem; height: .12rem; background-repeat: no-repeat; background-position: center; transform: translateY(-50%); background-image: url('../images/f-nav-arrow.png'); background-size: cover; } .f-nav li .navson{ display: none; margin-top: 0; padding: .2rem 0; } .f-nav li .navson a{ font-size: .24rem; line-height: .4rem; margin-bottom: .2rem; } .f-bot{ padding: 0; } .f-bot .btns{ float: none; text-align: left; padding: .65rem 0; position: relative; } .f-bot .btns a{ margin: 0 .5rem 0 0; font-size: .24rem; line-height: .4rem; } .f-bot .btns .cnzz-btn{ display: block; position: absolute; right: 0; top: 50%; width: 50px; height: 12px; transform: translateY(-50%); margin: 0; } .f-bot .btns .cnzz-btn img{ width: 100%; display: block; } .f-bot .copy-box .cnzz{ display: none; } .f-bot .copy-box{ text-align: center; float: none; line-height: .4rem; padding: .6rem 0; border-top: 1px solid #e5e4e4; } .f-bot .copy-box span, .f-bot .copy-box a{ font-size: .24rem; line-height: .4rem; margin: 0; } .friend h3{ font-size: .3rem; line-height: .4rem; } .friend-tab{ margin-top: 1rem; } .friend .btns{ margin-top: 1rem; } .friend .btns a{ width: .21rem; height: .13rem; } .friend .btns .divide{ margin: 0 .4rem; } .link-box .link{ top: 25%; } .link-box .link h3{ font-size: .3rem; line-height: .4rem; } .link-box .link-list{ margin-top: .6rem; } .link-box .item{ width: 2rem; margin: 0 .2rem .4rem; } .link-box .item .icon-box{ height: 1.4rem; } .link-box .item .icon{ width: .6rem; } .link-box .item .txt{ font-size: .3rem; line-height: .8rem; } /* footer end */ .sub-banner .pc-img{ width: 100%; } .sub-banner .text .txt{ font-size: .64rem; line-height: .74rem; } .sub-banner .text .scroll-btn{ width: .6rem; height: .6rem; line-height: .6rem; margin-top: .7rem; } .sub-banner .text .scroll-btn img{ width: .1rem; } .sub-nav .swiper-slide{ margin-right: 1.3rem; } .sub-nav .swiper-slide a{ font-size: .26rem; line-height: .9rem; } .sub-nav-box{ position: relative; } .sub-nav-box .prev, .sub-nav-box .next{ position: absolute; top: 50%; width: .11rem; height: .18rem; background-repeat: no-repeat; background-position: center; background-size: cover; transform: translateY(-50%); z-index: 3; } .sub-nav-box .prev{ left: .15rem; background-image: url('../images/subnav-prev2.png'); } .sub-nav-box .next{ right: .15rem; background-image: url('../images/subnav-next2.png'); } .condition-box{ display: none; } .m-conditions-box{ padding: .3rem 0; border-bottom: 1px solid #f0f0f0; } .m-conditions-box .tit{ float: left; font-size: .24rem; line-height: .3rem; } .m-conditions-box .condition-btn{ float: right; width: .2rem; } .m-conditions-box .condition-btn img{ width: 100%; display: block; } .show-box{ padding: .4rem 0; } .series-img{ margin-top: 0; border-radius: .06rem; overflow: hidden; } .series-img .text{ padding: 0 .3rem; bottom: .2rem; } .series-img .text .tit{ font-size: .36rem; line-height: .4rem; } .series-img .text .line{ margin: .15rem 0; } .series-img .text .con{ font-size: .24rem; line-height: .4rem; } .show-box .show-list{ margin-top: .4rem; } .show-list .row{ margin: 0 -.2rem; } .show-list .item{ padding: 0 .2rem; margin-bottom: .4rem; } .show-list .text{ padding: .3rem; } .show-list .tit-box{ padding-bottom: .15rem; } .show-list .series-tit{ font-size: .24rem; line-height: .4rem; } .show-list .tit{ font-size: .3rem; line-height: .4rem; } .show-list .area-box{ margin-top: .2rem; } .show-list .area{ font-size: .24rem; line-height: .4rem; } .show-list .more{ font-size: .24rem; line-height: .4rem; } .page a{ width: .6rem; height: .6rem; margin: 0 .1rem; line-height: .6rem; font-size: .24rem; } .page .prev, .page .next{ background-size: 4px; } .show-box .page{ padding-top: .4rem; } .m-conditions-box{ display: block; } .condition-dialog{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 100; } .condition-dialog .left{ position: absolute; left: 0; top: 0; width: 24%; height: 100%; background-color: #f1f1f1; border-right: 1px solid #e0e0e0; } .condition-dialog .left h3{ font-size: .24rem; color: #ce2122; line-height: 1.44rem; text-align: center; } .condition-dialog .left .condition-list{ border-top: 1px solid #eaeaea; } .condition-dialog .left .condition-list a{ display: block; border-bottom: 1px solid #e0e0e0; line-height: 1rem; text-align: center; position: relative; } .condition-dialog .left .condition-list a:before{ content: ""; position: absolute; left: 0; top: 0; width: .04rem; height: 100%; background-color: #ce2122; opacity: 0; filter: alpha(opacity=0); transition: all .2s; } .condition-dialog .left .condition-list a span{ display: inline-block; *display: inline; zoom: 1; font-size: .24rem; color: #666; padding-right: .55rem; background-repeat: no-repeat; background-position: right center; background-size: .08rem; background-image: url('../images/m-condition-arrow.png'); transition: all .2s; } .condition-dialog .left .condition-list a.cur:before{ opacity: 1; filter: alpha(opacity=100); } .condition-dialog .left .condition-list a.cur span{ color: #ce2122; background-image: url('../images/m-condition-arrow2.png'); } .condition-dialog .right{ width: 76%; position: absolute; right: 0; height: 100%; } .condition-dialog .right .list{ margin-top: 1.44rem; border-top: 1px solid #eaeaea; padding: .4rem .3rem; } .condition-dialog .right .list .item{ display: none; } .condition-dialog .right .list a{ float: left; height: .5rem; line-height: .5rem; border-radius: .25rem; background-color: #f1f1f1; color: #555555; font-size: .24rem; text-align: center; padding: 0 .25rem; margin-right: .15rem; margin-bottom: .2rem; } .condition-dialog .right .list a.cur{ background-color: #ce2122; color: #fff; } .condition-dialog .condition-close{ position: absolute; right: .4rem; top: .4rem; width: .64rem; z-index: 3; } .condition-dialog .condition-close img{ width: 100%; display: block; } .bread-box{ display: none; } .showinfo-top-box{ padding: 0 0 .3rem; } .showinfo-top-box .view{ padding: 0; } .showinfo-top-box .simg-box{ display: none; } .showinfo-top-box .left{ float: none; width: 100%; } .showinfo-top-box .right{ float: none; width: 100%; margin-top: .3rem; box-sizing: border-box; padding: 0 .4rem; } .showinfo-top-box .right .con{ height: auto; } .showinfo-top-box .right .tit{ font-size: .36rem; line-height: .46rem; } .showinfo-top-box .right .con{ margin-top: .3rem; padding-top: .3rem; font-size: .24rem; line-height: .5rem; } .showinfo-top-box .right .info-list{ margin-top: .3rem; padding-top: .3rem; } .showinfo-top-box .right .info-list .item{ font-size: .24rem; line-height: .4rem; height: auto; } .showinfo-top-box .right .price{ margin-top: .3rem; padding-top: .3rem; font-size: .3rem; line-height: .4rem; } .same-box{ padding: .2rem 0 .4rem; } .same-tit span{ font-size: .3rem; line-height: .4rem; padding-bottom: .3rem; } .same-tab{ margin-top: .4rem; } .same-tab .swiper-slide{ width: 46.27%; margin-right: .2rem; } .same-tab .buttons{ display: none; } .design-box .pc-img{ display: none; } .design-box .m-img{ display: block; } .showinfo-tit .icon{ width: .8rem; margin-bottom: .25rem; } .showinfo-tit .tit{ font-size: .36rem; line-height: .46rem; } .design-box .showinfo-tit .line{ width: .5rem; height: .04rem; } .showinfo-tit .desc{ font-size: .24rem; line-height: .3rem; } .showinfo-tit .desc br{ display: none; } .buttons a{ width: .5rem; height: .5rem; margin: 0 .15rem; background-size: .07rem; } .showinfo-con-box .icon-box .buttons{ bottom: 10%; } .showinfo-top-box .bimg{ position: relative; } .num-tab{ position: absolute; bottom: .2rem; left: 50%; transform: translateX(-50%); z-index: 3; font-size: 0; height: .4rem; padding: 0 .3rem; border-radius: .2rem; background-color: rgba(0,0,0,.5); display: block; } .num-tab span{ display: inline-block; *display: inline; zoom: 1; font-size: .24rem; line-height: .4rem; color: #fff; vertical-align: top; font-family: arial; } .num-tab .divide{ margin: 0 .05rem; } .design-box .btns{ display: none; } .home-top{ padding: .7rem 0; } .home-tit .tit span{ font-size: .4rem; line-height: .5rem; padding: 0 .2rem; } .home-tit .line{ width: .4rem; height: .04rem; margin: .24rem auto; } .home-tit .desc{ font-size: .24rem; line-height: .4rem; } .home-tab .swiper-slide{ width: 100%; } .home-tab .prev, .home-tab .next{ width: .5rem; height: .5rem; background-size: .07rem; } .home-top{ overflow: hidden; } .home-img-tab{ padding-bottom: 0; overflow: inherit; } .home-img-tab .swiper-slide{ width: 42%; margin-right: 1.7%; } .home-img-tab .txt{ font-size: .24rem; line-height: .7rem; } .img-tab-box .buttons{ margin-top: .5rem; } .custom-box{ padding: .7rem 0; } .sub-tit .en{ font-size: .7rem; line-height: .8rem; } .sub-tit .cn{ font-size: .3rem; line-height: .4rem; margin-top: -.4rem; } .sub-tit .line{ width: .4rem; height: .04rem; margin-top: .2rem; } .sub-tit .desc{ font-size: .24rem; margin-top: .15rem; } .custom{ margin-top: .2rem; } .custom-list{ margin-top: .5rem; } .custom-list .row{ margin: 0; } .custom-list .item{ padding: 0; margin-bottom: .5rem; } .custom-list .con-box .txt{ font-size: .24rem; line-height: .4rem; } .sub-banner .text .desc{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; } .sub-banner .text .scroll-btn{ margin-top: .35rem; } .space-box{ padding-bottom: 1.4rem; } .space-box li{ padding-top: .7rem; } .space-box .img-tab-box{ margin-top: .3rem; } .life-top-box{ padding: .4rem 0; } .life-top-box .img{ display: none; } .life-top-box .text-box{ float: none; width: 100%; padding: .5rem; } .life-top-box .sub-tit .line{ width: .26rem; } .life-top-box .con{ font-size: .24rem; line-height: .4rem; margin-top: .2rem; } .life-top-box .buttons a{ width: .65rem; height: .65rem; background-size: .14rem; margin-left: .25rem; } .life-top-box .bot-box{ display: none; } .life-top-box .m-tab{ overflow: hidden; margin-top: .2rem; position: relative; display: block; } .life-top-box .m-tab img{ width: 100%; } .life-top-box .m-tab .btns{ position: absolute; left: 50%; bottom: .2rem; width: auto; transform: translateX(-50%); background-color: rgba(0,0, 0, .5); z-index: 3; height: .4rem; line-height: .4rem; padding: 0 .3rem; border-radius: .2rem; font-size: 0; } .life-top-box .m-tab .btns span{ display: inline-block; *display: inline; zoom: 1; color: #fff; font-size: .24rem; line-height: .4rem; vertical-align: top; font-family: arial; } .life-top-box .m-tab .btns .divide{ margin: 0 2px; } .life-bot-box{ background-color: #fff; padding-bottom: .2rem; } .life-bot-box .view{ padding: 0; } .life-bot-box .bot-tab-btns{ padding: 0 .4rem; } .life-bot-box .bot-tab-btns .swiper-slide a{ line-height: 1rem; font-size: .26rem; } .life-bot-box .bot-tab-btns .swiper-slide{ margin-right: 1.6rem; } .life-bot-box .bot-tab-btns .prev, .life-bot-box .bot-tab-btns .next{ background-size: .09rem; } .life-bot-box .bot-tab-btns .next{ right: .1rem; } .life-bot-box .bot-tab-btns .prev{ left: .1rem; } .life-bot-box .bot-box{ margin: .4rem 0; padding: 0 .4rem; } .life-bot-box .m-box{ display: block; } .life-bot-box .pc-box{ display: none; } .life-bot-box .bot-box .text{ position: static; padding: .3rem; background-color: #f5f5f5; } .life-bot-box .bot-box .text .con{ font-size: .24rem; line-height: .5rem; height: auto; } .life-bot-box .bot-box .text .all{ width: 2rem; height: .5rem; line-height: .5rem; font-size: .24rem; margin-top: .25rem; } .life-bot-box .list{ margin-top: .2rem; } .life-bot-box .bot-box .row{ margin: 0; } .life-bot-box .bot-box .item{ padding: 0; margin-bottom: .2rem; } .life-bot-box .bot-box .item:last-child{ margin-bottom: 0; } .life-bot-box .bot-box .item .con-box{ display: block; } .about-box{ padding-top: .5rem; overflow: hidden; } .about-box .about-con{ width: 100%; margin-top: .4rem; } .about-con{ font-size: .24rem; line-height: .4rem; } .about-box .img{ margin-top: .4rem; } .about-box .num-box{ margin: .5rem -.5rem 0; } .about-box .num-box .item{ width: 50%; padding: 0 .4rem; } .about-box .num-box .item:nth-child(1), .about-box .num-box .item:nth-child(2), .about-box .num-box .item:nth-child(3), .about-box .num-box .item:nth-child(4){ width: 50%; padding-left: .4rem; padding-right: .4rem; margin-bottom: .5rem; } .about-box .num-box .item .num{ font-size: .6rem; line-height: .7rem; } .about-box .num-box .item .txt{ font-size: .2rem; line-height: .3rem; margin-top: .1rem; } .about-box .num-box .item .jia{ font-size: .26rem; margin-left: .1rem; line-height: .7rem; } .about-box .num-box .item:before{ height: .7rem; top: 50%; transform: translateY(-50%); } .factory-box{ padding-top: .7rem; } .factory .about-con{ width: 100%; } .factory .about-con br{ display: none; } .factory-tab-box{ margin-top: .7rem; } .factory-tab .text-box{ bottom: auto; top: 50%; transform: translateY(-50%); } .factory-tab .icon{ width: .6rem; } .factory-tab .tit{ font-size: .3rem; line-height: .4rem; margin: .2rem 0; } .factory-tab .about-con{ display: block; } .story-list{ padding-top: .7rem; } .story-list li{ margin-bottom: .5rem; } .story-list .img{ float: none; width: 100%; } .story-list .text-box{ float: none; width: 100%; margin-top: .3rem; } .story-tab-box{ padding: .7rem 0; } .story-tab-box .tab-btns{ width: 100%; height: .6rem; border-radius: .3rem; } .story-tab-box .tab-btns a{ height: .6rem; line-height: .6rem; font-size: .24rem; } .story-tab-box .tab-box{ margin-top: .5rem; } .honor .swiper-slide{ padding: .2rem; } .honor{ width: 70%; margin: 0 auto; } .honor .swiper-slide .txt{ font-size: .24rem; line-height: .4rem; margin-top: .2rem; } .story-tab-box .prev, .story-tab-box .next{ width: .5rem; height: .5rem; background-size: .07rem; } .story-tab-box .prev{ left: 0; } .story-tab-box .next{ right: 0; } .case-tab{ width: 70%; margin: 0 auto; } .case-tab .txt{ height: .8rem; line-height: .8rem; font-size: .3rem; padding: 0 .3rem; } .president-box .img{ float: none; width: 100%; } .president-box .right{ position: static; width: 100%; } .president-box .text-box{ position: static; width: 100%; transform: translateY(0); padding: .3rem; } .president-box .text-box .tit{ font-size: .3rem; line-height: .4rem; } .president-box .text-box .line{ width: .4rem; margin-top: .2rem; } .president-box .text-box .con{ font-size: .24rem; line-height: .4rem; margin-top: .3rem; } .president-box .text-box .sign{ margin-top: .3rem; } .president-box .text-box .sign img{ width: 1.07rem; } .ban-course .con{ font-size: .24rem; line-height: .4rem; margin-top: .2rem; } .course-box{ padding: .7rem 0; } .course-list{ margin-bottom: .7rem; } .course-tit{ font-size: .3rem; line-height: .4rem; padding-bottom: .3rem; } .course-list .line { left: 14%; top: .15rem; width: .5rem; } .course-list li{ padding-bottom: .5rem; } .course-list li:first-child{ padding-top: .9rem; } .course-list li:first-child .line { top: 1.1rem; } .course-list .year{ font-size: .3rem; line-height: .4rem; } .course-list .right{ width: 75%; } .course-list .right .tit{ font-size: .24rem; line-height: .4rem; } .course-list li:last-child:before{ height: .1rem; } .course-list li:before{ left: 17.5%; } .vr-box{ padding: .7rem 0; } .vr-tab{ margin-top: .3rem; } .vr-tab .prev, .vr-tab .next{ width: .5rem; height: .5rem; } .vr-tab .prev{ left: .2rem; background-image: url('../images/vr-prev2.png'); } .vr-tab .next{ right: .2rem; background-image: url('../images/vr-next2.png'); } .strategy-box{ top: .9rem; height: calc(100% - .9rem); } .strategy-box .text .tit{ font-size: .3rem; line-height: .4rem; } .strategy-box .part1 .text, .strategy-box .part4 .text{ width: 100%; margin-top: .5rem; } .strategy-box .text .con{ font-size: .24rem; line-height: .4rem; } .strategy-box .swiper-slide .text{ margin-top: .5rem; } .sub-nav-box .view{ padding: 0; } .sub-nav{ padding: 0 .4rem; box-sizing: border-box; } .news-top{ padding: .7rem 0; } .news-top .con-box{ padding: .3rem; } .news-top .img{ float: none; width: 100%; } .news-top .text{ width: 100%; float: none; margin-top: .3rem; } .news-top .text .tit{ font-size: .3rem; line-height: .4rem; } .news-top .text .con{ margin-top: .3rem; line-height: .4rem; font-size: .24rem; } .news-top-tab .btns{ position: static; } .news-top .text .detail-box{ margin-top: .4rem; } .news-top .text .detail{ font-size: .24rem; padding-right: .4rem; line-height: .4rem; } .news-top-tab .btns{ text-align: center; margin-top: .3rem; } .news-top-tab .btns .num .divide, .news-top-tab .btns .num .total{ font-size: .24rem; line-height: .4rem; } .news-top-tab .btns .num .cur{ font-size: .54rem; line-height: .6rem; } .news-top-tab .btns .prev, .news-top-tab .btns .next{ width: .11rem; height: .18rem; background-size: cover; } .news-nav a{ margin-right: 1.3rem; line-height: 1rem; height: 1rem; font-size: .26rem; padding-top: 0; } .news-list{ padding-bottom: .7rem; margin-top: .5rem; } .news-list .row{ margin: 0; } .news-list .item{ padding: 0; border-right: none; margin-bottom: .5rem; } .news-list .con-box{ padding-bottom: .5rem; } .news-list .con-box .d{ font-size: .64rem; line-height: .64rem; color: #666; } .news-list .con-box .ym{ font-size: .24rem; color: #999; margin-left: .1rem; } .news-list .con-box .img{ margin-top: .15rem; } .news-list .con-box .tit{ font-size: .3rem; line-height: .4rem; } .news-list .con-box .con{ font-size: .24rem; line-height: .4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: auto; } .news-list .con-box .detail{ margin-top: .4rem; width: 2.5rem; height: .6rem; line-height: .6rem; border-radius: .3rem; } .news-list .con-box .detail span { line-height: .6rem; font-size: .24rem; vertical-align: top; padding-right: .45rem; background-size: .21rem; } .news-list .page{ margin-top: .2rem; } .newsinfo-tit-box{ padding: 0; } .newsinfo-tit-box{ width: 100%; } .newsinfo-tit-box .tit{ font-size: .4rem; line-height: .5rem; } .newsinfo-tit-box .data-box{ margin-top: .3rem; } .newsinfo-box .top-box{ padding: .5rem 0; } .newsinfo .left{ float: none; width: 100%; border-right: none; padding: .5rem 0; } .newsinfo .left .con{ font-size: .24rem; line-height: .4rem; } .newsinfo .left .ctrl-box{ padding-top: .4rem; margin-top: .4rem; } .newsinfo .left .ctrl-box a{ font-size: .24rem; line-height: .4rem; } .newsinfo .right{ float: right; width: 100%; padding: 0 0 .7rem; } .newsinfo .right h3{ font-size: .3rem; line-height: .3rem; padding-left: .3rem; } .newsinfo .right h3:before{ width: 2px; } .newsinfo .right .list{ margin-top: .4rem; } .newsinfo .right .list .item{ padding-bottom: .5rem; margin-bottom: .5rem; } .newsinfo .right .list .tit{ font-size: .3rem; line-height: .4rem; margin-top: .2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .resarch-box{ padding: .7rem 0; } .resarch-box .about-con{ margin-top: .4rem; } .expert-box{ padding: .7rem 0; } .expert-box .pc-box{ display: none; } .expert-box .expert-tab{ margin-top: .4rem; } .expert-tab .m-box{ display: block; overflow: hidden; } .expert-tab .m-box img{ width: 100%; } .expert-tab .m-box .text-box{ margin-top: .3rem; text-align: center; } .expert-tab .tit{ font-size: .3rem; line-height: .4rem; } .expert-tab .desc{ font-size: .24rem; line-height: .4rem; } .expert-tab .detail-box{ margin-top: .5rem; } .expert-tab .detail{ padding-right: .5rem; font-size: .24rem; background-size: .2rem; } .dialog-box .dialog{ width: 90%; box-sizing: border-box; padding: .5rem; } .dialog-box .dialog .tit{ font-size: .3rem; line-height: .4rem; padding-bottom: .3rem; } .dialog-box .dialog-close{ width: .3rem; height: .3rem; right: .5rem; top: .5rem; } .dialog-box .dialog .con{ margin-top: .4rem; font-size: .24rem; line-height: .4rem; height: 4rem; } .dialog-box .dialog .con .mCSB_inside>.mCSB_container{ margin-right: .3rem; } .design-wrap{ padding: .7rem 0; } .design-wrap .design-tab{ margin-top: .5rem; } .design-wrap .buttons{ margin-top: .5rem; } .design-wrap .con-box{ padding: .3rem; } .design-wrap .con-box .text-box{ right: .3rem; } .design-wrap .con-box .tit{ font-size: .3rem; line-height: .4rem; } .design-wrap .con-box .line{ width: .25rem; margin-top: .2rem; } .design-wrap .con-box .con{ font-size: .24rem; line-height: .4rem; height: 1.2rem; margin-top: .2rem; } .design-wrap .con-box .detail-box{ margin-top: .2rem; } .design-wrap .con-box .detail{ padding-right: .5rem; font-size: .24rem; line-height: .4rem; } .health-box{ padding: .7rem 0; } .health-list{ margin-top: .5rem; } .health-list .row{ margin: 0; } .health-list .item{ margin-bottom: .5rem; padding: 0; } .health-list .item:last-child{ margin-bottom: 0; } .health-list .text-box{ margin-top: .3rem; } .health-list .icon{ width: .5rem; } .health-list .tit{ font-size: .3rem; line-height: .4rem; margin-top: .2rem; padding-bottom: .2rem; } .health-list .detail-box{ margin-top: 0.2rem; } .health-list .detail{ font-size: .24rem; line-height: .4rem; background-size: .2rem; padding-right: .5rem; } .enjoy-box{ padding: .7rem 0; } .design-wrap .con-box .con .mCSB_inside>.mCSB_container{ margin-right: .3rem; } .enjoy-tab{ margin-top: .5rem; } .enjoy-tab .text-box{ padding: .3rem; } .enjoy-tab .buttons{ margin-top: .5rem; } .enjoy-tab .tit-box{ padding-bottom: .2rem; } .enjoy-tab .tit{ font-size: .3rem; line-height: .4rem; background-size: .4rem; padding-left: .7rem; } .enjoy-tab .desc{ font-size: .24rem; line-height: .4rem; } .enjoy-tab .types{ margin-top: .2rem; } .enjoy-tab .types span{ font-size: .24rem; line-height: .4rem; margin-right: .3rem; } .expert-box, .design-wrap, .health-box, .enjoy-box, .submit-box, .why-box, .output-box, .brand-wrap, .say-box{ padding: .7rem 0; } .submit-box .form-box{ margin-top: .5rem; } .form-box input[type=text], .form-box .select-box{ float: none; width: 100%; margin-bottom: .4rem; } .form-box input[type=text]{ padding: .2rem .3rem .2rem .7rem; height: .8rem; line-height:.8rem; background-position: .2rem center; font-size: .24rem; } .form-box .select-box:nth-child(2n){ float: none; } .form-box .select-box .tit{ padding: .2rem .3rem .2rem .7rem; height: .4rem; line-height: .4rem; font-size: .24rem; background-position: .2rem center; } .form-box .sub{ top: .84rem; max-height: 3.2rem; } .form-box .sub a{ font-size: .24rem; line-height: .8rem; height: .8rem; } .form-box .apply-box .left, .form-box .apply-box input[type=submit]{ float: none; } .form-box .m-btn{ display: block; } .form-box .pc-btn{ display: none; } .form-box .apply-box .left{ margin-top: 0; } .form-box input[type=submit].m-btn{ width: 3rem; height: .8rem; font-size: .3rem; float: none; display: block; margin: .5rem auto 0; } .form-box .condition-text{ font-size: .24rem; line-height: .4rem; padding: .3rem; } .why-box .system-tit{ margin-top: .4rem; } .why-box .system-tit .tit{ font-size: .3rem; line-height: .4rem; } .why-box .system-tit .desc{ font-size: .24rem; line-height: .4rem; } .system-list{ margin-top: .5rem; } .system-list .con-box{ padding: .4rem; } .system-list .con-box .icon{ width: .88rem; } .system-list .con-box .text{ margin-top: .3rem; } .system-list .con-box .tit{ font-size: .3rem; line-height: .4rem; } .system-list .con-box .con{ font-size: .24rem; line-height: .4rem; } .system-list .con-box .num{ font-size: .64rem; line-height: .8rem; margin-top: .4rem; } .system-list .row{ margin: 0 -.1rem; } .system-list .item{ padding: 0 .1rem; margin-bottom: .2rem; } .order-box{ padding: .7rem 0; } .order-box .order-img{ width: 2.62rem; margin-top: .7rem; } .order-box .txt{ font-size: .3rem; line-height: .4rem; margin-top: .5rem; } .brand-wrap .list{ margin-top: .5rem; } .brand-wrap .item{ padding-bottom: .5rem; margin-bottom: .5rem; border-bottom: 1px solid #e5e5e5; } .brand-wrap .item:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .brand-wrap .con-box .icon{ width: .7rem; } .brand-wrap .con-box .text{ margin-top: .4rem; } .brand-wrap .con-box .tit{ font-size: .3rem; line-height: .4rem; } .brand-wrap .con-box .con{ font-size: .24rem; line-height: .4rem; margin-top: .3rem; } .brand-wrap .item:before{ display: none; } .output-list{ margin-top: .4rem; } .output-list .item{ margin-bottom: .5rem; } .output-list .item:last-child{ margin-bottom: 0; } .output-list .con-box{ padding: .3rem; } .output-list .con-box .icon{ width: .4rem; } .output-list .con-box .tit-box{ margin-top: .2rem; } .output-list .con-box .tit-box .cn{ font-size: .3rem; line-height: .4rem; } .output-list .con-box .tit-box .en{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; } .output-list .con-box .tit-box .line{ width: .3rem; margin-top: .1rem; } .output-list .con-wrap{ margin-top: .3rem; text-align: left; } .output-list .con-wrap .con-item{ height: auto; font-size: .24rem; line-height: .4rem; } .output-list .con-wrap:before{ display: none; } .say-tab{ margin-top: .5rem; } .say-tab .text-box{ padding: .3rem; } .say-tab .name{ font-size: .3rem; line-height: .4rem; padding-bottom: .2rem; } .say-tab .con{ font-size: .24rem; line-height: .4rem; margin-top: .2rem; } .say-tab .detail-box{ margin-top: .3rem; } .say-tab .detail{ font-size: .24rem; line-height: .4rem; } .say-tab .buttons{ margin-top: .5rem; } .service-box{ padding: .7rem 0; } .service-box .about-con{ width: 100%; } .service-box .img{ margin-top: .3rem; } .need-box{ padding: .7rem 0; } .need-box .list{ margin-top: .5rem; } .need-box .list .row{ margin: 0 -.15rem; } .need-box .list .item{ width: 50%; margin-bottom: .3rem; padding: 0 .15rem; } .need-box .list .item:last-child{ margin-bottom: 0; } .need-box .list .icon-box{ height: 2rem; } .need-box .list .icon{ width: .5rem; } .need-box .list .text{ padding: .2rem 0; } .need-box .list .tit{ font-size: .3rem; line-height: .4rem; } .need-box .list .once{ font-size: .24rem; line-height: .4rem; } .find-box{ padding: .7rem 0; } .find-box .icon-box{ margin-top: .5rem; overflow: hidden; } .find-box .item{ width: 50%; box-sizing: border-box; margin-bottom: .5rem; } .find-box .icon{ width: .54rem; } .find-box .txt{ font-size: .3rem; margin-top: .3rem; } .find-box .item:before{ height: 1rem; margin-top: -.5rem; } .service-form-box{ padding: .7rem 0; } .service-form-box .icon-box{ margin-top: .5rem; } .service-form-box .con-box .icon{ width: .54rem; } .service-form-box .con-box .tit{ font-size: .3rem; line-height: .4rem; margin-top: .3rem; } .service-form-box .con-box .desc{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; } .service-form-box .icon-box .row{ margin: 0; } .service-form-box .icon-box .item{ padding: 0; margin-bottom: .3rem; } .service-form-box .icon-box .item:before{ height: 1.4rem; top: 50%; transform: translateY(-50%); } .service-form-box .icon-box .item:nth-child(2n+1):before{ display: none; } .service-form-box .form-box{ margin-top: .5rem; } .service-form-box .form-box input[type=text]{ margin-bottom: .3rem; } .form-box textarea{ padding: .2rem .3rem .2rem .7rem; font-size: .24rem; background-position: .2rem .25rem; margin-bottom: .3rem; float: none; } .service-form-box .form-box .check-box{ float: none; width: 100%; } .service-form-box .form-box .check-box input{ margin-bottom: 0; } .service-form-box .form-box .check-box img{ height: .8rem; } .service-form-box .form-box input[type=submit]{ width: 3rem; height: .8rem; font-size: .3rem; float: none; display: block; margin: .5rem auto 0; } .network-box{ padding: .7rem 0; } .network-select-box .select, .network-select-box input[type=submit]{ float: none; width: 100%; } .network-select-box .select{ margin-bottom: .3rem; } .network-select-box .select .tit{ border-left: 1px solid #e8e8e8; } .network-select-box .select.on{ z-index: 3; } .network-select-box .select .tit{ height: .8rem; line-height: .8rem; font-size: .3rem; } .network-select-box .select .sub{ top: .8rem; } .network-select-box .select .sub a{ height: .8rem; line-height: .8rem; font-size: .3rem; } .network-select-box input[type=submit]{ height: .8rem; font-size: .3rem; } .map-box .map-wrap{ float: none; width: 100%; height: 6rem; } .map-box .store-list{ position: static; width: 100%; } .map .amap-info{ width: 5rem; } .map .amap-info-content{ padding: .3rem; } .map .amap-info-content .tit{ font-size: .3rem; line-height: .4rem; } .map .amap-info-content .con{ font-size: .24rem; line-height: .4rem; } .map-box .store-list li{ padding: .25rem; } .map-box .store-list li .tit{ font-size: .3rem; line-height: .4rem; background-size: .3rem; padding-left: .5rem; } .map-box .store-list li .con{ font-size: .24rem; line-height: .4rem; padding-left: .5rem; } .idea-box{ padding-top: .7rem; } .idea-box .about-con, .health-wrap .about-con{ width: 100%; margin-top: .5rem; } .health-wrap, .idea-icon-box, .join-box{ padding:.7rem 0; } .idea-icon-box .item{ margin-bottom: .3rem; } .idea-icon-box .item:last-child{ margin-bottom: 0; } .idea-icon-box .item:nth-child(1), .idea-icon-box .item:nth-child(2), .idea-icon-box .item:nth-child(3){ width: 100%; text-align: center; } .idea-icon-box .item:before{ display: none; } .idea-icon-box .icon{ width: .9rem; } .idea-icon-box .tit{ font-size: .3rem; line-height: .4rem; margin-top: .2rem; } .idea-icon-box .con{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; } .join-box h3{ font-size: .3rem; line-height: .4rem; } .join-list{ margin-top: .3rem; } .join-list .row{ margin: 0; } .join-list .item{ padding: 0; margin-bottom: .3rem; } .join-list .item:last-child{ margin-bottom: 0; } .join-list .con-box .text{ left: .3rem; top: .3rem; } .join-list .con-box .en{ font-size: .3rem; line-height: .4rem; } .join-list .con-box .cn{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; } .join-list .con-box .line{ width: .2rem; margin-top: .2rem; } .join-list .con-box .detail{ left: .3rem; bottom: .3rem; padding-right: .5rem; font-size: .24rem; background-size: .2rem; } .recruit-nav-box .recruit-btn{ font-size: .26rem; line-height: .4rem; padding-left: .4rem; background-size: .2rem; margin-top: .3rem; margin-right: .4rem; } .position-box{ padding: .7rem 0; } .position-tit{ font-size: .46rem; line-height: .56rem; } .position-search-box{ margin-top: .5rem; width: 100%; height: .8rem; } .position-search-box input[type=text]{ width: 75%; height: .8rem; line-height: .8rem; font-size: .3rem; padding: 0 .3rem; } .position-search-box input[type=submit]{ width: 25%; height: .8rem; font-size: .3rem; } .position-select-box{ margin-top: .5rem; } .position-select-box .row{ margin: 0; } .position-select-box .item{ padding: 0; margin-bottom: .3rem; } .position-select-box .item:last-child{ margin-bottom: 0; } .position-select-box .select.on{ z-index: 3; } .position-select-box .select .tit{ height: .8rem; line-height: .8rem; padding: 0 .3rem; font-size: .3rem; background-position: 95% center; background-size: .2rem; } .position-select-box .select .sub{ top: .8rem; } .position-select-box .select .sub a{ font-size: .3rem; line-height: .8rem; height: .8rem; padding: 0 .3rem; } .position-box .total{ margin-top: .3rem; font-size: .3rem; line-height: .4rem; } .recruit-list{ margin-top: .3rem; } .recruit-list .tit-box .position{ width: 100%; position: static; transform: translateY(0); padding: .2rem .3rem; font-size: .3rem; border-bottom: 1px solid #e8e8e8; } .recruit-list .tit-box .right{ float: none; width: 100%; border-left: none; padding: .3rem; } .recruit-list .list .item{ font-size: .24rem; line-height: .4rem; margin-bottom: .2rem; } .recruit-list .list .item:last-child{ margin-bottom: 0; } .recruit-list .pos-btn{ transform: translateY(0); width: 2.2rem; height: .6rem; font-size: .24rem; line-height: .6rem; display: block; background-position: 1.7rem center; top: .15rem; } .recruit-list .list .item:nth-child(3n+1), .recruit-list .list .item:nth-child(3n+2), .recruit-list .list .item:nth-child(3n){ width:50%; } .recruit-list .sub{ padding: .3rem; } .recruit-list .sub .con{ font-size: .24rem; line-height: .4rem; } .recruit-list .sub .send{ width: 2.5rem; height: .6rem; line-height: .6rem; font-size: .3rem; margin-top: .3rem; } .recruit-list .page{ margin-top: .5rem; } .strategy-btns{ display: none; } .space-box li .block{ top: -.2rem; } .i-custom .img{ display: none; } .i-custom{ overflow: inherit; width: 100%; } .i-custom .swiper-slide{ overflow: auto; width: 100%; } .i-custom .img-box{ overflow: auto; } .i-custom .img-box img{ /* height: 7.1rem; width: auto; */ } .i-experience-box{ margin: .7rem 0; } .i-news .swiper-slide.on .time, .i-news .swiper-slide.on .text-box{ opacity: 1; filter: alpha(opacity=1); } .search-wrap .search{ padding: .5rem 0; } .result-box{ margin-top: .3rem; padding-bottom: .7rem; } .result-box .result-tit{ font-size: .3rem; line-height: .4rem; } .result-box .view{ padding: 0; } .result-box .result-tit{ padding: 0 .4rem; } .result-box .sub-nav .swiper-slide{ margin-right: 1.3rem; } .result-box .result-list{ margin-top: .5rem; padding: 0 .4rem; } .result-box .pro-list .text{ margin-top: .2rem; } .result-box .pro-list .tit{ font-size: .3rem; line-height: .4rem; } .result-box .pro-list .more{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; } .result-box .pro-list .item{ margin-bottom: .5rem; } .result-box .pro-list .item:last-child{ margin-bottom: 0; } .result-box .news-lists .con-box{ padding: .3rem 0 .3rem .5rem; font-size: .24rem; line-height: .4rem; } .result-box .news-lists .con-box:before{ left: .15rem; } .dialog-box .dialog .img{ margin-top: .5rem; width: 2.6rem; } .dialog-box .dialog .txt{ font-size: .3rem; line-height: .4rem; margin-top: .4rem; } .service-dialog .dialog{ padding-bottom: .7rem; } .point-list .item{ width: 6%; } .life-bot-box .bot-box .txt-box{ padding: .3rem 0; } .life-bot-box .bot-box .txt-box .txt{ font-size: .3rem; line-height: .4rem; } .life-bot-box .bot-box .bot-more{ margin-top: .4rem; } .life-bot-box .bot-box .bot-more span{ font-size: .24rem; line-height: .4rem; } .life-top-box .sub-tit .en{ font-size: .7rem; } .condition-dialog .color-item a{ box-sizing: border-box; width: .5rem; height: .5rem; } .condition-dialog .color-item .all{ width: auto; } .i-news-box{ display: none; } .index-tit .cn{ padding-left: .3rem; } .i-experience-box .bg-box{ display: none; } .i-experience-box .list .index-tit{ display: block; text-align: center; margin-bottom: .5rem; } .i-experience-box .index-tit .cn{ color: #333 } .i-experience-box .index-tit .cn:before{ border-color: #ce2122; } .i-experience-box .index-tit .line{ float: none; margin: .2rem auto 0; width: .55rem; background-color: #ce2122; } .login-dialog .login{ width: 90%; padding: .5rem; } .login-dialog .login-form{ margin-top: .4rem; } .login-dialog .login h3{ font-size: .3rem; line-height: .4rem; } .login-dialog .login .login-close{ width: .4rem; height: .4rem; margin: 0; } .login-dialog .login-form .inp{ padding: .3rem 0; } .login-dialog .login-form .tit{ font-size: .24rem; line-height: .4rem; } .login-dialog .login-form input{ height: .4rem; line-height: .4rem; font-size: .24rem; } .login-dialog .login-form .red{ font-size: .24rem; line-height: .4rem; } .login-dialog .login-form input[type=submit]{ height: .8rem; margin-top: .3rem; } .download-tit{ padding: 0; font-size: .3rem; line-height: .4rem; } .download-wrap{ padding: .3rem 0 .5rem; } .download-wrap .types a{ font-size: .28rem; line-height: .4rem; padding-bottom: .2rem; margin-right: .5rem; } .download-wrap .list{ margin-top: .4rem; } .download-wrap .list .row{ margin: 0; } .download-wrap .list .item{ padding: 0; margin-bottom: .4rem; } .download-wrap .list .con-box{ padding: .3rem .4rem; } .download-wrap .list .tit-box{ padding-bottom: .3rem; } .download-wrap .list .day{ font-size: .3rem; line-height: .4rem; } .download-wrap .list .ym{ font-size: .2rem; line-height: .3rem; margin-left: .1rem; } .download-wrap .list .icon{ width: .3rem; } .download-wrap .list .txt-box{ margin-top: .3rem; } .download-wrap .list .con{ font-size: .24rem; line-height: .6rem; width: 60%; } .download-wrap .list .down-btn{ width: 2rem; height: .6rem; font-size: .24rem; line-height: .6rem; } .download-wrap .page{ margin-top: .2rem; } .website-box{ padding: .7rem 0; } .website-box h3{ font-size: .36rem; line-height: .5rem; } .website-box .list{ margin-top: .3rem; } .website-box .list li{ padding-bottom: .3rem; margin-bottom: .3rem; } .website-box .list .navson{ margin-top: .3rem; } .website-box .list .tit{ font-size: .3rem; line-height: .4rem; } .website-box .list .navson a{ font-size: .24rem; line-height: .4rem; margin-right: .4rem; } .online-dialog{ width: 90%; padding: .4rem; } .online-dialog .tit-box{ padding-bottom: .3rem; } .online-dialog .tit-box .tit{ font-size: .3rem; line-height: .4rem; } .online-dialog .tit-box .online-close{ width: .24rem; } .online-dialog .online-form{ margin-top: .4rem; } .online-dialog input[type=text], .online-dialog textarea{ width: 100%; font-size: .24rem; line-height: .4rem; height: .8rem; margin-bottom: .3rem; } .online-dialog textarea{ height: 2rem; } .online-dialog input[type=submit]{ width: 100%; height: .8rem; font-size: .24rem; } .video-tab{ width: 80%; } .video-tab .swiper-slide{ width: 100%; margin-right: .3rem; } .video-tab .txt, .video-tab .swiper-slide-active .txt{ font-size: .24rem; line-height: .4rem; margin-top: .3rem; } .video-tab .play-btn{ width: .7rem; height: .7rem; } .video-tab .swiper-slide-active .mask{ opacity: .5; filter: alpha(opacity=50); } }