/*#ztmi-body-header{ width:100%; max-width:100%; height:auto; background:#ffffff; position:fixed; left:0;right:0; margin:0 auto;box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1);} #ztmi-body-header-list{ width:1920px; height:auto; background:#ffffff; position:relative; margin:0 auto; padding-top:14px;padding-bottom:20px;} #ztmi-body-header-list ul{ width:1920px; height:auto; float:left; } #ztmi-body-header-list li{ width:240px;max-width:240px; height:auto;float:left; list-style-type:none; text-align:center; margin:0 auto; font-size:14px; } #ztmi-body-header-list img{ margin-bottom:0px; } #ztmi-body-header-list li a{ display:block; margin:0 10px;} @media (min-width: 0px) { #ztmi-body-header{ display:none; } } @media (min-width: 992.1px) { #ztmi-body-header{ display:block; } #ztmi-body-header-list{ width:1024px; height:auto; background:#ffffff; position:relative; margin:0 auto; padding-top:14px;padding-bottom:14px;} #ztmi-body-header-list ul{ width:1024px; height:auto; float:none; } #ztmi-body-header-list li{ width:200px; max-width: 200px;height:auto; float:left; list-style-type:none; text-align:center; margin:0 auto; font-size:13px; } #ztmi-body-header-list li a{margin:0 0;} } @media (min-width: 1200px) { #ztmi-body-header-list{ width:1200px; height:auto; background:#ffffff; position:relative; margin:0 auto; padding-top:14px;padding-bottom:20px;} #ztmi-body-header-list ul{ width:1200px; height:auto; float:none } #ztmi-body-header-list li{ width:240px;max-width:240px; height:auto; float:left; list-style-type:none; text-align:center; margin:0 auto; font-size:14px; } #ztmi-body-header-list li a{ display:block;margin:0 10px;} } @media (min-width: 1600px) { #ztmi-body-header-list{ width:1600px; height:auto; background:#ffffff; position:relative; margin:0 auto; padding-top:14px;padding-bottom:20px;text-align:center;} #ztmi-body-header-list ul{width:auto; height:auto; float:none; display:inline-block; } #ztmi-body-header-list li{ width:320px;max-width:240px; height:auto; float:left; list-style-type:none; text-align:center; margin:0 auto; font-size:14px; } #ztmi-body-header-list li a{ display:block;margin:0 10px;} } @media (min-width: 1900px) { #ztmi-body-header-list{ width:1920px; height:auto; background:#ffffff; position:relative; margin:0 auto; padding-top:14px;padding-bottom:20px;text-align:center;} #ztmi-body-header-list ul{width:auto; height:auto; float:none; display:inline-block; } #ztmi-body-header-list li{ width:240px;max-width:240px; height:auto; float:left; list-style-type:none; text-align:center; margin:0; font-size:14px; line-height:14px; } #ztmi-body-header-list li a{ display:block;margin:0 10px;} } */ .guarantee_r>ul>li>img{ width:80px; height:80px; } #mpt-advantage .content ul>li img{ max-height:170px; } #ztmi-body-header{ width:100%; max-width:2560px;max-width:100%; height:auto; background:#ffffff;position:fixed;left:0;right:0; margin:0 auto;box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1);} #ztmi-body-header-list{ width:1920px; height:166px;height:auto; background:#ffffff; position:relative; margin:0 auto; padding-top:14px; } #ztmi-body-header-list ul{width:100%; height:auto; float:left; } #ztmi-body-header-list li{ width:240px;max-width:240px; height:auto; float:left; list-style-type:none; text-align:center; margin:0;} #ztmi-body-header-list img{ margin-bottom:0px; width:100%; max-width:180px; } #ztmi-body-header-list li a{ display:block; margin:0 10px;} @media (min-width: 0px) { #ztmi-body-header{ display:none; } } @media (min-width: 992.1px) { #ztmi-body-header{display:block; } /*#ztmi-body-header-list{ width:1024px;padding-top:32px; } #ztmi-body-header-list ul{width:100%;} #ztmi-body-header-list li{ width:126px;max-width:126px;}*/ #ztmi-body-header-list{width:100%;} #ztmi-body-header-list ul{width:100%;} #ztmi-body-header-list li{ width:20%;max-width:20%;} } @media (min-width: 1600px) { /*#ztmi-body-header-list{ width:1600px;padding-top:14px; } #ztmi-body-header-list ul{width:100%;} #ztmi-body-header-list li{width:300px; max-width:300px;}*/ } @media (min-width: 1900px) { #ztmi-body-header-list{ width:1920px; height:166px;height:auto;padding-top:14px; } #ztmi-body-header-list ul{ width:100%;} #ztmi-body-header-list li{ width:364px; max-width:364px;} } #mpt-photo{ width:100%; max-width:1200px; height:auto; background:#f5f5f5; margin-top:220px; margin-right:auto; margin-left:auto; } #mpt-photo .content { width:100%; max-width:1200px; height: auto; overflow: hidden; margin:0 auto ; padding-top:50px; } .yang_card_h3{ font-size:48px; font-weight:bold; color:#1b1c1e; text-align:center; line-height:52px; padding-bottom:3px; padding-top:17px; margin-bottom:20px; } .yang_card_p{ width:1000px; margin:0 auto; padding:0 70px; color:#1b1c1e; font-size:16px; line-height:32px; text-align:center; margin-bottom:50px; } #mpt-advantage .content ul>li .ico1{ display:block;-webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-o-transition: all .5s ease-in;transition: all .5s ease-in;} #mpt-advantage .content ul>li .ico2{ display:none;-webkit-transition: all .5s ease-in;-moz-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-o-transition: all .5s ease-in;transition: all .5s ease-in;} #mpt-advantage .content ul>li.current{ box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); } #mpt-advantage .content ul>li.current .ico1{ display:none;} #mpt-advantage .content ul>li.current .ico2{ display:block;} @media (min-width: 300px) { #mpt-photo{ width:100%; max-width:1200px; height:auto; background:#f5f5f5; margin-top:16px; margin-right:auto; margin-left:auto; } #mpt-photo .content { width:100%; max-width:1200px; height: auto; overflow: hidden; margin:0 auto; padding-top:30px; } .mpt-photo-div{ display:none; } #mpt-advantage{ width:100%; max-width:1200px; height:auto; background:#f5f5f5; margin:0 auto; } #mpt-advantage .content { width:100%; max-width:1024px; height: auto; overflow: hidden; margin:0 auto ; padding-top:50px; padding-bottom: 26px; } #mpt-advantage .content ul{ width:300px; margin:6px auto 0px; } #mpt-advantage .content ul>li{ width:142px; height:370px; float:left; background:#ffffff; margin:0 4px 8px 4px; text-align:center; border-radius:8px; padding: 30px 14px; } #mpt-advantage .content ul>li>img{ margin-top:-30px;} #mpt-advantage .content ul>li>h2{ font-size: 22px; font-weight: bold; line-height: 32px; color:#1b1c1e; margin-top:-10px; margin-bottom: 0px; } #mpt-advantage .content ul>li>h3{ font-size: 14px; line-height: 28px; margin-top: 0px; margin-bottom: 10px; color:#1b1c1e; } #mpt-advantage .content ul>li>p{ font-size: 14px; line-height: 22px; color:#1b1c1e; } #mpt-testanalysis{ width:100%; max-width:1200px; height:auto; background:#ffffff; margin:0 auto; } #mpt-testanalysis .content { width:100%; max-width:1024px; height: auto; overflow: hidden; margin:0 auto ; padding-top:20px; } .mpt-testanalysis-div{ width:100%; height: auto; margin-top:20px; } #mpt-laboratory{ width:100%; height:auto; background:#f5f5f5; margin:0 auto; } #mpt-laboratory .content { width:100%; max-width:300px; height: auto; overflow: hidden; margin:0 auto ; padding-top:50px; } #mpt-laboratory .content ul{ width:280px; margin:0 auto; } #mpt-laboratory .content li{ width:280px; height:265px; float:none; background:#ffffff; margin:0 auto 16px auto; text-align:center; } #mpt-laboratory .content ul li h3{ font-size:18px; line-height:36px; font-weight:bold; color:#1b1c1e; margin-top:16px; } #mpt-laboratory .content ul li p{ width:90%; font-size:14px; line-height:26px; color:#1b1c1e; margin: 0 auto; } #mpt-guarantee{ width:100%; height:auto; background:#f5f5f5; margin:0 auto; } #mpt-guarantee .content { width:100%; max-width:300px; height: auto; overflow: hidden; margin:0 auto; padding-top:30px; } #mpt-guarantee .guarantee_c{ width:280px; height:700px; margin:10px auto 0px; } #mpt-guarantee .guarantee_l{ width:280px; height:228px; float:left; } #mpt-guarantee .guarantee_r{ width:280px; height:416px; float:left; background:#ffffff; padding:16px; } #mpt-guarantee .guarantee_r ul{ width:280px; height:340px; margin:20px 0px 10px; } #mpt-guarantee .guarantee_r ul li{ width:118px; height:110px; float:left; margin:0px; } #mpt-guarantee .guarantee_r ul li p{ font-size:14px; line-height:26px; color:#727b80; text-align:center; } .yang_card_h3,.yang_card_h3_two{ font-size:24px; font-weight:bold; color:#1b1c1e; text-align:center; line-height:52px; padding-bottom:3px; padding-top:8px; margin-bottom:0px; } .yang_card_p{ width:100%; margin:0 auto; padding:0 16px; color:#1b1c1e; font-size:14px; line-height:24px; text-align:center; margin-bottom:30px; } } /*针对iphone5s*/ @media (min-width: 315px) { } /*针对1080*1920的android*/ @media (min-width: 360px) { #mpt-advantage{ width:100%; max-width:1200px; height:auto; background:#f5f5f5; margin:0 auto; } #mpt-advantage .content { width:100%; max-width:1024px; height: auto; overflow: hidden; margin:0 auto ; padding-top:50px; padding-bottom: 26px; } #mpt-advantage .content ul{ width:340px; margin:6px auto 0px; } #mpt-advantage .content ul>li{ width:160px; height:378px; float:left; background:#ffffff; margin:0 5px 10px 5px; text-align:center; border-radius:8px; padding: 30px 12px; } #mpt-advantage .content ul>li>h2{ font-size: 22px; font-weight: bold; line-height: 32px; margin-bottom: 0px; } #mpt-advantage .content ul>li>h3{ font-size: 14px; line-height: 28px; margin-top: 0px; margin-bottom: 10px; } #mpt-advantage .content ul>li>p{ font-size: 14px; line-height: 22px; } #mpt-laboratory{ width:100%; height:auto; background:#f5f5f5; margin:0 auto; } #mpt-laboratory .content { width:100%; max-width:360px; height: auto; overflow: hidden; margin:0 auto ; padding-top:30px; } #mpt-laboratory .content ul{ width:340px; margin:0 auto; } #mpt-laboratory .content li{ width:340px; height:310px; float:none; background:#ffffff; margin:0 auto 16px auto; text-align:center; } #mpt-laboratory .content ul li h3{ font-size:22px; line-height:44px; font-weight:bold; color:#1b1c1e; margin-top:16px; } #mpt-laboratory .content ul li p{ width:90%; font-size:14px; line-height:26px; color:#1b1c1e; margin: 0 auto; } #mpt-guarantee{ width:100%; height:auto; background:#f5f5f5; margin:0 auto; } #mpt-guarantee .content { width:100%; max-width:360px; height: auto; overflow: hidden; margin:0 auto; padding-top:30px; } #mpt-guarantee .guarantee_c{ width:340px; height:650px; margin:10px auto 0px; } #mpt-guarantee .guarantee_l{ width:340px; height:276px; float:left; } #mpt-guarantee .guarantee_r{ width:340px; height:304px; float:left; background:#ffffff; padding:10px; } #mpt-guarantee .guarantee_r ul{ width:310px; height:340px; margin:20px 0px 10px; } #mpt-guarantee .guarantee_r ul li{ width:103px; height:110px; float:left; margin:0px; } #mpt-guarantee .guarantee_r ul li p{ font-size:14px; line-height:26px; color:#727b80; text-align:center; } } /*针对iphone6*/ @media (min-width: 375px) { } /*针对全面屏安卓*/ @media (min-width: 390px) { } @media (min-width: 400px) { } /*针对iphone6s plus*/ @media (min-width: 410px) { #mpt-advantage{ width:100%; max-width:1200px; height:auto; background:#f5f5f5; margin:0 auto; } #mpt-advantage .content { width:100%; max-width:1024px; height: auto; overflow: hidden; margin:0 auto ; padding-top:50px; padding-bottom: 26px; } #mpt-advantage .content ul{ width:390px; margin:6px auto 0px; } #mpt-advantage .content ul>li{ width:180px; height:386px; float:left; background:#ffffff; margin:0 8px 16px 7px; text-align:center; border-radius:8px; padding: 30px 16px; } #mpt-advantage .content ul>li>h2{ font-size: 22px; font-weight: bold; line-height: 32px; margin-bottom: 0px; } #mpt-advantage .content ul>li>h3{ font-size: 14px; line-height: 28px; margin-top: 0px; margin-bottom: 10px; } #mpt-advantage .content ul>li>p{ font-size: 14px; line-height: 22px; } #mpt-laboratory{ width:100%; height:auto; background:#f5f5f5; margin:0 auto; } #mpt-laboratory .content { width:100%; max-width:410px; height: auto; overflow: hidden; margin:0 auto ; padding-top:30px; } #mpt-laboratory .content ul{ width:380px; margin:0 auto; } #mpt-laboratory .content li{ width:380px; height:320px; float:none; background:#ffffff; margin:0 auto 16px auto; text-align:center; } #mpt-laboratory .content ul li h3{ font-size:24px; line-height:48px; font-weight:bold; color:#1b1c1e; margin-top:20px; } #mpt-laboratory .content ul li p{ width:90%; font-size:14px; line-height:26px; color:#1b1c1e; margin: 0 auto; } #mpt-guarantee{ width:100%; height:auto; background:#f5f5f5; margin:0 auto; } #mpt-guarantee .content { width:100%; max-width:410px; height: auto; overflow: hidden; margin:0 auto; padding-top:30px; } #mpt-guarantee .guarantee_c{ width:380px; height:690px; margin:10px auto 0px; } #mpt-guarantee .guarantee_l{ width:380px; height:309px; float:left; } #mpt-guarantee .guarantee_r{ width:380px; height:310px; float:left; background:#ffffff; padding:14px; } #mpt-guarantee .guarantee_r ul{ width:340px; height:340px; margin:20px 0px 10px; } #mpt-guarantee .guarantee_r ul li{ width:113px; height:110px; float:left; margin:0px; } #mpt-guarantee .guarantee_r ul li p{ font-size:14px; line-height:26px; color:#727b80; text-align:center; } } /*针对1440*2560的android*/ @media (min-width: 480px) { } @media (min-width: 500px) { } @media (min-width: 600px) { #mpt-advantage{ width:100%; max-width:1200px; height:auto; background:#f5f5f5; margin:0 auto; } #mpt-advantage .content { width:100%; max-width:1024px; height: auto; overflow: hidden; margin:0 auto ; padding-top:50px; padding-bottom: 26px; } #mpt-advantage .content ul{ width:580px; margin:6px auto 0px; } #mpt-advantage .content ul>li{ width:274px; height:350px; float:left; background:#ffffff; margin:0 8px 16px 7px; text-align:center; border-radius:8px; padding: 30px 14px; } #mpt-advantage .content ul>li>h2{ font-size: 22px; font-weight: bold; line-height: 32px; margin-bottom: 0px; } #mpt-advantage .content ul>li>h3{ font-size: 14px; line-height: 28px; margin-top: 0px; margin-bottom: 10px; } #mpt-advantage .content ul>li>p{ font-size: 14px; line-height: 22px; } #mpt-laboratory{ width:100%; height:auto; background:#f5f5f5; margin:0 auto; } #mpt-laboratory .content { width:100%; max-width:560px; height: auto; overflow: hidden; margin:0 auto ; padding-top:30px; } #mpt-laboratory .content ul{ width:560px; margin:0 auto; } #mpt-laboratory .content li{ width:560px; height:430px; float:none; background:#ffffff; margin:0 auto 26px auto; text-align:center; } #mpt-laboratory .content ul li h3{ font-size:24px; line-height:48px; font-weight:bold; color:#1b1c1e; margin-top:20px; } #mpt-laboratory .content ul li p{ width:90%; font-size:16px; line-height:28px; color:#1b1c1e; margin: 0 auto; } #mpt-guarantee{ width:100%; height:auto; background:#f5f5f5; margin:0 auto; } #mpt-guarantee .content { width:100%; max-width:560px; height: auto; overflow: hidden; margin:0 auto; padding-top:30px; } #mpt-guarantee .guarantee_c{ width:560px; height:880px; margin:10px auto 0px; } #mpt-guarantee .guarantee_l{ width:560px; height:456px; float:left; } #mpt-guarantee .guarantee_r{ width:560px; height:346px; float:left; background:#ffffff; padding:20px; } #mpt-guarantee .guarantee_r ul{ width:510px; height:270px; margin:20px 0px 10px; } #mpt-guarantee .guarantee_r ul li{ width:170px; height:130px; float:left; margin:0px; } #mpt-guarantee .guarantee_r ul li p{ font-size:16px; line-height:28px; color:#727b80; text-align:center; } .yang_card_h3{ font-size:28px; font-weight:bold; color:#1b1c1e; text-align:center; line-height:52px; padding-bottom:3px; padding-top:8px; margin-bottom:0px; } .yang_card_h3_two{ font-size:28px; font-weight:bold; color:#1b1c1e; text-align:center; line-height:52px; padding-bottom:3px; padding-top:8px; margin-bottom:20px; } .yang_card_p{ width:100%; margin:0 auto; padding:0 16px; color:#1b1c1e; font-size:16px; line-height:24px; text-align:center; margin-bottom:30px; } } @media (min-width: 700px) { } @media (min-width: 767px) { } @media (min-width: 768px) { #mpt-photo{ margin-top:0px; } .yang_card_h3{ font-size:36px; font-weight:bold; color:#1b1c1e; text-align:center; line-height:52px; padding-bottom:3px; padding-top:17px; margin-bottom:20px; } .yang_card_h3_two{ font-size:36px; font-weight:bold; color:#1b1c1e; text-align:center; line-height:52px; padding-bottom:3px; padding-top:17px; margin-bottom:40px; } .yang_card_p{ width:100%; margin:0 auto; padding:0 10px; color:#1b1c1e; font-size:16px; line-height:28px; text-align:center; margin-bottom:50px; } } @media (min-width: 770px) { } @media (min-width: 785px) { } @media (min-width: 800px) { } @media (min-width: 880px) { } @media (min-width: 980px) { } @media (min-width: 1024px) { #ztmi-body{ width:100%; max-width:100%; height:auto; margin-top:70px;background:#f5f5f5; } #mpt-photo{ width:100%; max-width:2560px; height:auto; background:#f5f5f5; margin-top:190px; margin-right:auto; margin-left:auto; } #mpt-photo .content { width:100%; max-width:2560px; height: auto; overflow: hidden; margin:0 auto ; padding-top:50px; } .mpt-photo-div{ width:140%; height: auto; margin-left: -250px; margin-top:-20px; display:block; } .mpt-photo-div img{ width: 2560px; height: 986px; margin-left:-510px; } .mpt-photo-div-mb{ display:none; } #mpt-advantage{ width:100%; max-width:2560px; height:auto; background:#f5f5f5; margin:16px auto 0; } #mpt-advantage .content { width:100%; max-width:1024px; height: auto; overflow: hidden; margin:0 auto ; padding-top:90px; padding-bottom: 96px; } #mpt-advantage .content ul{ width:1020px; margin:70px auto 0px; } #mpt-advantage .content ul>li{ width:246px; height:486px; float:left; background:#ffffff; margin:0 8px 8px 0px; text-align:center; border-radius:8px; padding: 30px 24px; } #mpt-advantage .content ul>li>img{ margin-top:0px;} #mpt-advantage .content ul>li:hover{ box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); } #mpt-advantage .content ul>li>h2{ font-size: 24px; font-weight: bold; line-height: 32px; margin-top:20px; margin-bottom: 0px; } #mpt-advantage .content ul>li>h3{ font-size: 18px; line-height: 28px; margin-top: 0px; margin-bottom: 30px; } #mpt-advantage .content ul>li>p{ font-size: 14px; line-height: 28px; } #mpt-testanalysis{ width:100%; max-width:2560px; height:auto; background:#ffffff; margin:0 auto; } #mpt-testanalysis .content { width:100%; max-width:1024px; height: auto; overflow: hidden; margin:0 auto ; padding-top:106px; } .mpt-testanalysis-div{ width:100%; height: auto; margin-top:80px; } #mpt-laboratory{ width:100%; max-width:1024px; height:auto; background:#f5f5f5; margin:16px auto 0; } #mpt-laboratory .content { width:100%; max-width:1024px; height: auto; overflow: hidden; margin:0 auto ; padding-top:90px; } #mpt-laboratory .content ul{ width:1000px; margin:0 auto; } #mpt-laboratory .content li{ width:484px; height:418px; float:left; background:#ffffff; margin:0 8px 16px 8px; text-align:center; } #mpt-laboratory .content ul li h3{ font-size:28px; line-height:42px; font-weight:bold; color:#1b1c1e; margin-top:50px; } #mpt-laboratory .content ul li p{ font-size:16px; line-height:28px; color:#1b1c1e; } #mpt-guarantee{ width:100%; max-width:1024px; height:auto; background:#f5f5f5; margin:0 auto; } #mpt-guarantee .content { width:100%; max-width:1024px; height: auto; overflow: hidden; margin:0 auto 106px; padding-top:90px; } #mpt-guarantee .guarantee_c{ width:986px; height:402px; margin:60px auto 0px; } #mpt-guarantee .guarantee_l{ width:493px; height:402px; float:left; } #mpt-guarantee .guarantee_r{ width:493px; height:402px; float:left; background:#ffffff; padding:20px; } #mpt-guarantee .guarantee_r ul{ width:470px; height:340px; margin:10px 0px 10px; } #mpt-guarantee .guarantee_r ul li{ width:130px; height:110px; float:left; margin:30px 20px 30px 10px; } #mpt-guarantee .guarantee_r ul li:nth-child(3),#mpt-guarantee .guarantee_r ul li:nth-child(6){ margin-right: 10px; } #mpt-guarantee .guarantee_r ul li p{ font-size:16px; line-height:28px; color:#727b80; text-align:center; } .yang_card_h3{ font-size:48px; font-weight:bold; color:#1b1c1e; text-align:center; line-height:52px; padding-bottom:3px; padding-top:17px; margin-bottom:60px; } .yang_card_h3_two{ font-size:48px; font-weight:bold; color:#1b1c1e; text-align:center; line-height:52px; padding-bottom:3px; padding-top:17px; margin-bottom:40px; } .yang_card_p{ width:1000px; margin:0 auto; padding:0 80px; color:#1b1c1e; font-size:16px; line-height:32px; text-align:center; margin-bottom:50px; } } @media (min-width: 1200px) { #mpt-photo{ width:100%; max-width:2560px; height:auto; background:#f5f5f5; margin-top:190px; margin-right:auto; margin-left:auto; } #mpt-photo .content { width:100%; max-width:2560px; height: auto; overflow: hidden; margin:0 auto ; padding-top:50px; } .mpt-photo-div{ width:100%; height: auto; margin-left:0px; margin-top:-20px; } .mpt-photo-div img{ width: 2560px; height: 986px; margin-left:-680px; } #mpt-advantage{ width:100%; max-width:2560px; height:auto; background:#f5f5f5; margin:16px auto 0; } #mpt-advantage .content { width:100%; max-width:1200px; height: auto; overflow: hidden; margin:0 auto ; padding-top:90px; padding-bottom: 96px; } #mpt-advantage .content ul{ width:1208px; margin:70px auto 0px; } #mpt-advantage .content ul>li{ width:294px; height:486px; float:left; background:#ffffff; margin:0 8px 8px 0px; text-align:center; border-radius:8px; padding: 30px 24px; } #mpt-advantage .content ul>li:hover{ box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); } #mpt-advantage .content ul>li>h2{ font-size: 24px; font-weight: bold; line-height: 32px; margin-bottom: 0px; } #mpt-advantage .content ul>li>h3{ font-size: 18px; line-height: 28px; margin-top: 0px; margin-bottom: 30px; } #mpt-advantage .content ul>li>p{ font-size: 14px; line-height: 28px; } #mpt-testanalysis{ width:100%; max-width:100%; height:auto; background:#ffffff; margin:6px auto 0; } #mpt-testanalysis .content { width:100%; max-width:1200px; height: auto; overflow: hidden; margin:0 auto ; padding-top:106px; } .mpt-testanalysis-div{ width:100%; height: auto; margin-top:80px; } #mpt-laboratory{ width:100%; max-width:2560px; height:auto; background:#f5f5f5; margin:16px auto 0; } #mpt-laboratory .content { width:100%; max-width:1200px; height: auto; overflow: hidden; margin:0 auto ; padding-top:90px; } #mpt-laboratory .content ul{ width:1240px; margin:0 auto; } #mpt-laboratory .content li{ width:594px; height:488px; float:left; background:#ffffff; margin:0 16px 16px 0px; text-align:center; } #mpt-laboratory .content ul li h3{ font-size:24px; line-height:38px; font-weight:bold; color:#1b1c1e; margin-top:44px; } #mpt-laboratory .content ul li p{ font-size:16px; line-height:28px; color:#1b1c1e; } #mpt-guarantee{ width:100%; max-width:2560px; height:auto; background:#f5f5f5; margin:0 auto; } #mpt-guarantee .content { width:100%; max-width:1200px; height: auto; overflow: hidden; margin:0 auto 106px; padding-top:90px; } #mpt-guarantee .guarantee_c{ width:1200px; height:490px; margin:60px auto 0px; } #mpt-guarantee .guarantee_l{ width:600px; height:490px; float:left; } #mpt-guarantee .guarantee_r{ width:600px; height:490px; float:left; background:#ffffff; padding:40px; } #mpt-guarantee .guarantee_r ul{ width:500px; height:320px; margin:20px 0px 10px; } #mpt-guarantee .guarantee_r ul li{ width:140px; height:110px; float:left; margin:43px 20px 30px 10px; } #mpt-guarantee .guarantee_r ul li:nth-child(3),#mpt-guarantee .guarantee_r ul li:nth-child(6){ margin-right: 0px; } #mpt-guarantee .guarantee_r ul li p{ font-size:16px; line-height:28px; color:#727b80; text-align:center; } .yang_card_h3{ font-size:48px; font-weight:bold; color:#1b1c1e; text-align:center; line-height:52px; padding-bottom:3px; padding-top:17px; margin-bottom:60px; } .yang_card_h3_two{ font-size:48px; font-weight:bold; color:#1b1c1e; text-align:center; line-height:52px; padding-bottom:3px; padding-top:17px; margin-bottom:40px; } .yang_card_p{ width:1200px; margin:0 auto; padding:0 80px; color:#1b1c1e; font-size:16px; line-height:32px; text-align:center; margin-bottom:50px; } } @media (min-width: 1600px) { #mpt-photo{ width:100%; max-width:2560px; height:auto; background:#f5f5f5; margin-top:35px !important; margin-right:auto; margin-left:auto; text-align:center; } #mpt-photo .content { width:100%; max-width:2560px; height: auto; overflow: hidden; margin:0 auto ; padding-top:50px; } .mpt-photo-div{width:100%; height: auto; margin:0 auto ; margin-top:-20px; } .mpt-photo-div img{ width: 2560px; height: 986px; margin-left:-478px; } } @media (min-width: 1900px) { .mpt-photo-div img{ width: 2560px; height: 986px; margin-left:-340px; } } @media (min-width: 2400px) { .mpt-photo-div img{ width: 2560px; height: 986px; margin-left:0px; } } /*******************************************2024新增设计页面*******************************************/ #mpt-banner{ width:100%; max-width:100%; height:auto; background:#f5f5f5;margin-right:auto; margin-left:auto;text-align:center;margin-top:163px;} #mpt-banner .content { width:100%; max-width:100%; height: auto; overflow: hidden; margin:0 auto ; padding-top:0; position:relative;} #mpt-banner .yang_card_h3{ margin-bottom:30px;} #mpt-banner .mpt-tit{position:absolute;top:0;left:0;right:0; margin:0 auto;z-index:3; padding-top:80px;} .mpt-banner-div{position:relative;height:0;padding-bottom:1040px; overflow:hidden; z-index:1; width:100%;} .mpt-banner-div img{display:block;position:absolute;left:0;right:0;z-index:2;width:auto;height:100%;max-width:none; z-index:1;margin:0;left: 50%;-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%,0);} .mpt-banner-div-mb{display:none;position:relative;height:0;overflow:hidden; z-index:1;} .mpt-banner-div-mb img{display:block;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;max-width:100%;object-fit:cover; z-index:1;} @media (min-width: 0px) { #mpt-banner{margin-top:35px;} #mpt-banner .yang_card_h3{ margin-bottom:0px;} #mpt-banner .mpt-tit{position: static;padding-top:30px;padding-bottom:30px;} .mpt-banner-div{ display:none; } .mpt-banner-div-mb{display:block;padding-bottom:50%;} .mpt-banner-div{padding-bottom:50%;} .mpt-banner-div img{object-fit:cover;} } @media (min-width: 992.1px) { #mpt-banner .yang_card_h3{ margin-bottom:15px;} #mpt-banner{margin-top:162px;} #mpt-banner .mpt-tit{position:absolute;padding-top:50px;padding-bottom:0;} .mpt-banner-div{ display:block; } .mpt-banner-div-mb{display:none;} .mpt-banner-div{padding-bottom:1040px;} } @media (min-width: 1024px) { #mpt-banner .mpt-tit{padding-top:30px;} #mpt-banner .mpt-tit .yang_card_p{padding:0;} .mpt-banner-div{padding-bottom:1040px;} .mpt-banner-div img{object-fit:contain;} #mpt-banner .yang_card_h3{ margin-bottom:20px;} } @media (min-width: 1080x) { #mpt-banner .mpt-tit{padding-top:50px;} .mpt-banner-div{padding-bottom:1040px;} } @media (min-width: 1150px) { #mpt-banner .mpt-tit{padding-top:60px;} .mpt-banner-div{padding-bottom:1040px;} } @media (min-width: 1200px) { #mpt-banner .yang_card_h3{ margin-bottom:20px;} #mpt-banner{margin-top:134px;} #mpt-banner .mpt-tit{padding-top:60px;} .mpt-banner-div{padding-bottom:1040px;} .mpt-banner-div img{object-fit:contain;} } @media (min-width: 992.1px) { #mpt-banner{margin-top:166px;} } @media (min-width: 1600px) { #mpt-banner{margin-top:166px;} } /*mpt-system*/ #mpt-system{width:100%;max-width:100%;height:auto;background:#ffffff;margin:0 auto;padding-top:50px;padding-bottom:60px;} .mpt-system-div{width:100%;max-width:94%;margin:0 auto;height:auto;padding-top:0px;font-weight:400;font-size:16px;color:#121212;line-height:34px;} @media (min-width:1024px) { #mpt-system{max-width:100%;padding-top:90px;padding-bottom:60px;} .mpt-system-div{max-width:100%;margin:0 auto;padding-top:0px;font-size:18px;} } /*mpt-product*/ #mpt-product{width:100%;max-width:100%;height:auto;background:#fff;margin:0 auto;padding-top:25px;padding-bottom:45px; text-align:center;} #mpt-product ul{font-size:0;line-height:0; margin:0 -12.5px; padding-top:25px;} #mpt-product ul li {display:inline-block;*display:inline;zoom:1;width:25%;vertical-align:top;margin-bottom:20px;} #mpt-product ul li .item{display:block;position:relative;margin:0 12.5px;} #mpt-product ul li .mpt-img{ height:185px;background:#f5f5f5;border-radius:5px;text-align:center; margin:0 auto;margin-bottom:20px;} #mpt-product ul li .mpt-img img{width:100%;height:100%;max-width:100%;object-fit:contain;} #mpt-product ul li h2{font-size:20px;line-height:1.5;margin:0;font-weight:300;color:#231815;text-align:center;} /*ul5*/ #mpt-product .ul5 li {width:20%;} #mpt-product .ul5{margin:0 -6.5px;} #mpt-product .ul5 li .item{margin:0 6.5px;} @media screen and (max-width: 1220px){ #mpt-product ul li h2{font-size:18px;} } @media screen and (max-width: 1024px){ #mpt-product ul li .mpt-img{ height:145px;} #mpt-product ul li h2{font-size:16px;} } @media screen and (max-width: 992px){ #mpt-product ul{ max-width:585px; margin:0 auto;} #mpt-product ul li{width:50%; margin-bottom:30px;} #mpt-product ul li .mpt-img{ height:185px;} #mpt-product ul li h2{font-size:20px;} #mpt-product .ul5 li {width:33.3333%;} #mpt-product .ul5{margin:0 auto;} #mpt-product .ul5 li .item{margin:0 5px;} } @media screen and (max-width: 768px){ #mpt-product ul li .mpt-img{ height:155px;} #mpt-product ul li .item{margin:0 10px;} #mpt-product ul li h2{font-size:18px;} } @media screen and (max-width: 640px){ #mpt-product ul li .mpt-img{ height:135px;} #mpt-product ul li .item{margin:0 8px;} #mpt-product ul li h2{font-size:16px;} #mpt-product .ul5 li {width:50%;} #mpt-product .ul5{margin:0 auto;} #mpt-product .ul5 li .item{margin:0 5px;} } @media screen and (max-width: 350px){ #mpt-product ul li .mpt-img{ height:105px;} #mpt-product ul li .item{margin:0 5px;} #mpt-product ul li h2{font-size:14px;} } /*#mpt-Test*/ #mpt-Test{width:100%;height:auto;background:#f5f5f5;margin:0 auto;padding-top:75px;padding-bottom:60px;} #mpt-Test ul{font-size:0;line-height:0;} #mpt-Test ul li {display:inline-block;*display:inline;zoom:1;width:33.3333333%;vertical-align:top;} #mpt-Test ul li .item{display:block;position:relative;padding:13px;margin:0 24px; background:#fff;box-shadow: 0px 8px 16px 0px rgba(6,0,1,0.03);border-radius: 8px;min-height:528px;} #mpt-Test ul li h2{font-size: 22px;line-height:46px;height:46px;overflow:hidden;margin:0;color:#fff;font-weight: bold;background: linear-gradient(180deg, #01B2A9, #39C3BC);border-radius: 8px; text-align:center; margin-bottom:20px;} #mpt-Test ul li .des{font-size:16px;line-height:34px;font-weight:300;color:#121212;margin:0; padding:0 33px; text-align:left;} #mpt-Test ul li .des img{max-width:100%; max-height:474px;} #mpt-Test ul li p{margin:0;/*height:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;*/ padding-left:15px; background:url(../images/dian.png) left 15px no-repeat;} #mpt-Test ul li:hover .item{box-shadow: 3px 3px 15px rgba(51, 51, 51, 0.1); } /*ul4*/ #mpt-Test .ul4{ margin:0 -18px;} #mpt-Test .ul4 li{width:25%;} #mpt-Test .ul4 li .item{margin:0 18px;min-height:553px;} #mpt-Test .ul4 li .des{padding:0 25px;} #mpt-Test .ul4 li .des img{max-width:100%; max-height:474px;} /*ul6*/ #mpt-Test .ul6{ margin:0 -3.5px;} #mpt-Test .ul6 li{width:16.66666666666667%;margin-bottom:46px;} #mpt-Test .ul6 li .item{margin:0 3.5px;min-height:416px;} #mpt-Test .ul6 li .des{padding:0 13px;} /*ul2*/ #mpt-Test .ul2{ margin:0 -8.5px;} #mpt-Test .ul2 li.li2{width:25%;} #mpt-Test .ul2 li.li1{width:75%;} #mpt-Test .ul2 li .item{margin:0 8.5px;min-height:584px;} #mpt-Test .ul2 li .des{padding:0 10px;} #mpt-Test .ul2 li .des img{max-width:100%; max-height:474px;} @media screen and (max-width: 1220px){ #mpt-Test ul li .des{font-size:14px;padding:0 20px;} #mpt-Test ul li h2{font-size: 20px;} #mpt-Test ul li .item{margin:0 15px;} #mpt-Test .ul4{ margin:0 -10px;} #mpt-Test .ul4 li .item{margin:0 10px;} #mpt-Test .ul4 li .des{padding:0 15px;} #mpt-Test .ul6{ max-width:828px; margin:0 auto;} #mpt-Test .ul6 li{width:33.33333%; margin-bottom:40px;} #mpt-Test .ul6 li .item{margin:0 15px;} #mpt-Test .ul2{ margin:0 -7px;} #mpt-Test .ul2 li .item{margin:0 7px;} } @media screen and (max-width: 1024px){ #mpt-Test{padding-top:50px;padding-bottom:50px;} #mpt-Test ul li .des{font-size:14px;padding:0 15px;} #mpt-Test ul li h2{font-size:18px;} #mpt-Test ul li .item{margin:0 10px;} #mpt-Test .ul4{ margin:0 -8px;} #mpt-Test .ul4 li .item{margin:0 8px;} #mpt-Test .ul4 li .des{padding:0 10px;} #mpt-Test .ul6 li{width:33.33333%; margin-bottom:30px;} #mpt-Test .ul6 li .item{margin:0 10px;} #mpt-Test .ul2{ margin:0 -7px;} #mpt-Test .ul2 li .item{margin:0 7px;} } @media screen and (max-width: 992px){ #mpt-Test ul{ max-width:585px; margin:0 auto;} #mpt-Test ul li .item{margin:0 10px;} #mpt-Test ul li h2{font-size:16px;} #mpt-Test ul{ text-align:center;} #mpt-Test ul li {width:100%; max-width:400px; margin:0 auto; margin-bottom:40px;} #mpt-Test ul li .des{font-size:14px;padding:0 25px;} #mpt-Test ul li h2{font-size: 20px;} #mpt-Test .ul4{ margin:0 auto;} #mpt-Test .ul4 li{width:50%;} #mpt-Test .ul4 li .item{margin:0 8px;} #mpt-Test .ul4 li .des{padding:0 10px;} #mpt-Test .ul4 li .des img{max-height:456px;} #mpt-Test .ul6{ max-width:600px; margin:0 auto;} #mpt-Test .ul6 li{width:50%; margin-bottom:30px;} #mpt-Test .ul6 li .item{margin:0 8px;} #mpt-Test .ul2{ margin:0 auto;max-width:895px;} #mpt-Test .ul2 li.li2{width:100%;max-width:100%; } #mpt-Test .ul2 li.li1{width:100%;max-width:100%; } #mpt-Test .ul2 li .item{margin:0;min-height:310px;} #mpt-Test .ul2 li .des{padding:0 10px;} } @media screen and (max-width: 640px){ #mpt-Test ul li h2{font-size:16px;} #mpt-Test .ul4{ margin:0 auto;} #mpt-Test .ul4 li{width:100%;} #mpt-Test .ul4 li .des img{max-height:456px;} #mpt-Test .ul6{ margin:0 -3.5px;} #mpt-Test .ul6 li{width:50%; margin-bottom:20px;} #mpt-Test .ul6 li .item{margin:0 3.5px;} #mpt-Test .ul6 li h2{font-size:16px;} #mpt-Test .ul6 li .des{padding:0 6px;} } /*mpt-software*/ #mpt-software{width:100%;max-width:1200px;height:auto;background:#ffffff;margin:0 auto;padding-top:50px;padding-bottom:50px;} .mpt-software-div{width:100%;max-width:94%;margin:0 auto;height:auto;padding-top:50px;font-weight:400;font-size:16px;color:#121212;line-height:34px;} @media (min-width:1024px) { #mpt-software{max-width:100%;padding-top:110px;padding-bottom:90px;} .mpt-software-div{max-width:100%;margin:0 auto;padding-top:80px;font-size:18px;} } /*mpt-principle*/ #mpt-principle{width:100%;max-width:1200px;height:auto;background:#ffffff;margin:0 auto;padding-top:50px;padding-bottom:50px;} .mpt-principle-div{max-width:900px;margin:0 auto; padding:0 30px;height:auto;padding-top:50px;font-weight:300;font-size:14px;color:#121212;line-height:32px;} .mpt-principle-div img{ max-width:100%;} .mpt-principle-div table td{ vertical-align:top; width:50%; padding-left:35px;} @media screen and (max-width: 640px){ .mpt-principle-div table td{ width:90%!important; display:block!important; padding-left:3%; } } @media (min-width:1024px) { #mpt-principle{max-width:100%;padding-top:70px;padding-bottom:85px;} .mpt-principle-div{max-width:900px;margin:0 auto;padding-top:77px;font-size:16px;} }