@charset "UTF-8"; .foot-right .f-qrcode a{ display: none; } @media (max-width: 1024px){ .clearfixed{ height: 2.75rem; } .pc-nav{ display: none; } .header-right .link-btn{ display: none; } .header-right .btns .nav-item{ display: inline-block; } .header-right .btns .nav-item a{ width: .85rem; height: .725rem; position: relative; border: none; } .nav-btn .line { width: 100%; height: 2px; position: absolute; left: 0; background-color: #333; 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.75rem; 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, .m-nav li:nth-child(8) .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; } .index-page header{ background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1) } .index-page header .logo .init-logo{ display: block; } .index-page header .logo .white-logo{ display: none; } .index-page .header-right .btns .item a{ color: #666; border-color: rgba(51,51,51,.25); } .index-page .header-right .btns .item.search-item a{ background-image: url('../img/search-btn.png'); } .index-about-tab .item{ width: 23.2975%; } .index-news .item{ width: 30%; margin-right: 5%; } .banner .pc-box{ display: none; } .banner .m-box{ display: block; overflow: hidden; position: relative } .banner .m-box .m-img{ display: none; } .banner .play{ position: absolute; width: 1.5rem; left: 50%; top: 50%; transform: translate(-50%, -50%); } .banner .m-box .btns{ bottom: 14%; } .banner .m-box .btns .swiper-pagination-bullet{ width: 10px; height: 10px; background-color: #fff; margin: 0 6px; border-radius: 100%; } .banner .m-box .btns .swiper-pagination-bullet-active{ background-color: #00a0e9; } .index-news-box .text-box{ width: 50%; } .foot-right{ float: none; width: 100%; } .footer-top{ padding-bottom: .6rem; border-bottom: 1px solid rgba(255,255,255,.1); margin-bottom: .6rem; } .footer-top .foot-left{ display: none; } .footer-middle .share-box{ display: none; } .foot-right .f-contact .hot-tel-box{ padding-bottom: 0; border-bottom: none; } .ban-view{ padding: 0 5%; } .spininfo-list li .con{ max-height: 3.6rem; } .honor-box .left .list-box{ height: 6rem; } .honor-box .left .list-item a{ margin-bottom: .3rem; } } @media (max-width: 992px){ .product-top-box .text-box .con{ max-height: 4.5rem; } .spininfo-list li .con{ max-height: 2.4rem; } .custom-list .row{ margin: 0 -.1rem; } .custom-list .item{ padding: 0 .1rem; } .solution-icon-box .con-box .icon{ display: block; margin: 0 auto; } .solution-icon-box .con-box .txt{ margin: .2rem 0 0; } .delivery-box .list .con-box span{ padding: 0 10%; } .service-list2 li .icon-box .ico-item{ width: 3.5rem; height: 3.5rem; } .honor-box .left{ padding: 1.5rem 4.17%; } .honor-box .left .honor-btns{ padding-left: 0; } .honor-box .left .list-box{ margin-top: 1rem; padding: 0; } .honor-box .left .list-item a{ margin-bottom: .2rem; } .manage-bottom .icon{ width: 1.5rem; } .manage-bottom .left .bottom-item{ padding: .7rem 5%; } .manage-bottom .right .bottom-item{ padding: .7rem 4.5%; } .profile-wrap .text .con{ max-height: 6rem; } } @media (max-width: 767px){ .clearfixed{ height: .88rem; } .header-view{ padding: 0 .3rem; } header{ height: .88rem; } header .logo{ width: 2.7rem; top: 0; margin-top: .16rem; } .header-right{ top: .15rem; z-index: 3 } .header-right .btns .item a{ width: .5rem; height: .5rem; font-size: .24rem; line-height: .5rem; } .header-right .btns .nav-item a{ height: .4rem; } .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; } .banner .m-box .m-img{ display: block; } .banner .m-box .pc-img{ display: none; } .banner .play{ width: 1rem; } .index-about-box{ padding: 1rem 0; overflow: hidden } .index-about-tit .m-tit{ display: block; font-size: .48rem; line-height: .6rem; font-family: "PINGFANG BOLD-subfont"; text-align: center; background-image: url('../img/index-tit-bg.jpg'); background-size: cover; background-repeat: no-repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; -webkit-text-fill-color: transparent; } .index-about-tit .pc-tit{ display: none; } .index-about-con{ margin-top: .36rem; font-size: .24rem; line-height: .36rem; } .index-about-desc .con span{ font-size: .36rem; line-height: .6rem; padding: 0 .3rem; } .newlang .img { width: 0.5rem; height: 0.5rem; position: relative; float: left; } .newlang .p{ color:#333; margin-left: .4rem; } .white .newlang .p{ color:#333; } .newlang .img .img1{ opacity:0; } .newlang .img .img2{ opacity:1; } .white .newlang .img .img1{ opacity:0; } .white .newlang .img .img2{ opacity:1; } .index-about-desc{ margin-top: .4rem; } .index-about-desc .tit{ font-size: .3rem; line-height: .4rem; } .index-about-desc .con{ margin-top: .15rem; } .index-about-desc .con span:before, .index-about-desc .con span:after{ width: 8px; height: 4px; } .index-about-desc .con span:before{ left: .1rem; top: 0; } .index-about-desc .con span:after{ right: .1rem; bottom: 0; } .index-about-tab{ margin-top: .6rem; } .index-about-tab .pc-box{ display: none; } .index-about-tab .m-box{ display: block; } .index-about-tab .m-box .swiper-slide{ height: 4.4rem; width: 6.7rem; margin-right: .12rem; } .index-about-tab .m-box .con-box{ height: 100%; } .index-about-tab .m-box .con-box img{ width: 100%; } .index-about-tab .hover-box{ opacity: 1; } .index-about-tab .tit .cn{ font-size: .32rem; line-height: .4rem; } .index-about-tab .tit .en{ font-size: .24rem; line-height: .3rem; margin-top: .05rem; } .index-about-tab .hover-box .con{ width: 3.5rem; margin-top: .2rem; font-size: .24rem; line-height: .4rem; } .index-more .more-circle{ width: .78rem; height: .78rem; margin-left: .2rem; } .index-more .more-circle:before{ width: .44rem; height: .44rem; background-size: 100%; } .index-more .txt{ font-size: .24rem; line-height: .4rem; } .index-tit{ font-size: .48rem; line-height: .5rem; } .index-product-box .index-tit{ padding: .4rem 0; } .index-icon-tab .swiper-slide .con-box{ padding: .3rem 0; } .index-icon-tab .swiper-slide{ width: 2.9rem; /* margin-right: 1.4rem; */ } .index-icon-tab .icon{ width: .4rem; } .index-icon-tab .txt{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; } .index-product-box{ padding-bottom: .5rem; } .index-product-box .bimg-tab .swiper-slide{ width: 100%; } .index-product-box .bimg-tab .swiper-slide .text{ left: 0; width: 100%; padding: 0 .3rem; box-sizing: border-box; } .index-product-box .bimg-tab .swiper-slide .text .cn{ font-size: .36rem; line-height: .4rem; color: #fff; } .index-product-box .bimg-tab .swiper-slide .text .en{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; } .index-product-box .bimg-tab .swiper-slide .text .con{ font-size: .24rem; line-height: .4rem; color: #fff; margin-top: .24rem; width: 5rem; } .index-product-box .bimg-tab .swiper-slide .index-more{ display: none; } .index-solution-box{ padding: .7rem 0; overflow: hidden } .index-solution-box .solution-list{ margin-top: .36rem; } .index-solution-box .solution-list .pc-box{ display: none; } .index-solution-box .solution-list .m-box{ display: block; } .index-solution-box .solution-list .m-box .swiper-slide{ margin-right: 1rem; } .index-solution-box .solution-list .m-box .swiper-slide:last-child{ margin-right: 0; } .index-solution-box .solution-list .m-box .buttons{ font-size: 0; text-align: center; margin-top: .3rem; } .index-solution-box .solution-list .m-box .buttons a{ display: inline-block; *display: inline; zoom: 1; width: .8rem; height: .8rem; margin: 0 .1rem; border: 1px solid rgba(159,159,159,.5); background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #fff; } .index-solution-box .solution-list .m-box .buttons .prev{ background-image: url('../img/honor-prev.png'); } .index-solution-box .solution-list .m-box .buttons .next{ background-image: url('../img/honor-next.png'); } .index-solution-box .solution-list .text-box{ position: static; transform: translateY(0); padding: .3rem 0; } .index-solution-box .solution-list .con-box{ height: 2.93rem; } .index-solution-box .solution-list .con{ display: block; width: 73.5849%; } .index-solution-box .solution-list .icon{ width: .88rem; height: .88rem; background-color: #00a0e9; } .index-solution-box .solution-list .icon img{ width: 50%; } .index-solution-box .solution-list .icon .init{ opacity: 0; } .index-solution-box .solution-list .icon .hover{ opacity: 1; } .index-solution-box .solution-list .tit{ font-size: .3rem; line-height: .4rem; color: #00a0e9; margin-top: .15rem; } .index-solution-box .solution-list .con{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; } .index-news-box{ padding: .7rem 0; } .index-news{ margin-top: .4rem; padding: 0; border-top: 1px solid rgba(111,111,111,.25); } .index-news .item{ float: none; width: 100%; padding: .2rem 0; border-bottom: 1px solid rgba(111,111,111,.25); } .index-news .con-box{ display: block; } .index-news-box .time{ display: none; } .index-news-box .text-box .img{ float: left; width: 2.6rem; } .index-news-box .text-box{ float: none; width: 100%; border-left: none; padding: 0; } .index-news-box .text-box .news-arrow{ display: none; } .index-news-box .text-box .text{ float: right; width: 4rem; } .index-news-box .text-box .tit{ margin: 0; font-size: .3rem; line-height: .4rem; height: .8rem; } .index-news-box .text-box .con{ font-size: .24rem; line-height: .36rem; margin-top: .2rem; height: 1.08rem; } .index-news-box .more-btn{ margin-top: .45rem; } .index-news-box .more-btn{ height: .7rem; width: 3rem; } .index-news-box .more-btn span{ line-height: .7rem; font-size: .24rem; padding-left: .24rem; } .footer-top{ padding: .5rem 0; margin: 0; } .foot-right .f-contact{ width: 2.9rem; } .foot-right .f-contact .f-logo{ width: 1rem; } .foot-right .f-contact .hot-tel-box{ margin-top: .4rem; padding-bottom: .28rem; border-bottom: 1px solid rgba(255,255,255,.1); } .foot-right .f-contact .hot-tel-box .tit{ font-size: .24rem; line-height: .4rem; } .foot-right .f-contact .hot-tel-box .tel{ font-size: .3rem; line-height: .4rem; margin-top: .1rem; } .foot-right .f-contact .f-mail{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; } .foot-right .f-qrcode{ width: 1.7rem; text-align: right; font-size: 0; } .foot-right .f-qrcode a{ font-size: .24rem; color: #fff; display: block; } .foot-right .f-qrcode .img{ display: inline-block; *display: inline; zoom: 1; width: 1.2rem; } .foot-right .f-qrcode .txt{ font-size: .24rem; line-height: .4rem; white-space: nowrap; margin-top: .24rem; } .footer-middle{ padding: .3rem 0; } .footer-middle .buttons{ float: none; text-align: center; } .footer-middle .buttons a{ font-size: .24rem; line-height: .4rem; color: #fff; margin: 0 .2rem; } .footer-middle .link-box{ float: none; margin: .2rem auto 0; width: 2.4rem; } .footer-middle .link-box .tit{ width: 2.4rem; height: .7rem; } .footer-middle .link-box .tit:before{ right: .24rem; } .footer-middle .link-box .tit span{ padding: 0 .24rem; line-height: .7rem; height: .7rem; font-size: .24rem; } .footer-middle .link-box .sub{ bottom: .7rem; max-height: 2.8rem; } .footer-middle .link-box .sub a{ height: .7rem; line-height: .7rem; padding: 0 .24rem; font-size: .24rem; } .footer-bottom{ padding: .3rem 0; margin: 0; text-align: center; } .footer-bottom .copy{ float: none; font-size: .24rem; line-height: .4rem; } .footer-bottom .build{ float: none; font-size: .24rem; line-height: .4rem; } .footer-bottom .build a{ font-size: .24rem; line-height: .4rem; } .sub-banner img{ width: 150%; transform: translateX(-20%); } .ban-view{ padding: 0 .3rem; } .sub-banner .text-box .cn{ font-size: .48rem; line-height: .5rem; } .sub-banner .text-box .en{ font-size: .24rem; line-height: .4rem; margin-top: .2rem; } .product-ico-box .swiper-slide{ width: 2.9rem; } .product-ico-box .swiper-slide .con-box{ padding: .3rem 0; } .product-ico-box .swiper-slide .con-box .icon{ width: .5rem; } .product-ico-box .swiper-slide .con-box .txt{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; } .product-top-box{ padding: .6rem 0; } .product-top-box .img{ float: none; width: 100%; margin: 0; } .product-top-box .text-box{ float: none; width: 100%; margin-top: .5rem; } .pub-tit .cn{ font-size: .36rem; line-height: .4rem; } .pub-tit .en{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; } .pub-con{ font-size: .24rem; line-height: .4rem; } .product-top-box .text-box .con{ margin-top: .36rem; max-height: 100%; } .products-list{ padding: .6rem 0; } .products-list .list .row{ margin: 0; } .products-list .list .item{ padding: 0; margin-bottom: .3rem; } .products-list .list .item:last-child{ margin-bottom: 0; } .products-list .list .txt{ font-size: .3rem; line-height: .4rem; margin-top: .2rem; } .spininfo-box{ padding-bottom: .6rem; } .spininfo-left{ width: 100%; float: none; padding: .6rem 0; } .spininfo-left .tit{ font-size: .36rem; line-height: .4rem; } .spininfo-list{ margin-top: .36rem; } .spininfo-list li .img{ float: none; width: 100%; } .spininfo-list li .text{ position: static; width: auto; padding: .3rem; } .spininfo-list li .title{ font-size: .3rem; line-height: .4rem; } .spininfo-list li .con{ max-height: 100%; margin-top: .36rem; font-size: .24rem; line-height: .4rem; } .spinfo-right .bread{ display: none; } .spinfo-right{ width: 100%; float: none; } .spinfo-right .title{ margin-top: 0; } .spinfo-right .title{ font-size: .36rem; line-height: .4rem; } .spinfo-right .list .txt{ font-size: .3rem; line-height: .4rem; } .transport-con{ font-size: .24rem; line-height: .4rem; margin-top: .3rem; } .transport-img{ margin-top: .4rem; } .custom-list-box{ padding: .6rem 0; } .custom-list .item{ width: 50%; margin-bottom: .2rem; } .custom-list .item .text{ padding: .3rem 0; } .custom-list .item .text .tit{ font-size: .3rem; line-height: .4rem; } .custom-list .item .text .con{ font-size: .24rem; line-height: .4rem; } .solution-box{ padding: .6rem 0; } .solution-box .solution-con{ margin-top: .3rem; } .solution-icon-box{ margin-top: .5rem; } .solution-icon-box .swiper-slide{ width: 2rem; } .solution-icon-box .con-box{ padding: .3rem 0; } .solution-icon-box .con-box .icon{ width: .6rem; height: .6rem; } .solution-icon-box .con-box .txt{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; } .solution-icon-box .con-box i{ height: 1rem; } .solution-box .text-box{ position: static; background-color: #00a0e9; padding: .3rem; } .solution-box .text-box .left{ width: 100%; } .solution-box .text-box .left .tit{ font-size: .3rem; line-height: .4rem; } .solution-box .text-box .left .con{ font-size: .24rem; line-height: .4rem; margin-top: .2rem; } .solution-box .text-box .solution-btn{ position: static; } .solution-box .text-box .solution-btn .txt{ font-size: .24rem; line-height: .4rem; } .solution-box .text-box .solution-btn .circle{ margin-left: .2rem; width: .44rem; height: .44rem; background-size: 3px; } .bread{ display: none; } .solutioninfo-box{ padding: .6rem 0; } .solutioninfo-box .product-top-box{ margin: 0; } .solutioninfo-box .product-top-box .icon{ width: 2rem; height: 2rem; margin-top: .4rem; } .solutioninfo-box .product-top-box .icon img{ width: .6rem; } .delivery-box{ margin-top: .5rem; } .delivery-box .title{ font-size: .3rem; line-height: .4rem; } .delivery-box .list .item{ width: 100%; margin-bottom: .3rem; } .delivery-box .list .item:last-child{ margin-bottom: 0; } .delivery-box .list .con-box{ height: auto; } .delivery-box .list .con-box span{ position: static; transform: translateY(0); font-size: .3rem; line-height: .4rem; display: block; padding: .3rem; } .services-box{ padding: .6rem 0; } .services-box .top-box{ margin-bottom: .7rem; } .services-box .top-box .pub-con{ margin-top: .3rem; } .service-list li{ margin-bottom: .4rem; } .service-list li .img{ float: none; width: 100%; } .service-list li .text-box{ position: static; width: 100%; height: auto; padding: .3rem; } .service-list li .text-item{ margin-bottom: .3rem; } .service-list li .text-box .tit{ font-size: .36rem; line-height: .4rem; } .service-list li .text-box .con{ font-size: .26rem; line-height: .4rem; margin-top: .2rem; } .service-list li .text-box .sub-tit{ font-size: .3rem; line-height: .4rem; } .service-list li .text-box .sub-con{ font-size: .24rem; line-height: .4rem; margin-top: .2rem; } .service-list li .text-box .btns{ margin-top: .3rem; padding-top: .3rem; } .service-list li .text-box .btns .btn-item{ padding: 0 .4rem; line-height: .7rem; height: .7rem; font-size: .24rem; } .service-list2{ margin-top: .4rem; } .service-list2 li .icon-box{ float: none; width: 100%; } .service-list2 li .icon-box{ padding: .3rem 0 0; } .service-list2 li .icon-box .ico-item{ width: 2rem; height: 2rem; margin: 0 .1rem; } .service-list2 li .icon-box .icon{ width: .7rem; } .service-list2 li .icon-box .txt{ font-size: .3rem; line-height: .4rem; } .services-box .contact-box{ margin-top: .4rem; padding: .3rem; } .services-box .contact-tit{ font-size: .36rem; line-height: .4rem; } .services-box .contact-list{ margin-top: .4rem; } .services-box .contact-list .contact-item{ float: none; width: 100%; padding-bottom: .5rem; margin-bottom: .5rem; border-bottom: 1px solid #d6d6d6; } .services-box .contact-list .contact-item:last-child{ border-bottom: none; } .services-box .contact-list .contact-item:before{ display: none; } .services-box .contact-list .tit{ font-size: .36rem; line-height: .4rem; } .services-box .contact-list .con-box{ margin-top: .36rem; } .services-box .contact-list .sub-tit{ font-size: .3rem; line-height: .4rem; } .services-box .contact-list .tel{ font-size: .24rem; font-size: .4rem; line-height: .5rem; } .services-box .contact-list .consult-btn{ width: 3rem; height: .7rem; border-radius: .35rem; } .services-box .contact-list .consult-btn span{ line-height: .7rem; font-size: .3rem; padding-right: .4rem; background-size: .3rem; } .services-box .contact-list .mail{ font-size: .24rem; line-height: .4rem; margin-top: .2rem; } .services-box .contact-list .img{ width: 1.5rem; } .top-news-box{ padding: .6rem 0; } .top-news{ margin-top: .4rem; padding: 0; } .top-news .swiper-slide{ width: 100%; /* padding: 0 .2rem; */ margin-right: .3rem; } .top-news .con-box .text .time{ font-size: .24rem; line-height: .4rem; } .top-news .con-box .text .title{ font-size: .3rem; line-height: .4rem; } .top-news .btns{ margin-top: .5rem; } .news-list-box{ padding: .6rem 0; } .date-box .select .tit{ width: 2.5rem; height: .7rem; line-height: .7rem; padding: 0 .3rem; font-size: .3rem; } .date-box .select .tit:before{ right: .3rem; } .date-box .select .sub{ top: .7rem; max-height: 2.8rem; } .date-box .select .sub a{ height: .7rem; line-height: .7rem; padding: 0 .3rem; font-size: .3rem; } .news-list .item{ margin-bottom: .3rem; } .news-list .item .img{ float: none; width: 100%; } .news-list .item .text{ float: none; width: 100%; } .news-list .item .text .tit{ font-size: .3rem; line-height: .4rem; } .news-list .item .text .con{ font-size: .24rem; line-height: .4rem; height: auto; margin-top: .3rem; } .news-list .item .text .time{ font-size: .24rem; line-height: .4rem; margin-top: .2rem; } .news-list .page{ margin-top: .5rem; } .page a{ width: .5rem; height: .5rem; line-height: .5rem; margin: 0 .02rem; font-size: .24rem; } .page a[rel=prev], .page a[rel=next]{ background-size: .12rem; } .media-box{ padding: .6rem 0; } .media-box .media-list{ margin-top: .4rem; } .media-list .row{ margin: 0; } .media-list .item{ padding: 0; margin-bottom: .36rem; } .media-list .con-box .txt{ font-size: .3rem; line-height: 1rem; height: 1rem; } .media-list .con-box .play-btn{ width: .8rem; height: .8rem; } .media-list .page{ margin-top: .5rem; } .profile-box .pub-tit{ padding: .6rem 0; } .profile-wrap{ padding: .6rem 0; } .profile-wrap .text{ float: none; width: 100%; margin-top: .3rem; } .profile-wrap .text .tit{ font-size: .3rem; line-height: .4rem; } .profile-wrap .text .con{ max-height: 100%; line-height: .4rem; margin-top: .3rem; } .profile-wrap .img{ float: none; width: 100%; } .develop-box{ padding: .6rem 0; } .develop-box .header-view{ padding: 0; } .develop-tab{ padding: 3.5rem 1.5rem; margin-top: .6rem; } .develop-tab .swiper-slide{ margin-right: 2rem; } .develop-tab .swiper-slide .con-box{ width: 3.5rem; padding: 0 0 2.5rem; } .develop-tab .swiper-slide:nth-child(2n) .con-box{ padding: 2.5rem 0 0; } .develop-tab .swiper-slide .con-box .tit{ font-size: .3rem; line-height: .4rem; } .develop-tab .swiper-slide .con-box .con{ font-size: .24rem; line-height: .4rem; } .develop-tab .swiper-slide .time{ font-size: .3rem; line-height: .4rem; } .about-tit{ font-size: .3rem; line-height: .4rem; } .honor-box .pc-box{ display: none; } .honor-box .m-box{ display: block; overflow: hidden } .honor-box .m-box .swiper-slide{ margin-right: .3rem; } .honor-box .m-box .swiper-slide:last-child{ margin-right: 0; } .honor-box .m-box img{ width: 100%; } .honor-box .m-box .txt{ font-size: .3rem; line-height: .4rem; font-family: "PINGFANG BOLD-subfont"; text-align: center; margin-top: .2rem; } .honor-box .btns{ font-size: 0; text-align: center; margin-top: .3rem; } .honor-box .btns a{ width: .8rem; height: .8rem; margin: 0 .1rem; } .honor-box .left, .honor-box .right{ float: none; width: 100%; } .honor-box .left .list-box, .honor-box .left .btns{ display: none; } .honor-box .left{ position: static; padding: .6rem .3rem; } .honor-box .left .pub-con{ width: 100%; line-height: .4rem; margin-top: .3rem; } .honor-box .right{ padding: .6rem .3rem; } .vision-box{ padding-top: .6rem; } .vision-box .about-tit{ padding-bottom: .3rem; } .vision-box .vision-list{ margin-top: .4rem; } .vision-box .vision-list .row{ margin: 0; } .vision-box .vision-list .item{ padding: 0; margin-bottom: .3rem; } .vision-box .vision-list .item:last-child{ margin-bottom: 0; } .vision-box .vision-list .text{ padding: .3rem; } .vision-box .vision-list .text .tit{ font-size: .3rem; line-height: .4rem; } .vision-box .vision-list .text .pub-con{ line-height: .4rem; height: auto; min-height: 100%; } .mission-box{ margin-top: .4rem; } .mission-box .text-box{ float: none; width: 100%; padding-top: .3rem; } .mission-box .item{ margin-bottom: .36rem; } .mission-box .text-box .tit{ font-size: .3rem; line-height: .4rem; } .mission-box .text-box .con{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; } .mission-box .img{ float: none; width: 100%; } .manage-system-box{ padding: .6rem 0; } .manage-system-box .top-text .pub-con{ line-height: .4rem; width: 100%; } .manage-bottom{ margin-top: .5rem; } .manage-bottom .left{ float: none; width: 100%; } .manage-bottom .left .bottom-item{ padding: .3rem; } .manage-bottom .right{ position: static; width: 100%; } .manage-bottom .text{ float: none; width: 100%; } .manage-bottom .tit{ font-size: .3rem; line-height: .4rem; } .manage-bottom .con{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; } .manage-bottom .right .bottom-item{ padding: .3rem; } .manage-bottom .icon{ width: .84rem; } .manage-bottom .left .bottom-item:nth-child(2) .icon{ float: right; } .contact-box{ padding: .6rem 0; } .contact-box .map-box{ margin-top: .4rem; } .contact-box .map{ height: 6rem; } .contact-box .contact-text{ position: static; padding: .4rem .3rem; } .contact-box .contact-text .left, .contact-box .contact-text .qrcode-img{ float: none; width: 100%; } .contact-box .contact-text .tit{ font-size: .3rem; line-height: .4rem; } .contact-box .contact-text .con{ font-size: .24rem; line-height: .4rem; margin-top: .2rem; } .contact-box .contact-text .con p{ background-size: .25rem; padding-left: .4rem; } .contact-box .contact-text .txt{ font-size: .24rem; line-height: .4rem; } .contact-box .contact-text .qrcode-img{ margin-top: .2rem; } .contact-box .contact-text .img{ width: 1.5rem; margin-left: .4rem; } .download-box{ padding: .6rem 0; } .download-list{ margin-top: .5rem; padding-top: .5rem; } .download-list .item{ padding: .3rem; margin-bottom: .2rem; } .download-list .item .left{ width: 100%; } .download-list .item .left .time, .download-list .item .left .tit{ font-size: .3rem; line-height: .4rem; } .download-list .item .left .tit{ display: block; margin: .1rem 0 0; } .download-list .item .look-btn{ font-size: .24rem; line-height: .4rem; background-size: .3rem; padding-right: .4rem; } .download-list .page{ margin-top: .5rem; } .why-box{ padding: .6rem 0; } .why-box .img-box{ margin-top: .3rem; } .why-box .why-list{ margin: .3rem 0 0; } .why-box .why-list .row{ margin: 0; } .why-box .why-list .item{ padding: 0; margin-bottom: .3rem; } .why-box .why-list .item:last-child{ margin-bottom: 0; } .why-box .why-list .con-box{ padding: .4rem; } .why-box .why-list .tit{ font-size: .3rem; line-height: .4rem; } .why-box .why-list .con{ font-size: .24rem; line-height: .4rem; height: auto; margin-top: .3rem; } .join-box{ padding: .6rem 0; } .type-btn{ margin-top: .3rem; } .type-btn a{ width: 2rem; height: .7rem; line-height: .7rem; font-size: .3rem; } .join-contact{ padding: .2rem 0; margin-top: .5rem; font-size: .24rem; line-height: .4rem; } .join-title{ margin-top: .5rem; } .join-title .item, .join-list .tit-box .item{ padding: 0; text-align: center; font-size: .3rem; line-height: .7rem; height: .7rem; } .join-title .item:nth-child(2), .join-title .item:nth-child(3), .join-list .tit-box .item:nth-child(2), .join-list .tit-box .item:nth-child(3){ display: none; } .join-title .item, .join-list .tit-box .item{ width: 50%; } .join-list .tit-box .item:first-child{ font-size: .3rem; } .join-list li .sub{ padding: .3rem; } .join-list li .sub .con-box{ padding-bottom: .5rem; } .join-list li .sub .con-box .left, .join-list li .sub .con-box .right{ float: none; width: 100%; } .join-list li .sub .con-box .right{ margin-top: .3rem; } .join-list li .sub .con-box h3{ font-size: .3rem; line-height: .4rem; } .join-list li .sub .con-box .con{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; } .join-list li .sub .btns{ margin-top: .5rem; } .join-list li .sub .apply-btn{ width: 2rem; height: .7rem; line-height: .7rem; font-size: .24rem; } .join-list li .sub .close-btn{ font-size: .24rem; line-height: .4rem; } .join-list .page{ margin-top: .5rem; } .supplier-list .item{ padding: .6rem 0; } .supplier-list .item .img, .supplier-list .item .text{ float: none; width: 100%; } .supplier-list .item .text{ margin-top: .3rem; } .supplier-list .item .text .tit{ font-size: .3rem; line-height: .4rem; } .supplier-list .item .text .pub-con{ max-height: 100%; line-height: .4rem; margin-top: .3rem; } .supplier-list .item:last-child .text{ padding: .6rem 0; margin: 0; } .notice-box{ padding: .6rem 0; } .invest-tit{ font-size: .3rem; line-height: .4rem; } .research-list{ margin-top: .3rem; } .research-list .row{ margin: 0; } .research-list .item{ padding: 0; margin-bottom: .3rem; } .research-list .con-box{ padding: .3rem; height: auto; } .research-list .con-box .tit{ font-size: .3rem; line-height: .4rem; width: 100%; } .research-list .con-box .tips span{ font-size: .24rem; line-height: .4rem; } .research-list .con-box .research-btn{ position: static; float: right; font-size: .24rem; line-height: .4rem; right: .3rem; padding-right: .5rem; background-size: .3rem; } .research-list .page{ margin-top: .3rem; } .manage-box{ padding: .6rem 0; } .manage-list{ margin-top: .3rem; } .manage-list .item{ padding: .3rem; } .manage-list .tit{ font-size: .3rem; line-height: .4rem; } .manage-list .time{ font-size: .24rem; line-height: .4rem; margin-top: .1rem; } .manage-list .manage-btn{ font-size: .24rem; line-height: .4rem; padding-right: .5rem; background-size: .3rem; margin-top: 0; } .manage-list .page{ margin-top: .5rem; } .newsinfo-box{ padding: .6rem 0; } .newsinfo-box .left{ width: 100%; float: none; } .newsinfo-box .right{ width: 100%; } .newsinfo-box .tit-box{ padding-bottom: .2rem; } .newsinfo-box .tit-box .tit{ font-size: .36rem; line-height: .5rem; } .newsinfo-box .tit-box .time{ font-size: .24rem; margin-top: .2rem; } .newsinfo-box .left .pub-con{ margin-top: .4rem; } .newsinfo-box .ctrl-box{ margin-top: .4rem; padding-top: .4rem; } .newsinfo-box .ctrl a{ font-size: .3rem; line-height: .4rem; } .newsinfo-box .back-btn{ font-size: .3rem; line-height: .4rem; background-size: .3rem; padding-left: .6rem; } .newsinfo-box .right{ margin-top: .5rem; padding: .5rem; } .newsinfo-box .right-tit{ font-size: .3rem; line-height: .4rem; } .newsinfo-box .list{ margin-top: .3rem; } .newsinfo-box .list a{ padding-left: .3rem; font-size: .3rem; line-height: .4rem; } .newsinfo-box .list a:before{ top: .15rem; } .search-dialog{ width: 3.5rem; height: .5rem; border-radius: .25rem; } .search-dialog input[type=text]{ padding: .1rem .3rem; line-height: .3rem; height: .3rem; font-size: .3rem; } .search-dialog input[type=submit]{ width: .5rem; height: .5rem; } .recruit-dialog{ width: 90%; padding: .4rem; } .recruit-dialog .tit-box{ padding-bottom: .3rem; } .recruit-dialog .tit{ font-size: .4rem; line-height: .5rem; } .recruit-dialog .recruit-close{ width: .3rem; height: .3rem; margin: 0; } .recruit-dialog .con{ font-size: .24rem; line-height: .4rem; margin-top: .4rem; height: 5.6rem; } .service-list li .block, .notice-box .block, .manage-box .block{ top: -.88rem; } .sub-nav .swiper-slide{ margin-right: .5rem; } .sub-nav .swiper-slide a{ font-size: .26rem; line-height: .9rem; } .result-box{ padding: .6rem 0; } .result-wrap{ margin-top: .4rem; } .solution-top-box .top-news{ margin: .5rem 0 0; } .honor-box .left .honor-btns{ display: none; } .subcompany-page .clearfixed{ height: .88rem; } .subcompany-page .sub-banner img{ width: 100%; transform: translateX(0) } .media-box .pub-tit .pub-con{ margin-top: .2rem; } .media-box .pub-tit .tip-con{ font-size: .24rem; line-height: .4rem; } .talk-aside{ right: .1rem; } .talk-aside a{ margin-bottom: .1rem; } .talk-aside .icon{ width: .64rem; height: .64rem; } .talk-aside .img-box{ right: .7rem; } .talk-aside .img{ width: 2rem; padding: .1rem; } .talk-aside .txt{ font-size: .24rem; line-height: .4rem; margin: 0; } .honor-box .right .honor-btns{ display: block; padding: 0; text-align: center; margin-bottom: .5rem; margin-top: 0; } .honor-box .honor-btns a{ display: inline-block; *display: inline; zoom: 1; margin: 0 .2rem; width: 2rem; height: .7rem; line-height: .7rem; font-size: .3rem; } .services-box .contact-box .block{ top: -.88rem; } }