/*******************basicStyle******************/ @media (max-width: 1200px) { .header { position: fixed; top: 0; left: 0; z-index: 22; } body { padding-top: 126px; } .header .header_main { height: 90px; line-height: 90px; } .header .header_main { padding-left:10px; padding-right:10px; box-sizing: border-box; } } @media (max-width: 992px) { body { padding-top: 116px; } .header .header_main { height: 80px; line-height: 80px; } .header .logo img { max-height: 60%; } .header .header_nav { display: none; } .header .icoBtn { display: block; } .header_main .header_tel .telInfo .telNum { font-size: 18px; } } @media (max-width: 768px) { body { padding-top: 84px; } .header .header_main { height: 60px; line-height: 60px; } .header_main .header_tel { display: none; } .top_line { height: 24px; min-height: 24px; line-height: 24px; } .top_line .welcome { float: none; text-align: center; font-size: 12px; } .top_line .topBtn { display: none; } .header .logo img { padding-right: 4px; } .header .logo .text { padding-left: 6px; } .header .logo .text b{ font-size: 12px; } .header .logo .text i { font-size: 12px; margin-top: 3px; transform: scale(0.8); transform-origin: 0 0 } } /*首页title*/ @media (max-width: 768px) { .marginTop { margin-top: 50px; } .index-title { margin-bottom: 15px; } .index-title .ch{ font-size: 22px; } .index-title .en { font-size: 12px; } } /*解决方案*/ @media (max-width: 768px) { .programme .type { display: flex; justify-content: space-around; margin-bottom: 10px; } .programme .type.fn-clear:after { display: none } .programme .type a { height: auto; line-height: 1.5; font-size: 13px; width: 4em; box-sizing: content-box; padding: 5px 25px; } .programme .type a.more { display: none; } .programme .list li .imgBox .text { font-size: 12px; padding: 10px; } .programme .list li .imgBox .text p{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } } /*兴发网站登录*/ @media (max-width: 768px) { .product .typeList > span { display: none; } .product .typeList a { border: 2px solid #003755; border-radius: 16px; padding: 5px 1em; line-height: 1em; height: auto; margin: 5px; font-size: 14px; box-sizing: content-box; } .product .imgTypeList .typeIcon { display: none; } .product .imgTypeList .liBox { width: 100%; padding-top: 0; padding-bottom: 10px; } .product .imgTypeList .liBox .imgBox { padding-bottom: 54%; } .product .imgTypeList .liBox .imgBox img { height: 100%; max-width: none; left: 50%; transform: translateX(-50%); } .product .imgTypeList .liBox:nth-child(2n+1) { padding-right: 0; } .product .imgTypeList .liBox:nth-child(2n) { padding-left: 0; } .productImgList { padding: 0 14px; } .product-swiper-next, .product-swiper-prev { width: 20px; background-size: 14px 33px; } .product-swiper-next { right: 3px; } .product-swiper-prev { left: 3px; } .productImgList li dd { font-size: 13px; height: 2em; line-height: 2em; } } /*案例*/ @media (max-width: 768px) { .case .type { float: none; width: 100%; margin-left: 0; } .case .type .typeTop { display: none; } .case .type .typeList { text-align: center; margin-top: 0; margin-bottom: 10px; } .case .type .typeList a { border: 2px solid #003755; border-radius: 16px; width: auto; padding: 5px 1em; line-height: 1em; height: auto; margin: 5px; font-size: 14px; box-sizing: content-box; display: inline-block; width: auto; } .case .imgList { padding-bottom: 81%; } .case .imgList li { float: left; width: 50%; } .case .imgList li.big { float: left; width: 50%; padding: 5px; box-sizing: border-box; } .case .imgList li.small { float: left; width: 50%; padding: 5px; } .case .imgList ul{ } .case .imgList li .imgBox span { font-size: 13px; height: 2em; line-height: 2em; } } /*公司介绍*/ @media (max-width: 768px) { .about2 .aBg { position: relative; width: 100%; height: 200px; background-size: cover; background-position: center center; left: 0; } .about2 .aCont { float: none; width: 100%; padding: 15px; } .about2 .companyName { font-size: 20px; line-height: 1.4; margin-bottom: 20px; } .about2 .companyProfile { font-size: 14px; margin-bottom: 10px; } .about2 .aMore { font-size: 13px; height: 2.5em; line-height: 2.5em; width: 100px; } } /*news*/ @media (max-width: 768px) { .news { display: none; } .news_l { float: none; } .news_nor { float: none; width: 100%; margin-left: 0; } .wend { float: none; width: 100%; padding-left: 0; } .news_l dl { width: 50%; height: auto; float: left; padding: 10px 0; display: flex; justify-content: center; align-items: center; } .news_l dl a { display: none; } .news_l dl span { display: none; } .news_l dl strong { padding-top: 0; font-size: 15px; line-height: 1; } .news_l dl img { display: block; height: 1.3em; margin-right: 10px; } .news_row2 .divdgweb_new_div, .news_row2 .news_div { padding-left: 0; } } /*news-m*/ @media (max-width: 768px) { .news-m { padding: 0 15px; display: block; } .news-m li { margin-top: 20px; font-size: 14px; } .news-m li .news-d { float: right; color: #a3a3a3; margin-left: 1em; } .news-m li .news-t { overflow: hidden; color: #666; } .news-m li.other { border-left: 3px solid #0497e0; padding-left: 5px; line-height: 1; } .news-m li.top { border-bottom: 1px dashed #ccc; padding-bottom: 10px; margin-bottom: 10px; } .news-m li.top .img { float: left; width: 125px; margin-right: 10px; } .news-m li.top .img img{ width: 100%; } .news-m li.top .cont { overflow: hidden; } .news-m li.top .cont p { color: #a3a3a3; height: 2.8em; line-height: 1.4em; overflow: hidden; margin-top: 5px; } } /*footer*/ @media (max-width: 768px) { #footer { margin-top: 50px; background-color: #f2f2f2; } #copyright { padding: 15px 0; } #copyright .flogo { float: none; width: 200px; margin: 0 auto; } #copyright .flogo .text { font-size: 12px; margin-top: 0; padding-left: 8px; display: none; } #copyright .fContact { float: none; width: 90%; padding: 0 10px; box-sizing: border-box; margin: 0 auto; font-size: 13px; } #footer_menu { display: none; } #footer_menu-m { display: block; } #footer_menu-m a { display: block; float: left; width: 33.3%; text-align: center; height: 2em; line-height: 2em; background-color: #0397df; border-bottom: 1px solid #fff; border-left: 1px solid #fff; box-sizing: border-box; color: #fff; } #footer_menu-m a:nth-child(3n+1) { border-left: 0; } .fCode { float: none; text-align: center; margin-top: 15px; } .footer_line .fOther .r { float: none; text-align: center; width: 100%; } .footer_line .fOther .friendsLinks { border-top: 1px solid #666; padding-top: 5px; margin-top: 5px; margin-left: 0; padding-left: 5px; padding-right: 5px; } .footer_line { height: auto; line-height: 1.5; } .footer_line .fOther { padding: 10px 0; background-color: #525252; } } /*******************basicStyle end******************/ /******************/ @media (max-width: 768px) { #footer { } }