@charset "utf-8"; /*width:1200+*/ @media only screen and (min-width: 1004px) and (max-width: 2800px){ } @media only screen and (max-width: 1600px){ .footer6{ margin-left: 60px; } } @media only screen and (max-width: 1440px){ .footer{ padding: 40px 0; } .nav{ /*margin-left: 60px;*/ } .nav ul li{ /*margin-left: 30px;*/ margin-left: 20px; } .nav_sub3 ul li{ margin-left: 0; } .nav_sub4 ul li{ margin-left: 0; } .pro_deta2{ padding-left: 0; } .pro_tech5 { width: 390px; height: 256px; padding: 25px 10px 23px 25px; } .pro_tech6 { font-size: 20px; } .pro_tech7 { font-size: 14px; } .pro_tech8 { width: 390px; } .pro_tech9 { font-size: 20px; } .pro_tech4 { max-width: 810px; } .pro_tech10 { width: 389px; } .pro_tech11 { padding: 25px 10px 25px 25px; } .footer3{ font-size: 16px; } .footer4{ font-size: 12px; margin-top: 20px; margin-bottom: 50px; } .footer6{ margin-left: 66px; } .footer7{ font-size: 14px; } .footer8{ font-size: 12px; } .footer8 a{ margin-top: 20px; } .beian1{ font-size: 12px; } .proMcu_tech ul li{ padding: 24px 16px 0 20px; } .proMcu_tech2 { font-size: 15px; line-height: 24px; } .proMcu_tech3 { margin-top: 80px; font-size: 32px; } .proMcu_tech4{ margin-top: 60px; } .proMcu_tech5{ width: 380px; } .proMcu_tech6 { /*margin-left: 60px;*/ /*width: 630px;*/ } .proMcu_tech6b { font-size: 14px; line-height: 24px; } .apply6{ } .apply6 ul li{ font-size: 12px; } .tool4{ padding: 0 40px; } .tool7{ padding: 0 20px; } .tool5{ font-size: 22px; } .tool6{ font-size: 16px; margin-top: 16px; line-height: 32px; } .news3{ padding-right: 36px; font-size: 40px; line-height: 54px; } .news4 { margin-top: 20px; font-size: 16px; line-height: 32px; } .news5{ margin-top: 20px; } .news_list2 { margin-top: 20px; font-size: 16px; line-height: 32px; padding: 0 20px; } .news_list3 { font-size: 16px; margin-top: 20px; padding: 0px 20px; } .page{ margin: 60px 0; } .success{ margin-top: 180px; } .success3{ margin-bottom: 100px; } .sTool2a{ font-size: 28px; line-height: 40px; } .sTool2b{ font-size: 14px; line-height: 20px; margin-top: 9px; } .sTool2c{ font-size: 12px; line-height: 16px; margin-top: 31px; } .sTool2d{ margin-top: 106px; } .sTool2d a{ width: 92px; height: 28px; font-size: 12px; line-height: 26px; } .sTool7a{ font-size: 28px; line-height: 40px; } .sTool7b{ font-size: 14px; line-height: 18px; } .sTool7d img { height: auto; } .sTool7e{ padding: 0 26px; font-size: 14px; line-height: 20px; margin-top: 17px; } .sTool7f{ padding: 0 26px; font-size: 12px; line-height: 16px; margin-top: 12px; } .sTool7g{ padding: 0 26px; font-size: 12px; line-height: 16px; margin-top: 9px; height: 64px; -webkit-line-clamp: 3; } .sTool7c{ margin-top: 28px; } .sTool7c ul li{ padding-bottom: 40px; } .sTool8a{ font-size: 28px; line-height: 40px; } .sTool8b{ font-size: 14px; line-height: 18px; margin-top: 13px; } .sTool8c{ margin-top: 20px; } .sTool8c span a{ padding-top: 12px; } .sTool8c span a{ font-size: 14px; line-height: 20px; } .sTool8d{ margin-top: 30px; } .sTool8e{ height: 90px; } .sTool8d .swiper-container{ padding-bottom: 40px; } .intro1{ padding-left: 120px; } .intro2{ font-size: 28px; line-height: 40px; } .intro3{ margin-top: 30px; font-size: 16px; font-weight: 500; color: #333333; line-height: 21px; } .intro4{ margin-top: 7px; font-size: 14px; color: #666666; line-height: 27px; } .distribut2{ font-size: 28px; line-height: 40px; } .distribut3{ font-size: 14px; line-height: 20px; } .distribut1{ width: 90%; margin: 0 auto; } .partner1{ width: 90%; } .quality1{ width: 90%; } .quality2{ font-size: 28px; line-height: 40px; } .quality3{ font-size: 14px; line-height: 20px; } .honors1{ width: 90%; } .certificate1{ width: 90%; } .quality4 ul li { padding: 60px 40px 0; width: 360px; } .banner7 img{ width: 300px; height: 300px; } .banner4{ font-size: 32px; } .banner5{ font-size: 18px; } .banner6{ margin-top: 27px; font-size: 15px; } .luntan1{ padding: 200px 0; } .jh_left{ left: -50px; } .jh_left img{ width: 30px; } .jh_right{ right: -50px; } .jh_right img{ width: 30px; } .worldwide1{ max-width: 1000px; } .worldwide4{ margin-top: 20px; max-width: 850px; } .worldwide2{ font-size: 32px; line-height: 40px; } .worldwide6{ font-size: 32px; } .worldwide7{ margin-top: 10px; font-size: 12px; } .worldwide3{ margin-top: 16px; font-size: 16px; line-height: 24px; } .sTool7c ul li{ /* height: 360px; */ } .sTool7{ max-width: 1000px; } .newsMore{ margin-top: 30px; } .sTool8{ max-width: 900px; } } @media only screen and (min-width: 1200px){ } /** max-width:1200 **/ @media only screen and (max-width: 1300px){ .footer6{ margin-left: 30px; } } /** max-width:1024 **/ @media only screen and (max-width: 1023px) { .header_m{ display: block; } .inheader{ display: none; } .pro_mess{ top: 58px; } .pro_mess1{ font-size: 16px; width: 96%; } .pro_mess1 span{ display: none; } .pro_mess1 code{ font-size: 12px; display: none; } .pro_mess1 code a{ margin-left: 9px; } .pro_mess1 strong{ vertical-align: unset; } .pro_deta3 { font-size: 20px; line-height: 36px; } .pro_deta4 { font-size: 16px; line-height: 24px; margin-top: 6px; } .pro_deta5 { font-size: 14px; line-height: 24px; margin-top: 16px; } .pro_deta6 { margin-top: 36px; } .pro_spec3 { font-size: 18px; line-height: 30px; margin-top: 16px; } .pro_spec4{ font-size: 12px; padding: 0 9px; } .pro_spec1 ul li{ margin-top: 36px; } .pro_spec{ /* padding-bottom: 40px; */ padding: 40px 0; } .pro_tech{ padding: 30px 0 30px; } .pro_tech2{ font-size: 20px; } .pro_tech3{ margin-top: 0; } .pro_tech5{ width: 100%; height: auto; margin-right: 0; } .pro_tech4{ max-width: 100%; } .pro_tech7{ font-size: 12px; } .pro_tech8{ max-width: 100%; } .pro_tech10{ width: 100%; } .pro_tech11{ height: auto; } .pro_tech12{ height: auto; } .pro_tech13{ height: auto; } .pro_img{ padding: 36px 0 50px; } .pro_img1{ margin-top: 45px; } .download{ padding: 50px 0 40px; } .download2{ font-size: 18px; } .download_tc1{ padding: 24px 24px 36px 24px; } .download_tc3 a{ width: 120px; margin: 5px 0; margin-right: 10px; } .scrollView{ width: 1130px; } .footer{ display: none; padding: 40px 0 32px; } .footer2{ display: none; } .footer5{ width: 100%; border-bottom: 1px solid #fff; } .footer6{ margin-left: 0; width: 100%; } .footer7{ line-height: 40px; border-top: 1px solid #fff; } .footer8{ display: none; } .footer8 a{ margin-top: 0; line-height: 24px; } .beian1{ line-height: 24px; } .beian1 span{ float: none; display: block; text-align: center; margin-top: 10px; } .beian1 span a{ margin: 0 10px; } .pro_img1 img{ margin: 0; } .proMcu_spec1 ul li{ margin-top: 30px; width: 50%; } .proMcu_spec3 { font-size: 16px; margin-top: 10px; } .proMcu_spec4 { font-size: 12px; padding: 0 10px; } .proMcu_tech{ margin-top: 15px; } .proMcu_tech ul li{ margin-right: 0; width: 100%; height: auto; padding: 24px 16px; } .proMcu_tech1{ font-size: 16px; } .proMcu_tech2{ font-size: 12px; margin-top: 10px; } .proMcu_tech3 { margin-top: 32px; font-size: 20px; line-height: 32px; } .proMcu_tech4{ margin-top: 0; padding: 0; } .proMcu_tech4 ul li{ padding: 16px; } .proMcu_tech5{ width: 100%; } .proMcu_tech6{ margin-left: 0; width: 100%; } .proMcu_tech6a{ font-size: 16px; } .proMcu_tech6b { font-size: 12px; line-height: 20px; margin-top: 10px; } .apply{ margin-top: 0; } .apply ul li { width: calc((100% - 20px)/2); margin-right: 20px; margin-top: 20px; } .apply ul li:nth-child(4n){ margin-right: 0; } .apply ul li:nth-child(2n){ margin-right: 0; } .apply40{ margin-top: 0; } .apply40 ul li { width: calc((100% - 20px)/2); margin-right: 20px; margin-top: 20px; } .apply40 ul li:nth-child(5n){ margin-right: 0; } .apply40 ul li:nth-child(2n){ margin-right: 0; } .apply2{ font-size: 16px; line-height: 50px; } .apply3{ margin-top: 0; } .apply3 ul li{ margin-right: 0; margin-top: 20px; width: 100%; } .apply4 img{ height: auto; } .apply5 { margin-top: 15px; font-size: 16px; } .apply6{ height: auto; } .apply6 ul li{ width: 50%; margin-top: 0; } .pro_esp{ padding: 20px 0 40px; } .pro_esp1 ul li{ padding-left: 0; width: 100%; margin-top: 20px; } .pro_esp2 span{ display: inline-block; max-width: calc(100% - 70px); } .tool ul li{ margin-right: 0; width: 100%; margin-top: 20px; } .tool3 { margin-top: 20px; padding: 0 10px 20px; } .tool2{ margin-top: 20px; font-size: 20px; } .tool4{ padding: 0 10px; } .tool5{ font-size: 16px; } .tool6 { font-size: 12px; margin-top: 10px; line-height: 20px; } .tool{ margin-top: 20px; } .tool7{ padding: 0 10px; } .tool4::before{ height: 86px; } .tool7::before{ height: 86px; } .pSeries ul li{ width: 100% !important; margin-right: 0; margin-top: 20px; } .pSeries{ margin-top: 20px; } .pSeries4{ height: auto; } .pSeries5{ position: relative; left: auto; top: auto; transform: translateY(0); font-size: 14px; line-height: 24px; } .pSeries2{ padding: 20px 15px 30px; } .pSeries3{ font-size: 18px; line-height: 32px; } .inner_main{ padding: 30px 0 60px; padding-top: 0; } .address{ font-size: 14px; margin-top: 0; } .newsDeta_left{ width: 100%; max-width: 100%; padding-bottom: 30px; } .newsDeta_left2 { font-size: 16px; line-height: 32px; margin-top: 20px; padding: 0 20px; } .newsDeta_left3{ padding: 0 20px; } .newsDeta_left4 { font-size: 16px; line-height: 32px; margin-top: 15px; padding: 0 20px; } .newsDeta_left5{ padding: 0 20px; } .newsDeta_right{ width: 100%; max-width: 100%; margin-top: 20px; margin-left: 0; } .newsDeta_right6{ margin-top: 20px; } .inner_nav a { margin: 0 9px; font-size: 14px; line-height: 50px; } .application{ margin-top: 20px; } .application2 { font-size: 18px; line-height: 30px; } .application3 { margin: 20px 0 50px; background-color: #ffffff; padding: 1px 20px 20px; border-radius: 8px; } .application4 { font-size: 16px; line-height: 24px; margin-top: 20px; } .application5{ margin-top: 0; } .application6{ margin-top: 20px; width: 100%; padding-right: 0; } .application6 span { width: 70px; font-size: 14px; } .application6 input { margin-left: 10px; width: calc(100% - 80px); } .application6 select { margin-left: 10px; width: calc(100% - 80px); } .application7{ margin-top: 30px; } .news{ margin: 20px auto 0; padding: 20px; } .news1{ width: 100%; max-width: 100%; } .news2{ width: 100%; max-width: 100%; } .news3 { padding-right: 0px; font-size: 16px; line-height: 24px; } .news4 { margin-top: 10px; font-size: 14px; line-height: 24px; } .news5 { margin-top: 10px; font-size: 14px; } .news3::before{ left: -20px; top: 0; bottom: 0; width: 4px; border-radius: 2px; } .news_list ul li{ margin-top: 20px; margin-right: 20px; width: calc((100% - 20px)/2); } .news_list ul li:nth-child(3n){ margin-right: 20px; } .news_list ul li:nth-child(2n){ margin-right: 0; } .news_list1 img { height: 120px; } .news_list2 { height: 48px; margin-top: 10px; font-size: 14px; line-height: 24px; padding: 0px 6px; } .news_list3 { font-size: 14px; margin-top: 6px; padding: 0px 6px; } .page a { width: 26px; height: 26px; line-height: 24px; margin: 0 3px; } .page span { width: 26px; height: 26px; line-height: 24px; margin: 0 3px; } .inner_banner2 { font-size: 20px; line-height: 20px; } .inner_banner3 { margin-top: 6px; font-size: 16px; line-height: 20px; } .success{ margin-top: 40px; } .success1{ font-size: 18px; } .success2{ font-size: 18px; } .success3{ margin-bottom: 20px; margin-top: 30px; } .d_search1{ width: calc(100% - 70px); height: 45px; } .d_search2 { width: 60px; height: 45px; } .develop2{ margin-top: 20px; } .develop2 ul li { margin-top: 20px; padding: 16px; margin-right: 20px; width: calc((100% - 20px)/2); } .develop2 ul li:nth-child(3n){ margin-right: 20px; } .develop2 ul li:nth-child(2n){ margin-right: 0; } .develop3 { height: auto; font-size: 14px; line-height: 20px; } .develop4{ margin-top: 9px; } .develop5 { margin-top: 10px; font-size: 12px; line-height: 20px; } .develop6{ margin-top: 15px; } .develop6 a{ width: 100%; height: 38px; line-height: 34px; } .more{ margin-top: 50px; } .more a { width: 160px; height: 52px; font-size: 16px; line-height: 50px; } .contact2{ margin-top: 30px; font-size: 20px; line-height: 30px; } .contact3{ margin-top: 0; } .contact3 ul li{ width: 100%; margin-right: 0; margin-top: 20px; padding: 20px 15px; } .contact3a{ font-size: 16px; line-height: 30px; } .contact3b{ font-size: 14px; line-height: 20px; margin-top: 10px; } .contact4 ul li{ margin-top: 10px; margin-right: 0; width: 100%; padding: 20px 16px; } .contact4a{ font-size: 16px; line-height: 30px; } .contact4a img{ max-height: 24px; margin-right: 6px; } .contact4b{ margin-top: 10px; font-size: 14px; } .contact4c{ font-size: 14px; } .contact4 ul li{ background-size: auto 80%; } .contact4 ul li:last-child{ background-position-x: calc(100% - 20px); } .contact{ padding: 10px 0 60px; } .sContact{ padding: 30px 0; } .sContact2{ font-size: 18px; } .sContact3{ margin-top: 16px; } .sTool1{ height: auto; padding: 30px 5%; } .sTool2 { position: relative; left: auto; top: auto; transform: translateY(0); } .sTool3{ position: relative; right: auto; top: auto; width: 100%; } #menu{ display: none; } .sTool2d{ margin-top: 20px; } .sTool3{ margin-top: 80px; } .sTool2c{ margin-top: 15px; } .sTool2a{ font-size: 20px; } .sTool5 { height: 160px; position: relative; left: auto; top: auto; transform: translate(0,0); } .sTool6 { position: relative; right: auto; top: auto; text-align: center; } .sTool7 { position: relative; left: auto; top: auto; transform: translate(0,0); width: 100%; } .sImg{ display: none; } .sTool7c ul li{ width: 100%; margin-right: 0; margin-top: 20px; padding-bottom: 20px; } .sTool7g{ height: auto; } .sTool8 { position: relative; left: auto; top: auto; transform: translate(0,0); width: 100%; } .sTool8a{ font-size: 20px; } .sTool8c span a{ font-size: 12px; margin-right: 10px; } .sTool8c{ margin-top: 20px; } .intro1{ padding-left: 0; } .intro2 { position: relative; left: auto; top: auto; transform: translateY(0); font-size: 20px; } .intro3{ margin-top: 20px; } .intro4{ font-size: 12px; } .history2a{ max-width: 90%; text-align: left; } .history{ padding: 30px 0; } .history1{ font-size: 20px; } .history2{ margin-top: 20px; } .history2b{ font-size: 18px; line-height: 24px; } .history2c { font-size: 14px; line-height: 20px; margin: 0; } .history3c{ font-size: 18px; } .distribut{ margin-top: 30px; } .distribut2{ font-size: 18px; } .distribut6{ width: 100%; } .quality4 ul li{ width: 100%; margin-right: 0; } .certificate3{ margin: 0 15px 0; } .certificate4{ font-size: 40px; line-height: 1; } .certificate4 span{ font-size: 24px; line-height: 1; } .certificate5 { margin-top: 6px; font-size: 24px; color: #000000; line-height: 36px; } .honors2 span a { margin-right: 6px; font-size: 14px; } .proMcu_tech6c ul li{ padding: 0; width: 50%; } .inPartner2 { font-size: 20px; line-height: 30px; padding-bottom: 10px; margin-top: 30px; } .inPartner3 ul li { width: calc((100% - 20px)/3); margin-right: 10px; margin-top: 10px; height: 86px; } .inPartner3 ul li:nth-child(5n){ margin-right: 10px; } .inPartner3 ul li:nth-child(3n){ margin-right: 0; } .inPartner5 ul li { width: calc((100% - 20px)/3); margin-right: 10px; margin-top: 10px; } .inPartner5 ul li:nth-child(5n){ margin-right: 10px; } .inPartner5 ul li:nth-child(3n){ margin-right: 0; } .inPartner4 a { /* padding: 0 10px; */ /* padding-top: 10px; */ font-size: 14px; /* line-height: 20px; */ margin-top: 15px; margin-right: 20px; } .xt_img{ margin-top: 20px; } .displays{ font-size: 20px; margin-top: 30px; } .displays1{ margin-top: 10px; } .displays1 ul li{ margin-right: 0; width: 100%; margin-top: 20px; } .displays2{ font-size: 16px; } .displays3{ margin-top: 30px; } .displays3 ul li{ margin-right: 0; width: 100%; margin-top: 20px; } .displays4{ margin-top: 30px; } .apply57{ padding: 30px 0; } .apply57_font { font-size: 20px; line-height: 36px; } .apply57_list{ margin-top: 0; } .apply57_list ul li{ width: calc((100% - 20px)/2); margin-right: 20px; } .apply57_list ul li:nth-child(2n){ margin-right: 20px; } .apply57_list ul li:nth-child(2n){ margin-right: 0; } .apply57_list1 { bottom: 10px; font-size: 14px; line-height: 28px; } .facility{ padding: 30px 0; } .facility1{ margin-top: 0; } .facility1 ul li{ width: 100%; margin-right: 0; height: auto; padding: 20px; } .facility2{ font-size: 18px; } .facility3{ font-size: 14px; margin-top: 10px; } .scheme{ padding: 30px 0; } .scheme2{ margin-top: 10px; } .scheme2 ul li{ width: 100%; margin-right: 0; margin-top: 20px; height: auto; padding: 20px; } .scheme5{ height: auto; margin-top: 20px; padding: 20px; } .scheme6 ul li{ width: 100%; font-size: 14px; } .scheme3{ font-size: 18px; } .scheme4{ font-size: 14px; } .soft{ padding: 30px 0; } .soft1{ font-size: 14px; padding: 0 5%; margin-top: 10px; line-height: 24px; } .soft2{ margin-top: 30px; } .soft4{ margin-top: 0; } .soft4 ul li{ width: 100%; margin-top: 20px; margin-right: 0; padding: 20px; height: auto; } .soft4 ul li:last-child{ width: 100%; } .soft5{ font-size: 18px; } .soft6 { font-size: 14px; line-height: 20px; margin-top: 10px; } .assist_tool{ padding: 30px 0; } .assist_tool1{ margin-top: 10px; } .assist_tool1 ul li{ width: 100%; margin-right: 0; margin-top: 20px; } .assist_tool3 { padding: 10px 10px 0; } .assist_tool4{ font-size: 16px; } .assist_tool5{ font-size: 14px; } .dms ul li{ margin-top: 20px; padding: 16px; } .dms1{ width: 100%; } .dms2{ width: 100%; padding: 20px; } .dms3{ font-size: 18px; } .dms4{ margin-top: 10px; } .dms6{ font-size: 16px; } .dms7{ font-size: 14px; line-height: 24px; margin-top: 9px; } .avm_list ul li{ margin-top: 30px; } .avm_solut{ padding: 30px 0; } .avm_solut1{ margin-top: 30px; } .avm_solut2{ margin-top: 30px; } .avm_solut4{ width: 100%; } .avm_solut5{ width: calc((100% - 40px)/2); padding: 15px; height: auto; } .avm_solut5a { font-size: 16px; line-height: 24px; } .avm_solut5b { font-size: 12px; line-height: 20px; margin-top: 6px; } .avm_solut6{ margin-top: 30px; } .dms_play img{ width: 40px; } .avm_solut6b { font-size: 16px; line-height: 32px; } .avm_solut7 { font-size: 18px; line-height: 30px; margin-top: 20px; } .avm_solut8 { font-size: 14px; line-height: 20px; margin-top: 10px; } .avm_solut9{ margin-top: 10px; } .avm_solut9 ul li{ width: calc((100% - 20px)/2); margin-right: 20px; height: 120px; margin-top: 20px; } .avm_solut9 ul li:nth-child(2n){ margin-right: 0; } .avm_solut9a{ font-size: 14px; line-height: 24px; } .culture{ margin-top: 30px; } .culture1{ width: 100%; } .culture2{ width: 100%; margin-top: 18px; } .culture3{ height: 120px; } .culture_font{ left: 10px; } .culture_font1{ font-size: 16px; } .culture_font2{ font-size: 12px; margin-top: 10px; } .history1{ line-height: 32px; } .newHistory { margin-top: 10px; font-size: 14px; line-height: 20px; padding: 0 5%; } .history3{ margin-top: 30px; } .history{ min-height: auto; background-size: auto 100%; } .newDistribut{ margin: 30px 0; } .quality{ padding: 30px 0; } .quality2{ font-size: 18px; line-height: 24px; } .quality3{ margin-top: 10px; } .luntan{ padding: 30px 0; } .luntan1{ padding: 60px 20px; } .luntan2{ font-size: 18px; line-height: 30px; } .luntan3{ font-size: 18px; line-height: 30px; } .luntan4 { margin-top: 20px; } .luntan4 a { width: 180px; height: 50px; line-height: 50px; font-size: 16px; } .jh_menu2 img{ display: none; } .swiper-slide-active .jh_menu2{ min-height: 10px; } .swiper-slide-active .jh_menu3-s{ padding-left: 0; } .jh_menu3{ max-width: 100%; } .jh_menu2{ min-height: 10px; padding: 10px; } .swiper-slide-active .jh_menu5{ display: none; } .jh_menu1 .swiper-slide{ margin-top: 0; min-height: 100px; } .jh_menu4{ font-size: 12px; } .jh_menu{ position: relative; left: auto; bottom: auto; transform: translateX(0); margin: 0 auto; } .jh_left{ display: none; } .jh_right{ display: none; } .jh_main2{ padding: 30px 0; } .jh_main3{ font-size: 18px; line-height: 1; } .jh_main4{ margin-top: 0; } .jh_main4-ul .jh_main4-li{ margin-top: 20px; padding-bottom: 20px; } .jh_main5{ width: 100%; margin-right: 0; height: 240px; } .jh_main6{ width: 100%; margin-top: 20px; } .jh_main6a{ font-size: 16px; } .jh_main6b{ font-size: 14px; margin-top: 6px; } .jh_main6c { font-size: 12px; line-height: 20px; margin-top: 10px; } .jh_main6d { font-size: 12px; line-height: 20px; margin-top: 10px; } .develop{ padding: 30px 0; } .develop1{ flex-wrap: wrap; } .dev_menu{ width: 100%; margin-right: 0; } .develop2{ width: 100%; } .clunm5 a { padding-top: 12px; font-size: 12px; line-height: 24px; margin-bottom: 20px; } .develop2 ul li{ width: 100%; margin-right: 0; } .develop5{ height: auto; } .souce6 ul:last-child li{ padding: 30px 20px; } .clunm6 a { padding-top: 12px; font-size: 12px; line-height: 24px; margin-bottom: 20px; } .souce6a{ font-size: 16px; } .souce6b{ font-size: 12px; margin-top: 10px; } .pro_deta{ height: auto; margin-top: 0; } .pro_detaNew{ padding: 20px 0; } .pro_deta2{ margin-right: 20px; } .proMcu_spec2 img{ height: 40px; } .newpro{ margin-right: 0; } .pro_img1{ display: block; } .b_font{ font-size: 18px; line-height: 36px; } .banner .swiper-pagination{ bottom: 20px; } .banner .swiper-pagination-bullet { width: 36px; height: 2px; } .banner{ height: 550px; } .banner2 { padding: 0; } .banner4{ font-size: 20px; line-height: 36px; } .banner5{ font-size: 16px; } .banner6 { margin-top: 16px; font-size: 12px; line-height: 20px; } .newIndex{ font-size: 18px; line-height: 32px; } .newIndex1 { font-size: 12px; line-height: 24px; margin-top: 0; } .newIndex2{ margin-top: 20px; } .newIndex2 ul li{ width: 100%; margin-right: 0; margin-top: 20px; } .newIndex2 ul li.on{ width: 100%; } .certification1 { position: relative; left: auto; top: auto; transform: translate(0, 0); width: 96%; max-width: 1300px; } .banner7{ width: 100%; } .banner7 img{ max-width: 70%; height: auto; } .sTool2c p{ font-size: 16px; } .certification{ height: auto; padding-top: 20px; } .newIndex3{ font-size: 16px; } .newIndex4{ font-size: 14px; } .newIndex5{ font-size: 12px; } .newIndex5 a { padding-right: 5px; margin-right: 5px; } .newIndex7b{ line-height: 24px; } .newIndex2 ul li::before { background: linear-gradient(225deg, #ECF1FF 0%, rgba(250, 252, 255, 0) 100%); } .newIndex2 ul li .newIndex3 { color: #333333; } .newIndex2 ul li .newIndex4 { color: #333333; margin-top: 7px; } .newIndex2 ul li .newIndex5 { display: block; opacity: 1; } .newIndex2 ul li .newIndex6 { display: block; opacity: 1; } .certification1{ margin: 0 auto; } .community1 img{ height: 300px; } .community3 { font-size: 18px; line-height: 32px; } .community4 { font-size: 16px; line-height: 24px; margin-top: 10px; } .community5{ margin-top: 30px; } .community5 ul li { width: calc((100% - 30px)/3); height: 140px; margin-right: 15px; } .community6 img { height: 32px; } .community7 { font-size: 16px; line-height: 24px; margin-top: 10px; } .community10{ padding: 20px 0; } .worldwide{ padding: 30px 0; } .worldwide1 { position: relative; left: auto; top: auto; transform: translate(0, 0); margin: 0 auto; } .worldwide2 { font-size: 18px; line-height: 32px; } .worldwide3 { margin-top: 10px; font-size: 14px; line-height: 20px; } .worldwide5{ margin-top: 0; } .worldwide5 ul li{ width: 50%; margin-top: 16px; } .worldwide6 { font-size: 18px; line-height: 32px; } .worldwide7{ margin-top: 0; } .sTool8c span a { font-size: 16px; padding: 16px 16px 0; } .sTool8e img { max-width: 100px; max-height: 50px; } .sTool8d .swiper-pagination-bullet-active { width: 36px; } .sTool7a { font-size: 18px; line-height: 32px; margin-top: 30px; } .sTool7b { font-size: 12px; margin-top: 0; } .sTool7c{ margin-top: 0; } .sTool7c ul{ display: block; } .sTool7c ul li{ height: auto; } .newNews{ padding: 0 20px; } .sTool7c ul li:nth-child(3){ padding: 8px 0 20px; } .newNews2{ font-size: 14px; } .newsMore{ margin-bottom: 30px; } .sContact1{ padding: 0; } .videos { width: 90%; } .d_tc1 { padding: 20px 20px 20px 20px; } .d_tc3 { margin-top: 15px; font-size: 20px; line-height: 30px; } .d_tc4 { margin-top: 15px; } .d_tc4a { width: 100%; margin: 5px 0; margin-right: 0; } .ypdg-box { margin-bottom: 20px; } .ypdg-top { font-size: 18px; } .ypdg-cen{ display: flex; flex-wrap: wrap; } .ypdg-cen1{ width: 49%; margin: 2% 0; margin-right: 2%; } .ypdg-cen1:nth-child(2n){ margin-right: 0; } .ypdg-cen2 { height: 100px; } .ypdg-cen3 { margin-top: 10px; font-size: 14px; display: flex; align-items: center; } .ypdg-down { padding: 15px 0; font-size: 14px; } } /** max-width:960 **/ @media only screen and (max-width: 959px) { } /** max-width:768 **/ @media only screen and (max-width: 767px) { } /** max-width:640 **/ @media only screen and (max-width: 639px) { } /** width:480 **/ @media only screen and (max-width: 479px) { } @media only screen and (max-width: 360px) { } /** width:320px **/ @media only screen and (max-width: 319px) { } /*********************************首页结束**********************************/ /*******************************************************************/ /*width:1200+*/ @media only screen and (min-width: 1200px){} /** max-width:1200 **/ @media only screen and (max-width: 1365px){ } /** max-width:1200 **/ @media only screen and (max-width: 1199px){} /** width:960px **/ @media only screen and (max-width: 1023px){ } /** max-width:960 **/ @media only screen and (max-width: 959px){} /** max-width:768 **/ @media only screen and (max-width: 767px){} /** max-width:640 **/ @media only screen and (max-width: 639px){ } /** width:480 **/ @media only screen and (max-width: 479px) {} /** width:360px **/ @media only screen and (max-width: 360px) {} /** width:320px **/ @media only screen and (max-width: 319px){} /*******************************************************************/