@charset "utf-8"; @media (max-width: 1024px){ .header-view, .index-view, .view{ padding: 0 5%; width: auto; } .pc-nav{ display: none; } .header-right .divide{ display: none; } .header-right .search-btn, .header-right .qrcode-btn{ width: .7rem; height: .7rem; } .nav-btn{ display: block; float: right; position: relative; width: .85rem; height: .725rem; padding: 0; margin-left: .65rem; margin-top: 1rem; } .nav-btn .line { width: 100%; height: 2px; position: absolute; left: 0; background-color: #383838; transition: all .2s; transform-origin: center; } .nav-btn .line1 { top: 0; } .nav-btn .line2 { top: 50%; margin-top: -1px; } .nav-btn .line3 { bottom: 0; } .nav-btn.cur .line{ top: 50%; bottom: auto; margin-top: -1px; } .nav-btn.cur .line1{ transform: rotate(45deg); } .nav-btn.cur .line2{ opacity: 0; filter: alpha(opacity=0); } .nav-btn.cur .line3{ transform: rotate(-45deg); } .m-nav{ position: fixed; top: 2.5rem; width: 100%; z-index: 50; box-sizing: border-box; padding: 0 4.17%; 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: .6rem; padding: .3rem 0 .3rem .3rem; color: #333; position: relative; font-weight: bold; } .m-nav li .tit:before{ content: ""; position: absolute; right: 0; width: .5rem; height: .5rem; margin-top: -.25rem; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url('../img/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: .5rem; line-height: 1rem; padding: 0 1rem; color: #333; font-weight: bold; } .m-nav li .navson .third-nav{ display: none; padding-left: .3rem; } .m-nav li .navson .sec-tit{ position: relative; } .m-nav li .navson .sec-tit:before{ content: ""; position: absolute; right: 0; top: 50%; /* width: .24rem; height: .24rem; margin-top: -.12rem; */ width: .5rem; height: .5rem; margin-top: -.25rem; background-repeat: no-repeat; background-position: center; background-size: 100%; background-image: url('../img/third-arrow.png'); transition: all .3s; } .m-nav li .navson .sub-item.on .sec-tit:before{ transform: rotate(90deg); } .header-right .qrcode-box .qrcode-drop{ top: .7rem; } .banner .pc-box{ display: none; } .banner .m-box{ display: block; position: relative; } .banner .m-box .m-img{ display: none; } .banner .play-btn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0; } .index-news-box .right .index-tit, .index-news-box .right .list{ display: none; } .index-news-box .img-tab{ width: 100%; } .index-news-box .img-tab .swiper-slide{ width: 48%; margin-right: 4%; } .index-news-box .img-tab .swiper-slide:last-child{ margin-right: 0; } .index-news-box .text{ margin-top: .5rem; display: block; } .index-news-box .time{ display: block; } .banner .btns{ display: block; } .index-news-box .img-tab .text{ display: block; } .aside-tel{ display: none; } } @media (max-width: 992px){ .f-nav{ padding: 1.2rem 0; } .f-nav li{ margin-right: 6.5%; } .footer-top .top-box .f-share{ margin-left: 1rem; } .footer-top .top-box .link-box{ margin-left: 1rem; } .index-news-box .right .more-box .more-btn{ width: 50%; } .index-about-box .num-box .num{ font-size: 1rem; line-height: 1.1rem; } .index-product .bimg-tab .text-box .en-tit{ /* font-size: 1rem; line-height: 1.1rem; */ margin-top: .5rem; } .index-product .bimg-tab .text-box .con{ height: 1.2rem; } .index-product .bimg-tab .detail{ left: 0; } .index-bottom-box .text-box{ top: 15%; } .index-bottom-box .text-box .btns{ margin-top: .24rem; } .index-bottom-box .text-box .btns a{ margin: 0 .2rem; } .index-bottom-box .text-box .btns span{ padding-right: .8rem; } .index-bottom-box .tel{ font-size: 1rem; line-height: 1.1rem; } .businessinfo-box .data-list .num{ font-size: .75rem; } .pic-btns .swiper-wrapper{ justify-content: flex-start; } .pic-tab{ width: 600px; } .businessinfo-box .data-list .txt br{ display: none; } .dynamic-list .item .text{ width: 75%; } .news-aisde .list .text{ width: 88%; } .point-list .item{ width: 6px; height: 6px; } .pub-next{ right: -1rem; } .pub-prev{ left: -1rem; } .pay-tab .swiper-slide{ width: 32%; margin-right: 2%; } .tech-box .case-list .con-box{ padding: .8rem .5rem; } } @media (max-width: 767px){ .header-view, .index-view, .view{ padding: 0 .3rem; } header{ height: .88rem; } .header-left{ margin-top: .2rem; } header .logo{ width: 1.29rem; } header .code{ font-size: .2rem; line-height: .3rem; margin-top: .12rem; margin-left: .16rem; } .header-right .search-box, .header-right .qrcode-box, .nav-btn{ margin-top: .3rem; margin-left: .5rem; } .header-right .search-btn, .header-right .qrcode-btn{ width: .3rem; height: .3rem; } .nav-btn { width: .34rem; height: .32rem; } .m-nav{ padding: 0 .3rem; top: .88rem; /* max-height: calc(100% - 1rem); */ overflow: auto; height: calc(100% - .88rem); } .m-nav li .tit{ font-size: .3rem; padding: .15rem 0 .15rem .3rem; } .m-nav li .navson a{ font-size: .28rem; line-height: .5rem; padding: 0 .5rem; } .m-nav li .tit:before{ width: .3rem; height: .3rem; } .m-nav li .navson .sec-tit:before{ width: .24rem; height: .24rem; margin-top: -.12rem; } .search-dialog { position: absolute; right: .4rem; width: 50%; } .search-dialog .search{ width: 75%; padding: .1rem .2rem; } .search-dialog .search input[type=text]{ width: 80%; height: .4rem; line-height: .4rem; font-size: .3rem; } .search-dialog .search input[type=submit]{ width: .3rem; height: .3rem; margin-top: .05rem; } .search-dialog .search-close{ width: .3rem; height: .32rem; right: 0; margin-top: -.16rem; } .qrcode-drop{ width: 2rem; } .qrcode-drop .drop{ padding: .1rem; } .qrcode-drop .txt{ font-size: .24rem; line-height: .3rem; } .header-right .qrcode-box .qrcode-drop{ top: .3rem; padding-top: .3rem; } .clearfixed{ height: .88rem; } .footer-top .top-box{ padding:.48rem 0 .3rem; border-bottom: none; } .footer-top .top-box .left{ float: none; padding-bottom: .3rem; padding-right: 30px; border-bottom: 1px solid #c4c4c4; } .footer-top .top-box .f-logo{ width: 1.64rem; } .footer-top .top-box .f-share{ float: right; margin: 0; margin-top: .12rem; } .footer-top .top-box .f-share .item{ margin: 0 0 0 .18rem; } .footer-top .top-box .f-share .icon{ width: .46rem; } .footer-top .top-box .right{ float: none; } .footer-top .top-box .link-box, .footer-top .top-box .sp-link{ display: block; } .footer-top .top-box .sp-link{ text-align: center; margin-top: .36rem; } .footer-top .top-box .sp-link a{ font-size: .2rem; line-height: .3rem; margin: 0 .36rem; position: relative; } .footer-top .top-box .sp-link a:nth-child(3), .footer-top .top-box .sp-link a:nth-child(4){ display: inline-block; } .footer-top .top-box .sp-link a:nth-child(4){ margin-right: 0; } .footer-top .top-box .sp-link a:before{ content: ""; position: absolute; right: -.36rem; top: 50%; transform: translateY(-50%); width: 1px; height: .2rem; background-color: #000; opacity: .2; filter: alpha(opacity=20); } .footer-top .top-box .sp-link a:last-child:before{ display: none; } .footer-top .top-box .link-box{ margin: .24rem auto 0; width: 5.5rem; } .footer-top .top-box .link-box .tit{ width: auto; height: .56rem; line-height: .56rem; padding: 0 .2rem; font-size: .2rem; } .footer-top .top-box .link-box .tit:before{ right: .2rem; } .footer-top .top-box .link-box .sub{ bottom: .56rem; max-height: 2.24rem; } .footer-top .top-box .link-box .sub a{ height: .56rem; line-height: .56rem; font-size: .2rem; padding: 0 .2rem; } .f-share .qrcode-drop{ bottom: .46rem; padding-bottom: .3rem; } .f-nav{ padding: 0; } .f-nav li{ display: block; margin: 0; width: 100%; border-bottom: 1px solid rgba(0,0,0,.2); } .f-nav li:first-child{ border-top: 1px solid rgba(0,0,0,.2); } .f-nav li .tit{ display: block; font-size: .2rem; height: .6rem; line-height: .6rem; padding: 0 .2rem; position: relative; } .f-nav li .tit:before{ content: ""; position: absolute; right: .2rem; top: 50%; width: 10px; height: 10px; background-repeat: no-repeat; background-position: center; background-size: 100%; background-image: url('../img/f-nav-arrow.png'); margin-top: -5px; transition: all .3s; } .f-nav li:first-child .tit:before{ display: none; } .f-nav li .navson{ display: none; margin: 0; } .f-nav li:nth-child(1) .navson{ display: none!important; } .f-nav li .navson a{ font-size: .2rem; line-height: .6rem; padding: 0 .4rem; } .f-nav li.on .tit:before{ transform: rotate(90deg); } .f-nav li .navson .sec-tit:before{ width: 10px; height: 10px; right: .2rem; margin-top: -5px; } .f-nav li .navson .third-nav{ width: 100%; box-sizing: border-box; } .m-tel-box{ display: block; text-align: center; padding: .4rem 0 .54rem; } .m-tel-box .icon{ width: .4rem; margin: 0 auto; } .m-tel-box .icon img{ width: 100%; } .m-tel-box .tel-tit{ font-size: .2rem; line-height: .3rem; font-weight: bold; color: #666; } .m-tel-box .tel{ font-size: .36rem; line-height: .4rem; font-family: "DIN-BOLD"; color: #666; margin-top: .08rem; } .footer-bottom{ padding: .5rem 0; text-align: center; font-size: 0; } .footer-bottom .copy{ float: none; font-size: .2rem; line-height: .3rem; } .footer-bottom .copy .build{ display: block; } .footer-bottom .copy .build, .footer-bottom .copy .build a{ margin-left: 0; font-size: .2rem; line-height: .28rem; } .footer-bottom .icp{ float: none; font-size: .2rem; line-height: .3rem; text-align: center; display: inline-block; margin-top: .2rem; } .top-btn { bottom: 18%; width: 1rem; height: 1rem; background-size: 12px; } /* footer end */ .banner .m-box .pc-img{ display: none; } .banner .m-box .m-img{ display: block; } .banner .text-box .en{ font-size: .48rem; line-height: .5rem; margin-top: .2rem; } .banner .text-box .sub-en{ font-size: .24rem; line-height: .4rem; margin-top: .2rem; } .banner .text-box .cn{ font-size: .48rem; line-height: .5rem; letter-spacing: 0; padding-left: 0; } .banner .text-box .ban-more{ width: 2rem; height: .7rem; border-radius: .35rem; font-size: .5rem; line-height: .7rem; margin-top: .7rem; font-size: .2rem; } .banner .text-left .cn{ margin: 0; } .banner .text-left .en{ margin-top: .2rem; } .banner .btns .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 .1rem; } .index-about-box{ padding: .7rem 0 .4rem; } .index-tit .cn{ font-size: .48rem; line-height: .5rem; } .index-tit .en{ font-size: .2rem; line-height: .3rem; margin-top: .08rem; } .index-about-box .index-tit .cn{ font-size: .36rem; line-height: .4rem; } .index-about-box .con{ width: 100%; margin: .3rem 0 0; font-size: .24rem; line-height: .46rem; } .icon-list-tab{ overflow: hidden; } .index-about-box .swiper-slide{ width: 33.33%; } .index-about-box .swiper-slide .icon{ width: .47rem; } .index-about-box .num-box{ margin-top: .12rem; } .index-about-box .num-box .num{ font-size: .52rem; line-height: .6rem; } .index-about-box .num-box .unit{ font-size: .24rem; line-height: .3rem; margin-left: .05rem; } .index-about-box .txt{ font-size: .2rem; line-height: .3rem; margin-top: .1rem; } .index-about-box .icon-list{ margin-top: .75rem; position: relative; } .index-about-box .swiper-slide:before{ height: 2.1rem; bottom: auto; top: 0; } .index-about-box .icon-list .prev, .index-about-box .icon-list .next{ position: absolute; width: .15rem; height: .29rem; background-repeat: no-repeat; background-position: center; background-size: 100%; top: 50%; transform: translateY(-50%); } .index-about-box .icon-list .prev{ left: -.2rem; background-image: url('../img/index-about-prev.png'); } .index-about-box .icon-list .next{ right: -.2rem; background-image: url('../img/index-about-next.png'); } .index-about-box .tip{ font-size: .2rem; line-height: .3rem; margin-top: .3rem; } .index-product-box{ padding: .5rem 0 .75rem; } .index-product-box .index-tit{ float: none; text-align: center; } .index-product-box .product-tit .ico{ display: none; } .index-product{ padding-top: 1rem; } .index-product .simg-tab{ padding: 0 .3rem; } .index-product .simg-tab .swiper-slide{ padding: 0 .05rem .1rem; width: 2rem; box-sizing: border-box; } .index-product .simg-tab .swiper-slide:nth-child(1){ padding-left: .1rem; } .index-product .simg-tab .con-box{ width: 1.9rem; height: 1.05rem; } .index-product .simg-tab .swiper-slide.cur{ width: 3.05rem; } .index-product .simg-tab .swiper-slide.cur .con-box{ width: 2.95rem; } .index-product .simg-tab .con-box span{ line-height: 1.05rem; font-size: .24rem; } .index-product .simg-tab .swiper-slide.cur .con-box span{ font-size: .3rem; } .index-product-box .index-view{ padding: 0; } .index-product .bimg-tab .img{ float: none; width: 100%; display: block; } .index-product .bimg-tab .text-box{ position: relative; width: auto; padding: .4rem .3rem; top: 0; } .index-product .bimg-tab .text-box .en-tit{ background: none; -webkit-text-fill-color: #999; font-size: .48rem; line-height: .48rem; margin: 0; width: 70%; } .index-product .bimg-tab .detail{ position: static; font-size: .2rem; line-height: .3rem; float: right; margin-right: .3rem; background-size: .8rem; padding-right: 1.1rem; } .index-product .bimg-tab .text-box .icon{ position: absolute; right: .3rem; top: .4rem; width: .8rem; } .index-product .bimg-tab .text-box .tit{ margin-top: .16rem; font-size: .36rem; line-height: .4rem; } .index-product .bimg-tab .text-box .con{ height: auto; width: 100%; font-size: .2rem; line-height: .36rem; } .index-news-box{ padding: .6rem 0; } .index-news-box .img-tab{ float: none; } .index-news-box .img-tab .swiper-slide{ width: 100%; } .index-news-box .time{ font-size: .2rem; line-height: .3rem; margin-bottom: .1rem; } .index-news-box .txt{ white-space: normal; font-size: .3rem; line-height: .5rem; font-weight: bold; } .index-news-box .img-tab .btns{ margin-top: .4rem; width: .5rem; } .index-news-box .img-tab .btns .swiper-pagination-bullet{ margin-bottom: .1rem; height: 2px; } .index-news-box .right{ float: none; width: calc(100% + .3rem); margin-top: .5rem; margin-left: -.3rem; } .index-news-box .right .more-box{ display: block; float: none; margin: 0; height: .88rem; } .index-news-box .right .more-box .more-btn{ width: 3rem; } .index-news-box .right .more-box .more-btn b{ position: absolute; right: .35rem; line-height: .88rem; height: .88rem; top: 0; } .index-news-box .right .more-box .more-btn span{ padding: 0; line-height: .88rem; font-size: .2rem; padding-right: 1rem; background-size: .8rem; display: block; } .index-bottom-box{ padding: .1rem 0; } .index-bottom-box .text-box{ top: 25%; } .index-bottom-box .text-box .btns a{ width: 1.8rem; height: .7rem; border-radius: .35rem; } .index-bottom-box .text-box .btns span{ font-size: .2rem; line-height: .7rem; padding-right: .4rem; background-size: .2rem; } .index-bottom-box .item{ margin-bottom: .1rem; } .index-bottom-box .item:last-child{ margin-bottom: 0; } .index-bottom-box .item:nth-child(1) .text-box .btns a{ padding: 0; } .index-bottom-box .item:nth-child(1) .text-box .btns a span{ background-image: none; padding: 0; } .index-bottom-box .line{ width: .5rem; margin-top: .2rem; } .index-bottom-box .tel{ font-size: .48rem; line-height: .5rem; margin-top: .2rem; } .sub-banner img{ width: 150%; transform: translateX(-20%); } .sub-banner .text-box .en{ font-size: .24rem; line-height: .4rem; } .sub-banner .text-box .text{ font-size: .24rem; line-height: .4rem; margin-top: 0; } .sub-banner .scroll-btn{ width: .8rem; height: .8rem; line-height: .8rem; margin-top: .3rem; } .sub-banner .scroll-btn img{ width: 6px; } .about-box .top-box{ padding: .5rem 0; } .pub-tit .cn{ font-size: .36rem; line-height: .4rem; } .pub-tit .en{ font-size: .24rem; line-height: .4rem; margin: 0; } .about-box .top-box .left{ float: none; width: 100%; } .about-box .top-box .con-box{ margin-top: .3rem; } .about-box .top-box .left .tit{ font-size: .3rem; line-height: .4rem; } .pub-con{ font-size: .24rem; line-height: .4rem; } .about-box .top-box .left .pub-con{ margin-top: .3rem; } .about-box .top-box .right{ float: none; width: 100%; margin-top: .3rem; } .about-box .top-box .right .num-list .row{ margin: 0 -.1rem; } .about-box .top-box .right .num-list .item{ padding: 0 .1rem; } .about-box .top-box .right .tit{ font-size: .3rem; line-height: .4rem; } .about-box .top-box .right .num{ font-size: .4rem; line-height: .5rem; } .about-box .top-box .right .unit{ font-size: .2rem; line-height: .3rem; } .about-box .top-box .right .txt{ font-size: .24rem; line-height: .4rem; } .about-box .top-box .right .num-list{ margin-top: .3rem; } .about-box .top-box .right .num-list .con-box{ margin-top: 0; padding: 0; } .about-box .middle-box{ margin-top: .5rem; } .about-box .sub-tit{ font-size: .3rem; line-height: .4rem; } .about-box .middle-box .pub-con{ margin-top: .2rem; width: 100%; } .pub-prev, .pub-next{ background-size: .16rem; width: .16rem; height: .32rem; } .pub-prev{ left: .3rem; background-image: url('../img/pub-prev2.png'); } .pub-next{ right: .3rem; background-image: url('../img/pub-next2.png'); } .middle-tab .swiper-slide{ width: 100%; } .about-box .middle-tab-box{ margin-top: .3rem; } .middle-tab .text-box{ padding: .3rem; } .middle-tab .text-box .tit{ font-size: .3rem; line-height: .4rem; } .middle-tab .scrollbar{ margin-top: .3rem; } .about-box .bottom-box{ padding: .5rem 0; } .about-box .bottom-box .img{ float: none; width: 100%; } .about-box .bottom-box .img .logo{ display: none; } .about-box .bottom-box .left{ float: none; width: 100%; margin-top: .3rem; } .sub-desc{ font-size: .24rem; line-height: .3rem; margin-top: .1rem; } .about-box .bottom-box .pub-con{ margin-top: .3rem; } .develop-box{ padding: .8rem 0; } .develop-box .content-tab .swiper-slide{ padding: 0; } .develop-box .content-tab .time{ font-size: .36rem; line-height: .4rem; margin-top: .3rem; } .develop-box .content-tab .tit{ font-size: .3rem; line-height: .4rem; } .develop-box .content-tab .content{ width: 80%; } .develop-box .content-tab .content .con{ font-size: .24rem; line-height: .4rem; margin-top: .2rem; } .develop-box .time-tab{ margin-top: 1rem; padding: 0 .3rem; } .develop-box .time-tab .txt{ font-size: .24rem; line-height: .4rem; padding-top: .6rem; } .develop-box .time-tab .swiper-slide{ margin-right: 1.5rem; } .develop-box .time-tab .line{ bottom: -.15rem; } .develop-box .time-tab .swiper-slide.cur .line{ height: 1.5rem; } .team-box{ padding: .5rem 0; } .team-box .team-btns a{ font-size: .24rem; line-height: .4rem; margin: 0 .3rem; } .team-box .team-btns a:before{ right: -.3rem; } .team-box .team-tab{ margin: .36rem -.1rem 0; } .team-box .team-tab .swiper-slide{ /* width: 48%; */ padding: 0 .1rem; } .team-box .team-tab .img:before{ width: .3rem; height: .3rem; } .team-box .team-tab .text{ margin-top: .2rem; } .team-box .team-tab .text .tit{ font-size: .3rem; line-height: .4rem; } .team-box .team-tab .text .desc{ font-size: .24rem; line-height: .4rem; margin: 0; } .team-box .team-tab .scrollbar{ margin-top: .5rem; } .team-box .team-tab-box .pub-prev, .team-box .team-tab-box .pub-next{ transform: translateY(calc(-50% - .5rem)); } .honor-box{ padding: .5rem 0; } /* .honor-box .swiper-slide{ width: 100%; } .honor-box .con-box{ padding: .5rem; } .honor-box .con-box .time{ font-size: .24rem; line-height: .4rem; } .honor-box .con-box .time span{ font-size: .5rem; line-height: .6rem; margin-right: .1rem; } .honor-box .con-box .list{ font-size: .24rem; line-height: .4rem; height: 3.6rem; } .honor-box .con-box .list p{ padding-left: .3rem; margin-bottom: .1rem; } .honor-box .con-box .list p:before{ top: .18rem; } */ .honor-tab .pc-box{ display: none; } .honor-tab .m-box{ display: block; position: relative; } .honor-tab .m-tab{ overflow: hidden; } .honor-tab .m-box .swiper-slide{ width: 48%; margin-right: 2%; text-align: center; } .honor-tab .icon{ width: .38rem; } .honor-tab .time{ font-size: .24rem; line-height: .3rem; margin-top: .2rem; } .honor-tab .con{ font-size: .26rem; line-height: .4rem; margin-top: .2rem; } .honor-tab .pub-prev, .honor-tab .pub-next{ transform: translateY(-50%); } .honor-tab .pub-prev{ left: -.2rem; } .honor-tab .pub-next{ right: -.2rem; } .culture-box .img{ float: none; width: 100%; } .culture-box .text-box{ position: static; width: 100%; } .culture-box .text-box .content{ width: 100%; padding: .5rem 0; } .culture-box .culture-list{ height: auto; margin-top: .5rem; } .culture-box .culture-list .item{ margin-bottom: .3rem; } .culture-box .culture-list .tit{ font-size: .3rem; line-height: .4rem; margin-bottom: .1rem; } .businessinfo-box{ padding: .5rem 0; } .businessinfo-box .top-box .left{ width: 100%; float: none; } .businessinfo-box .top-box .con-box{ margin-top: .2rem; } .businessinfo-box .top-box .con-box .tit{ font-size: .3rem; line-height: .4rem; } .businessinfo-box .top-box .pub-con{ margin-top: .2rem; } .businessinfo-box .img{ float: none; width: 100%; margin-top: .2rem; } .logistics-info-box:before{ width: 3.3rem; height: 3.2rem; } .businessinfo-box .data-list{ margin-top: .3rem; } .businessinfo-box .data-list .swiper-slide{ width: 33.33%; padding: .2rem 1%; } .businessinfo-box .data-list .num{ font-size: .4rem; line-height: .5rem; } .businessinfo-box .data-list .unit{ font-size: .24rem; line-height: .4rem; margin-left: .1rem; } .businessinfo-box .data-list .txt{ font-size: .2rem; line-height: .3rem; margin-top: .1rem; height: .6rem; } .data-list .prev, .data-list .next{ position: absolute; width: .15rem; height: .29rem; background-repeat: no-repeat; background-position: center; background-size: 100%; top: 50%; transform: translateY(-50%); } .data-list .prev{ left: -.2rem; background-image: url('../img/index-about-prev.png'); } .data-list .next{ right: -.2rem; background-image: url('../img/index-about-next.png'); } .businessinfo-box .tip{ font-size: .2rem; line-height: .3rem; margin-top: .3rem; } .pro-service-box{ padding: .5rem 0; } .pro-service-box .tab-btns{ margin-top: .3rem; } .tab-btns a{ font-size: .24rem; line-height: .3rem; padding: 0 .2rem .1rem; margin: 0 .2rem; } .pro-service-box .tab-box{ margin-top: .3rem; } .pro-service-box .tab-box .swiper-slide{ width: 100%; } .pro-service-box .tab-box .text{ padding: .4rem; } .pro-service-box .tab-box .tit{ font-size: .3rem; line-height: .4rem; } .pro-service-box .tab-box .pub-con{ margin-top: .1rem; line-height: .4rem; height: .8rem; } .pro-service-box .scrollbar{ margin-top: .3rem; } .pro-service-box .tip{ font-size: .2rem; line-height: .3rem; margin-top: .3rem; letter-spacing: .1rem; padding-left: .1rem; } .logistics-bottom{ padding: .5rem 0; } .logistics-bottom .title-con{ width: 100%; margin-top: .3rem; } .logistics-bottom .img{ margin-top: .5rem; } .mode-box{ padding-bottom: .5rem; margin-bottom: .5rem; } .logistics-bottom .middle-tab{ margin-top: .3rem; } .highway-pro-service-box .index-tit{ padding: .4rem 0; } .highway-pro-service-box .center-box{ padding: .5rem 0; } .pro-tit{ font-size: .3rem; line-height: .4rem; } .center-box .pro-tit{ margin-bottom: .3rem; } .add-box .top-box{ padding: .5rem 0; } .add-box .top-box .left{ width: 100%; float: none; } .add-box .top-box .left .desc{ font-size: .26rem; line-height: .4rem; margin-top: .2rem; } .add-box .top-box .left .pub-con{ margin-top: .2rem; } .add-box .top-box .img{ float: none; width: 100%; margin-top: .3rem; } .add-box .content-box .tit{ font-size: .3rem; line-height: .4rem; } .add-box .content-list li{ float: none; width: 100%; padding: .3rem; height: auto; margin-bottom: .3rem; } .add-box .content-list li:last-child{ margin-bottom: 0; } .add-box .content-list li:before{ width: 1.75rem; height: 1rem; } .add-box .content-list li .img{ width: 40%; display: block; } .add-box .content-list li .text{ float: right; width: 55%; } .add-box .content-list li .content-tit{ font-size: .3rem; line-height: .4rem; margin-bottom: .2rem; } .add-box .content-list li .pub-con{ height: auto; } .add-box .content-box{ padding-bottom: .5rem; } .after-box{ padding: .5rem 0; } .after-box .tab-btns{ margin-top: .2rem; } .after-box .tab-box .mask{ width: 100%; } .after-box .tab-box .item{ height: auto; padding: .5rem 0; } .after-box .tab-box .text-box{ position: relative; width: 90%; } .after-box .tab-box .text-box .tit{ font-size: .3rem; line-height: .4rem; } .pic-box .index-tit{ padding: .3rem 0; } .pic-wrap{ padding: .4rem 0; } .after-box .tab-box{ margin-top: .3rem; } .after-box .tab-box .text-box .pub-con{ margin-top: .3rem; } .pic-btns .swiper-slide{ margin: 0 .2rem 0 0; min-width: 1.6rem; } .pic-btns a{ font-size: .2rem; line-height: .3rem; padding: 0 .2rem .1rem; } .pic-tab{ width: 90%; margin: .3rem auto 0; } .pic-tab .swiper-slide{ width: 100%; } .pic-tab .img{ padding: .1rem; box-shadow: none; } .pic-tab .img .txt{ left: .1rem; bottom: .1rem; width: calc(100% - .2rem); padding: 0 .3rem; line-height: .7rem; font-size: .3rem; } .pic-tab-box .prev, .pic-tab-box .next{ width: .17rem; height: .31rem; transform: translateY(-50%); } .pic-tab-box .btns{ margin-top: .5rem; display: none; } .pic-tab-box .btns .swiper-pagination-bullet{ margin: 0 .1rem; } .pay-ser-box{ padding: .5rem 0; } .pay-ser-box .index-tit{ padding-bottom: .3rem; } .pay-ser-wrap{ margin-top: .3rem; } .pay-ser-wrap .tab-btns{ text-align: center; margin-top: .2rem; } .pay-ser-wrap .tab-btns a{ margin-right: .2rem; padding: .2rem .4rem; font-size: .3rem; line-height: .4rem; } .pay-ser{ margin-top: .3rem; } .pay-tab .swiper-wrapper{ justify-content: flex-start; } .pay-tab .swiper-slide{ width: 100%; padding: .4rem; height: auto; } .pay-tab .icon{ width: 1rem; border: 1px solid #333; } .pay-tab .swiper-slide .tit{ font-size: .3rem; line-height: .4rem; } .pay-tab .swiper-slide .desc{ font-size: .26rem; line-height: .3rem; margin-top: .2rem; } .pay-tab .swiper-slide .con{ font-size: .24rem; line-height: .4rem; max-height: 1.2rem; margin-top: .2rem; } /* .pay-ser .tab-list{ display: none; } .pay-ser .img-list{ position: relative; width: 100%; } .pay-ser .img-list .swiper-slide .img img{ display: block; width: 100%; } .pay-ser .img-list .swiper-slide .text{ display: block; padding: .3rem; background-color: #fff; } .pay-ser .con{ display: block; } .pay-ser .tit{ font-size: .3rem; line-height: .4rem; } .pay-ser .desc{ font-size: .24rem; line-height: .4rem; margin-left: .3rem; } .pay-ser .con{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; } */ .save-box{ padding: .5rem 0; } .lease-box{ padding: .5rem 0; } .lease-box .lease-tab{ margin-top: .5rem; } .lease-box .lease-tab .swiper-slide{ width: 100%; } .lease-box .lease-tab .con-box{ padding: .4rem; background-size: 1.44rem; } .lease-box .lease-tab .tit{ font-size: .3rem; line-height: .4rem; } .lease-box .lease-tab .pub-con{ height: 1.2rem; } .lease-box .btns{ display: block; margin-top: .3rem; font-size: 0; text-align: center; } .lease-box .btns .swiper-pagination-bullet{ width: 10px; height: 10px; background-color: #fff; opacity: .8; filter: alpha(opacity=80); margin: 0 .1rem; border-radius: 100%; } .lease-box .btns .swiper-pagination-bullet-active{ background-color: #de001f; } .become-box{ padding: .5rem 0; } .become-box .index-tit .cn{ font-size: .36rem; } .tech-box{ padding: .5rem 0; } .tech-box .pay-tab{ margin-top: .3rem; } .tech-box .pay-tab .swiper-slide{ width: 48%; } .tech-box .case-box{ padding: .5rem 0; } .tech-box .case-box .case-tit{ float: none; } .tech-box .case-list{ float: none; margin-top: .3rem; width: 100%; } .tech-box .case-list .swiper-slide{ width: 48%; } .tech-box .case-list .con-box{ padding: .4rem; background-size: 1.44rem; } .tech-box .case-list .con-box .tit{ font-size: .3rem; line-height: .4rem; } .tech-box .case-list .pub-con{ margin-top: .2rem; } /* .tech-box .case-list .pub-con span{ font-size: .5rem; } */ .tech-box .case-list .num-box{ margin-top: .2rem; padding-left: 1.2rem; background-size: .96rem; } .tech-box .case-list .num-box .num{ font-size: .4rem; line-height: .5rem; } .tech-box .case-list .num-box .unit{ font-size: .24rem; line-height: .4rem; margin-left: .1rem; } .tech-box .case-list .btns{ display: block; margin-top: .3rem; font-size: 0; text-align: center; } .tech-box .case-list .btns .swiper-pagination-bullet{ width: 10px; height: 10px; background-color: #d5d5d5; margin: 0 .1rem; border-radius: 100%; } .tech-box .case-list .btns .swiper-pagination-bullet-active{ background-color: #de001f; } .tech-box .tab-btns{ margin-top: 0; } .tech-box .tab-btns a{ margin: 0 .2rem; } .tech-box .tab-box{ margin-top: .3rem; } .tech-box .img, .tech-box .tab-box .text-box{ float: none; width: 100%; } .tech-box .tab-box .text-box .pub-con{ margin-top: .2rem; } .sub-banner .news-search-wrap{ width: 100%; } .sub-banner .news-search{ width: auto; margin-top: .3rem; /* padding: 0 .4rem; */ } .sub-banner .news-search input[type=text]{ height: .4rem; line-height: .4rem; font-size: .3rem; padding: .2rem .8rem .2rem .4rem; width: calc(100% - 1.2rem); } .sub-banner .news-search input[type=submit]{ width: .8rem; height: .8rem; background-size: .3rem; right: .1rem; } .dynamic-box{ padding: .5rem 0; } .dynamic-box .top-list .swiper-slide{ width: 100%; } .dynamic-box .top-list .text{ font-size: .24rem; line-height: .4rem; padding: 0 .3rem; } .dynamic-box .news-btns-box{ margin-top: .3rem; padding-bottom: .3rem; } .dynamic-box .news-btns{ float: none; } .dynamic-box .news-btns a{ font-size: .24rem; line-height: .3rem; padding: 0 .2rem .1rem; margin: 0 .4rem 0 0; } .dynamic-box .date-box{ float: none; margin-top: .3rem; } .dynamic-box .date-box .tit{ float: left; font-size: .2rem; line-height: .6rem; } .dynamic-box .date-box .date{ float: right; width: 75%; height: .6rem; } .dynamic-box .date-box .select-time{ height: .4rem; line-height: .4rem; padding: .1rem .3rem; width: calc(100% - .6rem); font-size: .24rem; } .dynamic-wrap{ margin-top: .3rem; } .dynamic-wrap .result{ margin-bottom: .3rem; font-size: .3rem; line-height: .4rem; } .dynamic-list{ float: none; width: 100%; } .dynamic-list .item{ padding: .3rem 0; } .dynamic-list .item .img{ width: 100%; float: none; display: block; } .dynamic-list .item .time-box{ display: none; } .dynamic-list .item .text-box, .dynamic-list .item .text{ float: none; width: 100%; } .dynamic-list .item .text-box{ margin-top: .3rem; } .dynamic-list .item .tit{ font-size: .3rem; line-height: .4rem; } .dynamic-list .item .con{ font-size: .24rem; line-height: .4rem; height: auto; margin-top: .1rem; } .dynamic-list .item .m-time{ display: block; font-size: .24rem; line-height: .4rem; margin-top: .1rem; font-weight: bold; color: #de001f; } .dynamic-list .page{ text-align: center; margin-top: .5rem; } .page a{ width: .5rem; height: .5rem; line-height: .5rem; font-size: 0 .05rem; font-size: .24rem; } .page a[rel=prev], .page a[rel=next]{ background-size: .12rem; } .news-aisde{ float: none; width: 100%; margin-top: .5rem } .news-aisde .hot-tit{ font-size: .3rem; line-height: .4rem; } .news-aisde .list{ padding: .3rem; margin-top: .2rem; } .news-aisde .list .item{ margin-bottom: .3rem; } .news-aisde .list .num{ width: .4rem; height: .4rem; font-size: .24rem; margin-top: .1rem; line-height: .4rem; } .news-aisde .list .txt{ font-size: .24rem; line-height: .4rem; } .news-aisde .list .time{ font-size: .2rem; line-height: .3rem; margin-top: .1rem; } .data-box{ padding: .5rem 0; } .data-btns{ margin-top: .4rem; } .data-btns .item{ padding: 0 .5rem; } .data-btns .item a{ font-size: .24rem; line-height: .7rem; padding: 0 .2rem; } .data-tab-box{ margin-top: .5rem; overflow: hidden; } .data-tab-box .item{ margin-bottom: .3rem; } .data-tab-box .con-box{ padding: .3rem; } .data-tab-box .con-box .txt{ font-size: .24rem; line-height: .4rem; margin-top: .2rem; } .data-tab-box .page{ margin-top: .3rem; } .newsinfo-box{ padding: .5rem 0; } .newsinfo-box .left{ float: none; width: 100%; } .bread a, .bread span{ font-size: .24rem; line-height: .4rem; } .newsinfo-box .news-tit{ font-size: .36rem; line-height: .4rem; margin-top: .3rem; } .newsinfo-box .time-box{ margin-top: .3rem; padding-bottom: .3rem; } .newsinfo-box .time-box .time{ font-size: .2rem; line-height: .3rem; } .newsinfo-box .share-box{ display: none; } .newsinfo-box .con{ font-size: .24rem; line-height: .4rem; margin-top: .3rem; } .newsinfo-box .ctrl-box{ margin-top: .3rem; padding-top: .3rem; } .newsinfo-box .ctrl .item{ margin-bottom: .1rem; } .newsinfo-box .ctrl a{ font-size: .24rem; line-height: .4rem; } .newsinfo-box .ctrl a span{ font-size: .24rem; line-height: .4rem; } .newsinfo-box .ctrl{ float: none; width: 100%; } .newsinfo-box .back-btn{ float: none; width: 2.5rem; height: .7rem; line-height: .7rem; display: block; font-size: .24rem; margin: .2rem auto 0; } .report-box{ padding: .5rem 0; } .report-box .report-wrap .pic-btns{ margin-top: .4rem; } .report-box .report-wrap{ padding-top: .5rem; } .report-box .report-list{ margin-top: .5rem; } .report-box .row{ margin: 0; } .report-box .item{ padding: 0; margin-bottom: .3rem; } .report-box .con-box{ padding: .4rem; } .report-box .con-box .tit{ font-size: .3rem; line-height: .4rem; } .report-box .con-box .time{ font-size: .2rem; line-height: .3rem; margin-top: .2rem; } .report-box .con-box .download-btn span{ font-size: .24rem; line-height: .4rem; padding-right: .3rem; background-size: .2rem; margin-top: .4rem; } .report-box .page{ margin-top: .5rem; } .business-box{ padding: .5rem 0; z-index: 5; } .business{ margin-top: .5rem; } .business-box .right{ float: none; width: 100%; } .business-box .pc-box{ display: none; } .business-box .m-box{ display: block; } .business-box .left{ width: 100%; float: none; margin-top: .3rem; } .business-box .business-tit{ font-size: .3rem; line-height: .4rem; } .business-box .business-select{ margin-top: .3rem; } .business-box .select .tit{ height: .7rem; line-height: .7rem; padding: 0 .3rem; font-size: .3rem; } .business-box .select .sub{ top: .7rem; } .business-box .select .sub{ max-height: 2.8rem; } .business-box .select .sub a{ height: .7rem; line-height: .7rem; padding: 0 .3rem; font-size: .3rem; } .business-divajax{ height: auto; } .business-divajax .mCSB_scrollTools{ display: none!important; } .business-box .text-box{ margin-top: .3rem; } .business-box .text-box h3{ font-size: .3rem; line-height: .4rem; } .business-box .text-box .con-box{ margin-top: .1rem; } .business-box .text-box .tit, .business-box .text-box .txt{ font-size: .24rem; line-height: .4rem; } .notice-box{ padding: .5rem 0; } .notice-box .notice-list{ margin-top: .3rem; } .notice-box .notice-list .item{ padding: .4rem; } .notice-box .notice-list .tit{ font-size: .3rem; line-height: .4rem; } .notice-box .notice-list .time{ font-size: .2rem; line-height: .3rem; margin-top: .1rem; } .notice-box .notice-list .notice-btn{ font-size: .24rem; line-height: .4rem; padding-right: .3rem; background-size: .2rem; margin-top: .4rem; } .notice-box .notice-list .page{ margin-top: .5rem; } .research-wrap{ padding: 0 0 .5rem; } .research-box{ padding: .5rem 0 0; } .research-list{ margin-top: .5rem; } .research-list .row{ margin: 0; } .research-list .item{ margin-bottom: .3rem; } .research-list .con-box{ padding: .3rem; height: 2.5rem; } .research-list .con-box .tit{ font-size: .24rem; line-height: .3rem; } .research-list .item{ padding: 0; } .research-list .con-box .tips span{ font-size: .2rem; line-height: .3rem; } .research-list .con-box .tips b{ margin: 0 .2rem; } .research-list .con-box .research-btn{ font-size: .24rem; line-height: .4rem; padding-right: .3rem; background-size: .2rem; bottom: .3rem; } .research-list .page{ margin-top: .3rem; } .research-contact-box{ margin-top: .5rem; padding: .5rem .4rem; } .research-contact-box .left{ float: none; } .research-contact-box .tit{ font-size: .3rem; line-height: .4rem; margin-top: .4rem; } .research-contact-box .right{ float: none; width: auto; margin-top: .4rem; padding: .4rem; } .research-contact-box .right .item{ font-size: .24rem; line-height: .4rem; background-position: left .1rem; background-size: .2rem; margin-bottom: .3rem; padding-left: .3rem; } .contact-box{ padding: .5rem 0; } .contact-list{ margin-top: .5rem; } .contact-list .text-box{ padding: 0 10%; } .contact-list .item{ margin-bottom: .5rem; } .contact-list .item:last-child{ margin-bottom: 0; } .contact-list .con-box{ padding: .5rem 0; height: auto; } .contact-list .icon{ width: 1rem; height: 1rem; background-size: 1rem; } .contact-list .address{ font-size: .3rem; line-height: .4rem; } .contact-list .desc{ font-size: .2rem; line-height: .3rem; margin-top: .1rem; } .contact-list .num{ font-size: .36rem; line-height: .4rem; } .law-box{ padding: .5rem 0; } .law-box .con{ font-size: .24rem; line-height: .4rem; margin-top: .3rem; } .law-box .con h3{ font-size: .3rem; line-height: .4rem; } .solution-dialog{ width: 90%; padding: .4rem; } .solution-dialog .img{ float: none; width: 100%; } .solution-dialog .left{ width: 100%; float: none; margin-top: .3rem; } .solution-dialog .left .icon{ width: 1rem; height: 1rem; background-size: 1rem; } .solution-dialog .left .tit{ font-size: .36rem; line-height: .4rem; margin-top: .4rem; } .solution-dialog .left .pub-con{ height: auto; } .solution-dialog .left .detail{ font-size: .2rem; line-height: .3rem; margin-top: .3rem; margin-right: .3rem; background-size: .8rem; padding-right: 1.1rem; } .dialog-close{ width: .8rem; height: .8rem; top: -.8rem; } .team-dialog{ width: 90%; padding: .4rem; } .team-dialog .img{ width: 100%; float: none; } .team-dialog .img:before{ width: .24rem; height: .24rem; } .team-dialog .text-box{ width: 100%; float: none; margin-top: .3rem; } .team-dialog .text-box .name{ font-size: .3rem; line-height: .4rem; } .team-dialog .text-box .staff{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; } .team-dialog .text-box .pub-con{ margin-top: .1rem; } .search-wrap{ padding: .5rem 0; } .search-wrap .left-btns{ float: none; width: 100%; font-size: 0; } .search-wrap .left-btns a{ width: 25%; display: inline-block; *display: inline; zoom: 1; border-right: 1px solid #e6e6e6; box-sizing: border-box; height: .7rem; line-height: .7rem; font-size: .24rem; } /* .search-wrap .left-btns a:nth-child(2n){ border-right: none; } */ .search-wrap .left-btns a:nth-last-child(-n+3){ border-bottom: none; } .search-wrap .right{ float: none; width: 100%; margin-top: .5rem; } .search-wrap .right .num{ font-size: .24rem; line-height: .4rem; padding-bottom: .3rem; } .search-list .item{ padding: .4rem 0; } .search-list .item .tit{ font-size: .3rem; line-height: .4rem; } .search-list .item .pub-con{ margin-top: .2rem; } .search-list .item .time{ font-size: .24rem; line-height: .4rem; margin-top: .2rem; } .search-list .page{ margin-top: .8rem; } .middle-tab .text-box .con{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; display: block; } .about-page .middle-tab .text-box .con{ display: none; } .about-page .middle-tab .text-box .con:before{ display: none; } .after-box .tab-box .item:nth-child(2) .number-box{ left: 5%; position: relative; } .after-box .tab-box .item:nth-child(2) .num{ font-size: .4rem; line-height: .5rem; } .after-box .tab-box .item:nth-child(2) .unit{ font-size: .24rem; line-height: .4rem; margin-left: .1rem; } .after-box .tab-box .item:nth-child(2) .txt{ font-size: .2rem; line-height: .3rem; margin-top: 0; } .after-box .tab-box .item:nth-child(2) .text-box{ top: 0; width: 90%; left: 5%; margin-top: .3rem; } .manage-box{ padding: .8rem 0; } .apply-box{ padding-bottom: .5rem; } .apply-box .pub-con{ margin-top: .4rem; } .apply-box .pub-con h3{ font-size: .3rem; line-height: .4rem; margin-bottom: .2rem; } }