@charset "utf-8"; /* CSS Document */ @media all and (max-width:1700px) { /*1680 * 1050*/ } @media all and (max-width:1460px) { /*1440 * 900*/ } @media all and (max-width:1400px) {} @media all and (max-width:1380px) { /*1366*/ } @media all and (max-width:1300px) { /*1280 * 800*/ } @media all and (max-width:1280px) { .contain { width: 100%; padding: 0 2%; } .Hlang { padding: 0 0 0 15px; } .Hsrch { padding: 0 5px; } .Hnav > li { padding: 0 30px; } .Hnav .Hname { font-size: 14px; } .solPROG-list .solPROG-box { width: 100%; padding: 177px 0 0 16.875% !important; } .comPro-data li .num { font-size: 50px; line-height: 55px; } .jUs-container .contain { left: 0px; margin: 0px; } .product-container .contain { padding: 48px 2% 100px; } } @media all and (max-width:1260px) { /*1260*/ .media-modal .mediaModal-contain { width: 90%; max-height: 90%; margin-left: -45%; } } @media all and (max-width:1200px) { /*1200*/ .page-nav a { padding: 15px 1.5%; font-size: 16px; margin: 0 0 0 1.5%; } .ctUs-list .culist-icon { width: 100px; height: 100px; line-height: 98px; } .ctUs-list .culist-icon img { width: 45px; } .ctUs-list .culist-type { margin: 25px 0 0; } } @media all and (max-width:1100px) { /*1024 * 768 */ } @media all and (max-width:980px) { /*web*/ html { font-size: 50.1563px; } img { max-width: 100%; } /*-- Header --*/ .Header-wrapper .Header-cl, .header-container, .Hlogo, .Hlang-menu, .Hsrch-box, .Hnav .Hname { height: 50px; } .Hlogo, .Hlang-menu, .Hnav .Hname { line-height: 50px; } .Hlogo img { height: 38px; } .Hmenu-btn, .Hnav .Hname i { display: block; } .Hlang { padding: 0px; border: 0px; margin: 0 10px 0 0; } .Hlang-menu { width: 50px; padding: 0px; font-size: 0px; background-position: center center; } .Hlang-box { top: 50px; } .Hsrch { padding: 0px; border: 0px; } .Hsrch-menu { width: 50px; height: 50px; } .Hsrch-box { top: 50px; border-top: 1px solid #ccc; } .Hsrch-block { width: 100% !important; padding: 0px 4% !important; margin: 9px 0 0 !important; } .H-intro, .Hnav, .Hnav > li.Hnav-cur { display: none; } .Hnav { padding: 10px 0; width: 100%; background: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0px; position: absolute; top: 50px; left: 0px; } .Hnav > li { width: 100%; padding: 0px; } .Hnav .Hname { padding: 0 4%; } .Hn2nd-box { padding: 0px; width: 100%; position: relative; top: 0px; left: 0px; } .Hn2nd-box a { padding: 10px 6%; } .Hn2nd-box:after { display: none; } /*-- Footer --*/ .footer-container { padding: 1rem 0; } .Fnav { width: 20%; } .Fct { width: 372px; clear: both; float: left; margin: 2rem 0 0; } /*-- Container --*/ #index-bnr .bnr-img { height: 14rem; } .I-title .t1 { line-height: 38px; font-size: 28px; } .index-pro { padding: 1.24rem 0 1.4rem; } .indexProSwiper-prev, .indexProSwiper-next { width: 50px; height: 50px; margin: -25px 0 0; top: 22%; } .index-case { padding: 1.96rem 0 2rem; } .Icase-list li { width: 50%; padding-top: 0; } .Icase-more { margin: 1.56rem auto 0; } .Icase-box .name { margin: .7rem 0 0; } .Icase-box .name, .Icase-box .con { padding: 0 4%; } .Icase-box .Icase-img { height: 180px; } .index-news { padding: 1.2rem 0 2rem; } .Inews-wrap { width: 100%; margin: .92rem 0 0; } .Inews-top { padding: 0 0 .4rem; } .index-srv { padding: 1rem 0 1.24rem; } .sol-nav { top: 50px; } .solBnr-box { width: 92%; margin: 0 0 0 -46%; } .solBnr-box .t1 { font-size: 24px; line-height: 40px; } .solBnr-box .t2 { font-size: 16px; line-height: 30px; margin: 15px 0 0; } .comHist-swiper { padding: 1.62rem 0 1.54rem; } .comHist-swiper .comHist-swiper-container { padding: 0 0 1.58rem; } .comHist-top .t1 { font-size: 30px; line-height: 44px; } .comHist-top .t2 { font-size: 34px; line-height: 38px; } .sol-CMM { padding: 1.3rem 0 1.68rem; } .solCMM-list li { padding-top: .82rem; } .solCMM-box .solCMM-img { padding: .54rem 0 .64rem; } .solPROG-list .solPROG-box { padding: 100px 0 0 10.875% !important; } .sol-tech { padding: 1.52rem 0 2rem; } .solTech-list { margin-top: 1.04rem } .solTech-list li { width: 100%; padding: 5px 0 5px 17%; } .sol-download { padding: 1.28rem 0 2rem; } .bnr-img.page-bnr { height: 12rem; } .page-nav a { width: 33.3334%; margin: 0px; } .page-nav a.cur:after { bottom: 0px; } .com-pro { padding: 1.5rem 0; } .comPro-data li { width: 50%; } .comPro-data li:nth-child(2n-1):after { display: none; } .comPro-box { margin: .8rem 0 0; } .com-media { padding: 2.62rem 0 4.28rem; } .com-media img { max-width: 90%; } .comMedia-btn { margin: 2.04rem auto 0; } .com-cul { padding: 1.64rem 0 3.2rem; } .comCul-list li { width: 100%; } .page-n2nd { margin: .4rem .2rem 0; overflow: hidden; } .page-n2nd a { width: 49%; float: left; margin: 15px 0 0 0; } .page-n2nd a:nth-child(2n) { float: right; } .news-list li { padding: .68rem 0; position: relative; } .nlist-img { width: 245px; margin: 0px; } .nlist-box { width: 100%; margin: .6rem 0 0; } .nlist-date { width: auto; margin: 0px; float: left; } .nlist-box .c { height: auto; max-height: 72px; } .nlist-box .btn { margin: 5px 0 0; } .nlist-date { margin: 5px 0 0; float: right; position: absolute; right: 0px; } .nlist-date .day, .nlist-date .year { display: inline-block; } .news-container { padding: .8rem 0 2rem; } .pagination a, .pagination span { padding: 0 10px; line-height: 30px; } .news-info { padding: 1.08rem 0 2rem; } .nInfo-con { padding: .76rem 0 1.5rem; margin: .56rem 0 0; } .nInfo-page, .nInfo-share { display: block; float: none; } .nInfo-page .btn.prev-btn { border-right: 0px; margin: 0 0 0 19px; } .nInfo-page .btn.prev-btn, .nInfo-page .btn.next-btn { width: 80px; font-size: 18px; font-family: '瀹嬩綋'; } .parter-container { padding: .6rem 0 2rem; } .parter-list .parter-box { height: 120px; line-height: 118px; } .comEP-list li { padding: 20px 4%; } .comEP-img { width: 250px; } .comEP-box { width: 100%; margin: 15px 0 0; } .comEP-box .split { margin: 10px 0; } .comEP-box .see { margin: 15px 0 0; } .jUs-container .t1 { font-size: 50px; line-height: 60px; } .jUs-container .t2 { font-size: 16px; line-height: 26px; } .ctUs-container { padding: 1.4rem 0 2rem; } .ctUs-name { font-size: 24px; line-height: 32px; } .ctUs-list li { width: 50%; margin: 30px 0 0; } .honor-list { padding: 0px; width: 100%; margin: 1.2rem 0 0; } .honor-list:after, .honor-list:before, .honor-list li:after { display: none !important; } .honor-list li { width: 100%; padding: 0px 0px 20px 0px !important; border-bottom: 1px solid #ccc; float: left; margin: 20px 0 0 0 !important; } .honor-list li .date { text-align: left !important; } .service-container { padding: 2rem 0; } .service-container .t1 { font-size: 38px; line-height: 56px; } .service-container .t2 { font-size: 18px; line-height: 28px; } .srv-list { margin: 20px 0 0; } .srv-list li { width: 50%; margin: 20px 0 0; } .srv-list .srvlist-box { padding: 20px 0; } .srv-list .srvlist-box .icon { margin: 15px 58px; } .srv-list .srvlist-box .icon img { width: 50px; } .online-msg { padding: 1.8rem 0; } .srv-top .t1 { font-size: 28px; line-height: 48px; } .srv-top .t2 {} .sPolicy-list li { width: 50%; } .srvDload-filter li { width: 100%; margin: 20px 0 0; } .srvDload-filter li:first-child { margin: 0px; } .srv-smapApply { padding: 1.06rem 0 1.94rem; } .product-container .contain { padding: .96rem 2% 2rem; } .pro-line { display: none; } .pro-left { width: 100%; } .pn-cur, .pn-rtn { display: block; } .pro-nav { width: 100%; height: 100%; background: #fff; position: fixed; bottom: 0px; left: 0px; z-index: 9999; display: none; } .pro-nav ul { height: 100%; overflow-y: auto; } .pro-right { width: 100%; margin: 20px 0 0; } .proAdv-box { padding: 15px 0 0 80px; } .proAdv-box .proAdv-img { left: 10px; top: 10px; } .proInfo-box { margin: 20px 0 0; } .pro-table { display: block; } .pro-table-web { display: none; } .ctUs-list .culist-con { min-height: 85px; } .solTech-list li a { font-size: 14px; line-height: 24px; } .Icase-list .Icase-fl { width: 100%; } .Icase-list .Icase-fl li { width: 100%; padding-right: 0px; } .Icase-list .Icase-fr { width: 100%; } .pTable-left { width: 40%; } .pTable-right { width: 60%; } .Icase-box .name { font-size: 18px; } #allmap { height: 300px; } #allmap img { max-width: none; } .solDload-tbody dd .td.td-action .btn { margin: -70px 236px; } /* winter */ .wtsearch-headmenu { margin-top: 28px; } .wtsearch-headmenu a { margin-right: 0; width: 50%; } .wtsearch-headmenu a:after { display: none; } .product-container.wtproduct-container .contain { padding: 0 2% 2rem; } .pagination a, .pagination span { margin: 2px 4px; } .wtsearch-rmdnum { margin-top: 36px; } .wtsearch-downbox, .wtsearch-casebox { overflow-x: auto; } .wtsearch-downscroll, .wtsearch-casescroll { width: 1200px; } } @media all and (max-width:768px) { /*-- Footer --*/ .Fnav { width: 100%; border-bottom: 1px solid #ccc; margin: 0px; } .Fnav dt { padding: 0 2%; height: 50px; line-height: 50px; background: url(../images/icon/icon-Hdd.png) no-repeat right center; color: #555; } .Fnav dt i { display: block; } .Fnav dd { padding: 0 0 10px; margin: 0px; display: none; } .Fnav dd a { padding: 0 6%; height: 40px; line-height: 40px; } .Isrv-list li, .solCMM-list li { width: 50%; } .solPROG-list li { padding: 0px !important; } .solPROG-list .solPROG-img { width: 100%; position: relative; } .solPROG-list .solPROG-img img { height: auto; } .solPROG-list .solPROG-box { padding: 1rem 4% !important; min-height: 0px; } .solPROG-box .title { font-size: 24px; line-height: 32px; margin: 0 0 10px; } .solPROG-box .con { padding: 5px 0 5px 23px; font-size: 14px; line-height: 24px; background-position: left 14px; } .solDload-thead { display: none; } .solDload-tbody { margin: 1rem 0 0; } .solDload-tbody dd .td.td-name, .solDload-tbody dd .td.td-date, .solDload-tbody dd .td.td-action { width: 100%; text-align: left; } .parter-list li { width: 33.3334%; } .oMsgForm-list, .oMsgForm-box { width: 100%; } .pro-adv li { width: 50%; } .solDload-tbody dd .td.td-book { display: none; } .solDload-tbody dd .td.td-gwcart { width: 100%; } .solDload-tbody dd .td.td-gwcart .gwc { margin: -70px 286px; } } @media all and (max-width:640px) { #index-bnr .bnr-img { height: 21rem; } .page-nav a { font-size: 14px; } .comPro-data li .num { font-size: 40px; line-height: 45px; } .comPro-data li .con { font-size: 12px; line-height: 20px; height: 40px; } .parter-list .parter-box { height: 100px; line-height: 98px; } .oMsgForm-list li { margin: 15px 0 0; } .oMsgForm-list li .hint, .oMsgForm-list li .text { height: 40px; line-height: 40px; font-size: 14px; } .oMsgForm-box .text { height: 150px; } .oMsgForm-sub { width: 160px; height: 40px; line-height: 40px; margin: 25px auto 0; } .srv-top .t1 { font-size: 24px; line-height: 38px; } .srv-top .t2 { font-size: 14px; line-height: 22px; margin: 6px 0 0; } .sPolicy-list li, .smapApply-list li { width: 100%; } .proInfo-img, .proInfo-block { width: 100%; } .proInfo-block { padding-bottom: 20px; height: auto; } .proInfo-block .con { height: auto; } .pIdtl-nav a { width: 33.3334%; font-size: 14px; } } @media all and (max-width:580px) { .Icase-list li, .solCMM-list li { width: 100%; } .parter-list li { width: 50%; } .comIR-list li { padding-left: 100px; } .comIR-date { width: 80px; } .comIR-name { font-size: 16px; line-height: 28px; } .service-container .t1 { font-size: 30px; line-height: 48px; } .service-container .t2 { font-size: 16px; line-height: 24px; } .pro-adv li { width: 100%; } } @media all and (max-width:414px) { html { font-size: 21.5625px; } .Fct { width: 100%; } .Fct .FoCon-btn { float: none; margin: 0 0 10px; } .pIdtl-nav a { width: 33.3334%; line-height: 40px; height: 40px; font-size: 12px; } } @media all and (max-width:375px) {}