@media ( min-width:1280px) and ( max-width:1438px) { .sub-contact-left .box .list .ico{ margin-left: 17px; } .sub-contact-left .box .list .info{ font-size: 14px; } .sub-contact-right{ height: 411px; } .banshichu{ cursor: all-scroll; } } @media ( min-width:1025px) and ( max-width:1280px) { #jrwmP{ left: 42%; } #jrwmN{ right: 42%; } } @media ( min-width:1024px) and ( max-width:1145px) { .WebLink li{ margin-left: 42px; } .WebLink li > a{ font-size: 14px; } } @media ( min-width:768px) and ( max-width:1060px) { html { width: 100%; height: 100%; font-size: 62.5%; /* 10÷16=62.5% */ } body { font-size: 16px; font-size: 1.6rem; /* 12÷10=1.2 */ } .container { margin-right: auto; margin-left: auto; width: 96%; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } .subbanner { height: 200px; } .news-item p.text { font-size: 14px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webkit-line-clamp: 2; /** 显示的行数 **/ overflow: hidden; /** 隐藏超出的内容 **/ height: auto; margin-bottom: 20px; } } @media ( min-width:768px) and ( max-width:1024px) { .burger_menu{ display: block !important; top: 0 !important; float: right; margin-top: 1.2%; } .head{ padding: 12px 0; border-bottom: 1px solid #fff; } .head.fixedbg{ padding: 8px 0; border-bottom: 1px solid #1054a0; } .head .Logo{ width: 40%; } .WebLink{ display: none; } .head-search{ display: none; } footer{ display: none; } .foot-copy{ display: none; } .footH{ display: block; } .footFix{ display: flex; } .indexSoftware{ padding: 28px 0; } .zy-sy-titCn{ font-size: 20px; line-height: 25px; } .zy-sy-titEn{ font-size: 14px; line-height: 25px; margin-top: 7px; } .zy-sy-hr{ margin: 12px auto 0; } #syRjdz{ margin-top: 25px; } .syRjdzList .pic{ margin: 20px auto 30px; } .syRjdzList .tit{ font-size: 18px; } .syRjdzList .sub{ font-size: 14px; line-height: 25px; -webkit-line-clamp: 2; margin-top: 15px; } .indexSoftware .sy-zy-more{ margin: 28px auto 0; } .sy-zy-more{ width: 160px; line-height: 38px; font-size: 14px; } .indexProduct{ padding: 28px 0; } .syProShow{ margin-top: 28px; } #syPro{ padding-bottom: 45px; } .indexProduct .sy-zy-more{ margin: 20px auto 0; } #syProN, #syProP{ display: none; } .syProList .info{ top: 25px; } .syProList .info .titcn{ font-size: 16px; } .syProList .info .titen{ font-size: 14px; padding: 0 8px; margin-top: 10px; } .syProList .more{ bottom: 20px; } .indexSolution{ padding: 28px 0; } .syjjfa-y1{ display: none; } .syjjfa-y2{ display: none; } .syjjfa-warp{ margin-top: 25px; } .syjjfa-list{ width: 100%; max-width: 100%; padding: 5%; margin-bottom: 18px; } .syjjfa-list .tit{ font-size: 16px; } .syjjfa-list .sub{ font-size: 14px; line-height: 25px; height: 50px; } .indexSolution .sy-zy-more{ margin: 28px auto 0; } .syjjfa-warp .box{ margin-bottom: 0; } .indexAbout{ padding: 28px 0; } .sy-about-warp{ margin-top: 30px; } .sy-about-left .title{ font-size: 20px; } .sy-about-left .cont{ font-size: 14px; line-height: 26px; margin-top: 18px; } .sy-about-left .gs-info{ margin-top: 28px; } .sy-about-left .gs-info .list{ width: 100%; border-bottom: 1px solid #d3d2d2; border-right: none; padding-bottom: 10px; margin-bottom: 12px; } .sy-about-left .gs-info .list .tit{ margin-top: 7px; } .sy-about-left .gs-info .list .sub{ height: auto; margin-top: 12px; } .sy-about-left{ margin-top: 0; width: 100%; } .sy-about-right{ width: 100%; border-radius: 20px; padding: 5%; margin-top: 20px; display: none; } .sy-about-right .video-box{ height: auto; } .indexNews{ padding: 28px 0; } .sy-news-warp{ margin-top: 28px; } .sy-news-box1{ width: 100%; } .sy-news-box1 .info{ padding: 5%; } .sy-news-box1 .info .tit{ font-size: 16px; width: 70%; } .sy-news-box1 .info .time{ font-size: 12px; } .sy-news-box1 .info .sub{ font-size: 14px; line-height: 25px; height: 50px; margin-top: 8px; } .sy-news-box2{ margin-left: 0; width: 100%; margin-top: 30px; margin-bottom: 10px; } .sy-news-box3 .top-tit{ margin-top: 12px; font-size: 18px; } .sy-news-box3 .top-tit .icon-zhishi1{ font-size: 18px; } .sy-news-box3 .box{ margin-top: 10px; } .sy-news-box3 .box .list .tit{ font-size: 16px; } .sy-news-box3 .box .list .tit i{ font-size: 25px; } .sy-news-box3 .box .list .sub{ font-size: 14px; line-height: 25px; height: 50px; margin-top: 8px; } .sy-news-box3 .box .list{ padding-bottom: 10px; margin-bottom: 10px; } .indexNews .sy-zy-more{ margin-top: 28px auto 0; } .sy-news-box3{ width: 100%; } .sy-news-box2 .list .tit{ width: 70%; font-size: 16px; } .sy-news-box2 .list .time{ font-size: 12px; } .indexClients{ padding: 28px 0; } #syKh{ margin-top: 25px; padding-bottom: 40px; } .Nylocation .now-lm{ display: none; } .Nylocation .now-wz{ line-height: 42px; font-size: 14px; } .CompanyProfile{ padding: 28px 0; } .sub-gsjj-left{ width: 100%; } .sub-gsjj-right{ width: 100%; margin-top: 25px; } .sub-gsjj-right .video-box{ height: auto; } .Culture .round-title{ display: none; } .sub-gsjj-left .title{ font-size: 24px; line-height: 30px; } .sub-gsjj-left .sub{ font-size: 16px; margin: 15px 0; } .sub-gsjj-left .cont{ font-size: 14px; line-height: 26px; } .Structure{ padding: 28px 0; } .abt-titcn{ font-size: 22px; line-height: 28px; } .abt-titen{ font-size: 14px; margin-top: 8px; } .Structure .cont{ margin-top: 25px; } .Culture{ padding: 28px 0; } .Culture .list{ width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 16px; } .Culture .list .info .sub{ font-size: 14px; margin-top: 12px; } .Culture .list .info{ margin-top: 18px; } .Culture .list .info .tit{ font-size: 18px; } .Culture .list .ico{ float: none; margin: 0 auto; } .Culture .list .info{ width: 100%; text-align: center; } .Culture .list3{ margin-top: 0; } .Competitiveness{ padding: 28px 0; } #jzlSwiper{ margin-top: 25px; } .Join{ padding: 28px 0; } #jrwmSwiper{ margin-top: 28px; } #jrwmN{ right: 30%; } #jrwmP{ left: 30%; } .jrwm-list{ padding: 5%; } .jrwm-list .tit{ font-size: 16px; margin: 12px 0; padding-bottom: 12px; } .jrwm-list .time{ font-size: 12px; } .tc-join{ width: 94% !important; } .Join-warp{ padding: 5%; } .product-tab{ padding: 28px 0 !important; } .product-tab .title-cn{ font-size: 20px; line-height: 25px; } .product-tab .title-en{ font-size: 14px; margin: 6px 0 14px; } .product-tab .top-sub{ font-size: 14px; } .track-content{ padding: 28px 0; } .track-content .top-tit{ font-size: 22px; line-height: 30px; } .track-content .top-line{ margin: 12px auto 0; } .track-content .content{ font-size: 14px; line-height: 25px; margin-top: 25px; } .track-show{ padding: 30px 0; } .track-gallery-thumbs .swiper-slide p{ font-size: 14px; margin-top: 8px; } .track-gallery-top{ margin-top: 28px; } .track-gallery-top .swiper-slide .Pic{ width: 100%; } .track-gallery-top .swiper-slide .Info{ width: 100%; margin-top: 15px; } .track-gallery-top .swiper-slide .Info .tit{ font-size: 20px; line-height: 30px; padding-top: 15px; } .track-gallery-top .swiper-slide .Info .sub{ font-size: 14px; line-height: 26px; margin-top: 18px; } .case{ padding: 28px 0; } .case-list .Pic{ width: 100%; } .case-list .Info{ width: 100%; margin-top: 15px; } .case-list .Info .tit{ font-size: 18px; } .case-list .Info .sub{ font-size: 14px; line-height: 25px; height: auto; -webkit-line-clamp: 2; margin-top: 12px; } .case-list .Info .more{ font-size: 12px; line-height: 34px; margin-top: 15px; } .Nylocation .n-return{ height: 42px; line-height: 42px; } .caseDe{ padding: 28px 0; } .caseDe .title{ font-size: 18px; line-height: 25px; } .caseDe-warp{ margin-top: 28px; } .caseDe-tab .tH4{ line-height: 45px; font-size: 16px; } .caseDe-page a{ width: 100%; margin-bottom: 8px; padding: 2%; } .caseDe-page a span.tit{ font-size: 14px; margin-top: 6px; } .caseDe-page a span.bq{ font-size: 12px; } .caseDe-page{ margin-top: 40px; } .software-tab{ padding: 28px 0 !important; } .software-tab .Pic{ width: 100% !important; } .software-tab .Info{ width: 100%; margin-top: 18px; } .software-tab .Info .tit{ font-size: 20px; line-height: 28px; } .software-tab .Info .sub{ font-size: 14px; margin: 12px auto 25px; } .solution-tab{ padding: 28px 0; } .solution .top-tit{ font-size: 20px; line-height: 28px; } .solution .top-line{ margin: 15px auto 22px; } .solution-tab .cont .info{ width: 100%; margin-top: 8px; } .solution-tab .cont .pic{ width: 100%; margin-top: 20px; } #jjfaSwiper p{ font-size: 14px; margin-top: 8px; } .news{ padding: 28px 0; } .news ul li .time-box{ display: none; } .news ul li .Info{ width: 100%; padding-left: 0; margin-left: 0; border-left: none; } .news ul li .Pic{ width: 100%; float: none; margin: 10px 0; } .news ul li:hover .Info{ border-left: none; } .news ul li .Info .tit{ font-size: 18px; } .news ul li .Info .view{ font-size: 12px; margin: 8px 0; } .news ul li .Info .sub{ font-size: 14px; line-height: 25px; height: auto; } .news ul li .Info .more{ line-height: 38px; font-size: 12px; margin-top: 12px; margin-bottom: 12px; } .news ul li{ padding-bottom: 15px; margin-bottom: 15px; } .newsDe{ padding: 28px 0; } .newsDe .title{ font-size: 16px; line-height: 25px; } .newsDe .keywords{ font-size: 12px; padding-bottom: 10px; margin-top: 10px; } .newsDe .content{ font-size: 14px; line-height: 26px; margin-top: 22px; } .dePage{ margin-top: 30px; padding-top: 12px; } .dePage .sxy{ width: 100%; } .dePage .sxy a{ font-size: 14px; } .dePage .return{ float: left; margin-top: 15px; line-height: 35px; height: 37px; font-size: 12px; } .contact{ padding: 28px 0 0 0; } .sub-contact-left{ width: 100%; } .sub-contact-left .gs-name{ font-size: 20px; line-height: 25px; margin-top: 5px; } .sub-contact-left .box .list{ width: 100%; margin-bottom: 5px; } .sub-contact-left .box .list .ico{ margin-left: 0; width: 42px; height: 42px; font-size: 20px; line-height: 40px; margin-top: 7px; } .sub-contact-right{ width: 100%; } .banshichu{ padding: 28px 0; } #bscSwiper{ padding-bottom: 40px; } .sub-contact-left .box{ padding: 5%; } .sub-contact-left .box .list .info{ width: 79%; font-size: 14px; } .isMobile{ display: block; } .isPc{ display: none; } } @media ( min-width:768px) and ( max-width:930px) { } @media ( min-width:768px) and ( max-width:780px) { } @media ( min-width:768px) and ( max-width:875px) { } @media ( max-width:810px) { }