/*========== Mobile First Method ==========*/ /* Custom, iPhone Retina */ /* Extra Small Devices, Phones */ /* Small Devices, Tablets */ /* Medium Devices, Desktops */ /* Large Devices, Wide Screens */ /*========== Non-Mobile First Method ==========*/ /* Large Devices, Wide Screens */ @media only screen and (max-width: 1200px) { .scroll__con { overflow: hidden; } footer .footer_list li .qr_code__con { display: none; } footer .footer_list li p a { font-size: 12px; } footer .footer_list li p { font-size: 12px; } } /* Medium Devices, Desktops */ /* Small Devices, Tablets */ @media only screen and (max-width: 768px) { .focus_news .txt{ height: auto; } .focus_news{ height: auto; } header { position: fixed; } .body_page { padding-top: 55px; } header .nav__con, header .tools_bar { display: none; } header .logo { height: 50px; } header .logo__con { padding: 10px 0; } .mobile_menu_btn { display: block; } .tab_module .out_con .flex .box p { font-size: 12px; } .solutions_list li .txt_con i { width: 24px; height: 24px; line-height: 18px; font-size: 12px; } .solutions_list li .txt_con h3 { font-size: 16px; } .solutions_list li .txt_con p { font-size: 12px; } .index_aboutus__body .about__con .img_con, .index_aboutus__body .about__con .txt_con { width: 100%; padding: 0; } .index_aboutus__body .about__con .img_con { order: -1; margin-top: 50px; } .index_news__body .news__con .img_con .mask { width: 100%; } .index_aboutus__body .about__con .txt_con { padding-top: 30px; } .index_news__body .news__con .img_con, .index_news__body .news__con .txt_list { width: 100%; padding: 0; } .index_news__body .news__con .img_con { margin-bottom: 20px; } .index_news__body { padding-bottom: 30px; } footer { padding: 0; } footer .footer_list { display: none; } .list_blank li a img { width: 100%; } .list_blank li a .txt { width: 100%; } .list_blank li a .txt { padding: 10px 0 0; } .news_pager { padding: 30px 10px; } .news_pager a i { display: none; } .news_pager .last { text-align: left; } .solutions__list li .img_con, .solutions__list li .txt_con { width: 100%; } .solutions__list li .img_con { order: -2; } .focus_news.s_1 .big, .focus_news.s_1 .big_2 { width: 100%; } .focus_news.s_1 .big_2 .txt { padding-top: 30px; } .contactus__body .top__con .img_con, .contactus__body .top__con .txt_con, .contactus__body .btm__con .img_con, .contactus__body .btm__con .txt_con { width: 100%; } .contactus__body .top__con .img_con, .contactus__body .btm__con .img_con { order: -1; } .ab_index__body .box__con_1 .img_con { position: static; order: -1; width: 100%; } .ab_index__body .box__con_1 .txt_con { width: 100%; padding: 30px; margin: 0; } .ab_index__body .box__con_2 .mask { width: 100%; position: relative; } .ab_index__body .box__con_2 .txt_con { padding: 30px; } .ab_index__body .box__con_2 .bg { height: 100%; } .ab_index__body .box__con_2 .txt_con p { font-size: 14px; } .cul__body .txt_con, .cul__body .img_con { width: 100%; } .cul__body .txt_con { padding: 0 20px 0 20px; justify-content: center; } .cul__body .txt_con dl dd { margin-bottom: 20px; } .logo_txt__list li { width: 50% !important; } .products_listin__body ul li { width: calc(50% - 20px * 1 / 2); } .products_listin__body ul li:nth-child(2n) { margin-right: 0; } .products_listin__body ul li:nth-child(3n) { margin-right: auto; } .pd_focus__body { align-items: flex-start; } .pd_focus__body .img_con { width: 30%; } .pd_focus__body .txt_con { width: 70%; } .pd_txt_list li { margin: 0 30px 40px 0; width: calc(33.33% - 30px * 3 / 4); } .hon_list li { width: calc(33.33% - 30px * 3 / 4); margin: 0 30px 40px 0; } .hon_list li:nth-child(3n) { margin-right: 0; } .hon_list li:nth-child(4n) { margin-right: 30px; } .download__body .dl_list li { width: calc(50% - 25px / 2); margin: 0 25px 25px 0; } .download__body .dl_list li:nth-child(2n) { margin-right: 0; } .download__body .dl_list li:nth-child(3n) { margin-right: 25px; } } /* Extra Small Devices, Phones */ @media only screen and (max-width: 480px) { .products_listin__body ul li .img_out img{ display: block; width: 96%; height: auto; margin: 0 auto; } header .logo { height: 35px; } .page_tit strong { font-size: 18px; } .page_tit code { font-size: 14px; } .scroll__con { margin-bottom: 30px; } .index_aboutus__body .about__con .img_con { margin-top: 30px; } .tab_module ul.tab { margin-bottom: 20px; } .tab_module ul.tab li { width: calc(50% - 10px); } .tab_module ul.tab li:nth-child(2n) { margin-right: 0; } .tab_module ul.tab li a { font-size: 15px; } .tab_module .out_con .flex .box { width: calc(50% - 10px); } .tab_module .out_con .flex .box:nth-child(2n) { margin-right: 0; } .solutions_list li { width: 100%; margin-right: 0; } .logo_list li { width: calc(33.33% - 10px * 2 / 3); margin: 0 10px 10px 0 !important; } .logo_list li:nth-child(3n) { margin-right: 0 !important; } footer .copyright p { font-size: 12px; } footer .copyright p a { display: none; } span.ylian{display:none;} .news__body .focus_news .big, .news__body .focus_news .small { width: 100%; padding: 0; } .news__body .focus_news .big .txt { position: static; transform: translateY(0); background: none; width: 100%; padding: 5% 15px; } .news__body .focus_news .big { background-color: #f4f4f4; margin-bottom: 20px; } .focus_news.s_1 .big_2 .txt { padding-top: 10px; } .news__body .focus_news.s_1 .big { margin-bottom: 0; } .focus_news.s_1 .big_2 .txt h3 { font-size: 18px; padding-bottom: 10px; margin: 0; border: 0; } .news_pager { padding: 20px 10px; } .news_pager a i { display: none; } .news_pager .last { text-align: left; } .news__body { padding: 0 0 40px; } .news__body .index_news__body { padding: 0; } .details__body { padding: 0 0 30px; } .news_list li { width: 100%; margin: 0 0 20px; } .inner_kv__body { } .inner_kv__body .kv { display: block; z-index: 1; width: 100%; } .contactus__body .btm__con .txt_con, .contactus__body .top__con .txt_con { padding: 30px 20px; } .contactus__body .btm__con .txt_con ul li .txt { height: 40px; line-height: 40px; } .contactus__body .top__con .txt_con h3 { text-align: center; } .sidebar__con ul { padding: 0 20px; justify-content: flex-start; } .sidebar__con ul li { width: 50%; } .sidebar__con ul li a { display: block; text-align: center; } .hon_list li { width: 100%; margin-right: 0; } .logo_txt__list { margin-top: 30px; } .logo_txt__list li { width: 100% !important; } .logo_txt__list li p { font-size: 14px; } .ab_service__list li { margin-bottom: 30px; } .ab_service__list li .img_con, .ab_service__list li .txt_con { width: 100%; } .ab_service__list li .txt_con { padding: 30px; order: -2; } .ab_service__list li .txt_con h3 { font-size: 18px; } .ab_service__list li .txt_con p { font-size: 14px; } .ab_service__list li .ico { right: 0; bottom: 0; left: auto; top: auto; transform: none; } .products_listin__body ul li { width: calc(100%); margin-right: 0 !important; margin-bottom: 30px; } .products_listin__body ul li p { font-size: 14px; padding: 10px 0 0 0; } .products_listin__body { padding: 0 0 30px; } .pd_focus__body { align-items: flex-start; } .pd_focus__body .img_con { width: 100%; } .pd_focus__body .txt_con { padding: 20px 0 0; width: 100%; } .pd_txt_list li { margin: 0 0 20px 0; width: calc(100%); } .hon_list li:nth-child(4n) { margin-right: 0; } .download__body .dl_list li { width: 100%; margin: 0 0 25px 0 !important; } #form_pop .content { width: 88%; padding: 20px 20px; } #form_pop ul li .pop_txt input.small { width: 100%; margin-bottom: 10px; } #form_pop ul li .pop_txt .pop_form_btn { margin: 0 0 10px 10px; } .pop__body .content { max-width: 88%; } .pd_txt__body img.xijie { width: 100%; height: auto; } } /* Custom, iPhone Retina */ @media only screen and (max-width: 999px) { #footcontent {display: inline-block;width: 220px;height:20px;margin-top: 0px;position:absolute;bottom:20px;right: 15px;} } @media only screen and (max-width: 690px) { #footcontent {display:block;width: 220px;height:20px;margin-top: 0px;position: inherit;} #footcontent .yqlj {height: 20px;float: right;overflow:auto;overflow-x:hidden;margin-top:3px;margin-left: 0px;} }