@media(max-width:1600px) { .innew, .newshow, .head, .foot, .inproduct, .incase, .incontact, .culture, .environment, .inhonor, .inabout, .about, .product, .application, .partner, .case, .equip, .new { padding-left: 25px; padding-right: 25px; } .nav ul li { padding: 0 15px; } .nav ul li a { font-size: 14px; } .maintitle { font-size: 100px; } } @media(max-width:1440px) { .tel { font-size: 20px; } .left_pro { width: 81%; } .par_list { margin-top: -85px; } .right_ab { margin-top: 90px; } } @media(max-width:1366px) { .tel { font-size: 16px; } .nav ul li { padding: 0 10px; } .incontact_top_fl_con { font-size: 28px; } .incontact_bots { font-size: 16px; } .newtitle { font-size: 20px; } .case_container { width: 75%; } .maintitle { font-size: 90px; } .partner_container { width: 88%; } } @media(max-width:1280px) { .logo { width: 28%; } .left_pro { width: 78%; } .par_list { margin-top: -65px; } } @media(max-width:1200px) {} @media(max-width:1024px) { .mobile-inner-header { display: block; z-index: 999; } .innewpic { display: none; } .innewintro { width: 100%; } .head, .foot { display: none; } .copy { line-height: 40px; } .copy a { display: block; } .inpro_fl_top, .inpro_fl_contact { display: none; } .inpro_fr, .inpro_fl { width: 100%; } .inpro_fl_list a { width: 49%; float: left; margin-right: 2%; font-size: 12px; background: none; padding: 0; text-align: center; } .inpro_fl_list a:nth-child(2n) { margin-right: 0; } .inproshow_top_fr_con p { font-size: 18px; } .inmaintitle { font-size: 24px; } .incontact_top { display: none; } .feedback form textarea { height: 150px; margin-top: 10px; font-size: 18px; } .feedback form div input { height: 45px; font-size: 18px; } .feedback form input[type=submit] { height: 45px; width: 200px; font-size: 18px; } .honorlistswiper img, .inenvironmentswiper img { height: auto; width: 80%; } .honorlist, .environmentlist { padding-top: 70%; } .intitlecon { font-size: 14px; } .bread { height: auto; } .inabout { margin-top: 30px; padding-bottom: 30px; } .left_inab { width: 100%; } .right_inab { width: 100%; margin-top: 20px; } .inabtitles { font-size: 26px; } .inabtitle { font-size: 16px; } .inabcon { margin-top: 20px; } .insj { width: 50%; margin-bottom: 15px; } .insj_top span { font-size: 36px; } .insj_bot { font-size: 14px; } .maintitle, .publictitles { display: none; } .publictitle { height: auto; background: none !important; position: static; width: 100%; text-align: center; margin: 0 !important; padding: 0 !important; } .about, .product, .application, .case, .equip { padding-top: 30px; padding-bottom: 30px; } .left_ab { width: 100%; margin-top: 20px; margin-left: 0; } .right_ab { margin-top: 25px; width: 100%; } .abcon { padding-left: 0; } .abmore { margin-top: 20px; } .right_pro { width: 100%; margin-top: 25px; margin-right: 0; } .right_pro span { width: calc(100% / 3); float: left; text-align: center; padding: 0; } .left_pro { width: 100%; margin-top: 0; } .pro_arrow { margin-top: 30px; } .application_container { width: 100%; } .application_title { font-size: 25px; margin-top: 25px; } .application_titles { font-size: 16px; } .swiper-container.appswiper { margin-top: 25px; } .partners, .news { padding-top: 30px; padding-bottom: 30px; height: auto; } .partner_container { width: 100%; margin-top: 30px; } .case_container { width: 100%; } .equipcontainer { width: 100%; margin-top: 30px; } .newcontainer { width: 100%; margin-top: 0; } .new_arrow, .pro_arrow, .case_arrow { text-align: center; } .new_arrow { margin-top: 20px; } .swiper-container.newswiper { margin-top: 25px; } .pro_arrow .swiper-button-prev, .pro_arrow .swiper-button-next, .case_arrow .swiper-button-prev, .case_arrow .swiper-button-next { width: 45px; height: 30px; background-size: cover; } .pro_arrow .swiper-button-prev, .case_arrow .swiper-button-prev { margin-right: 20px; } .partner { display: none; } } @media(max-width:768px) { .inpro_fr_list a { width: 49%; margin-right: 2%; } .inpro_fr_list a:nth-child(2n) { margin-right: 0; } .inproshow_top_fl { width: 100%; } .inproshow_top_fr { width: 100%; margin-top: 20px; } .inproshow_top_fr_con p { font-size: 15px; } .inproshow_top_fr_tel span { font-size: 26px; } .inproshow_top_fr_tel { font-size: 14.6px; } .inproshow_bot_title { font-size: 18px; } .incase_navs a { height: 50px; line-height: 50px; font-size: 14px; } .incas { width: 49%; margin-right: 2%; margin-top: 15px; } .incas:nth-child(3n) { margin-right: 2%; } .incas:nth-child(2n) { margin-right: 0; } .incas p { font-size: 16px; margin-top: 10px; } .feedback_title { font-size: 24px; } .cultures { margin-top: 0; } .cul { width: 100%; margin-top: 20px; } .environment { padding-top: 25px; padding-bottom: 25px; } .environments, .inhonors { margin-top: 30px; } .environment_arrow, .inhonor_arrow { margin-top: 20px; } .inhonor { margin: 20px 0; } .right_pro span { font-size: 16px; } .right_pro span.active::before { top: 35px; } .swiper-container.caseswiper { width: 100%; margin-top: 20px; height: auto !important; } .left_case { width: 100%; } .caseswiper img { height: auto; } .case_arrow { padding-right: 0; } .banner.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 20px; } } @media(max-width:420px) { .innewtitle { font-size: 18px; } .innewcon { font-size: 15px; } .innewmore { margin-top: 25px; } .incontact_bots img { width: 30px; } .incontact_bots { height: 92px; line-height: 90px; overflow: hidden; width: 100%; margin-bottom: 10px; } .feedback form div input { width: 100%; margin-bottom: 5px; } } @media(max-width:376px) {} @media(max-width:360px) {}