*{margin:0px; border:0px; padding:0px;} .layout{ width:1200px; margin:0 auto; position:relative;} body{ font-family: "source-han-sans-simplified-c","sans-serif";font-size:14px; background-color:#fff;} a{text-decoration:none;} li{list-style-type:none;} .fl{ float:left;} .fr{ float:right;} .clear{ clear:both; zoom:1;} .layout1{ width:1200px; margin:0 auto; position:relative;} .layout2{ width:73.958%; margin:auto;} .mtdiv{ width:1212px; text-align:center; margin:36px auto; } .firstli{ padding-right:3.5%; padding-top:3.5% } .firstli:nth-child(3n){ padding-right:0; } .mtbottm{ width:1212px; margin:0 auto; text-align:left } .chipdiv .chipli{ margin-top:24px; margin-bottom:24px; margin-right:4%; width:368px; height:248px; } .mtdiv .chip-category{ width:370px } .contenspan{ width:60%; display:inline-block; text-align:left; } .contenimg{ display:none; } @media screen and (min-width:1100px) and (max-width:1400px){ .mtbottm,.mtdiv,.layout{ width:89%; } .mali{ width:92.2%; } .mtdiv .chip-category{ width:340px; } .chipdiv .chipli{ width:368px; margin-right:4%; } } /* 768之后变俩屏了 */ @media screen and (min-width:769px) and (max-width:1400px){ .firstli:nth-child(3n){ padding-right:0!important; } .chipdiv .chipli:nth-child(3n){ margin-right:0!important; } } @media screen and (min-width: 640px) and (max-width: 1099px){ .mtbottm,.mtdiv,.layout{ width:92%; } .mali{ width:95.2%; } .mtdiv .chip-category{ width:266px; } .chipdiv .chipli{ width:264px; margin-right:4%; } } @media screen and (min-width:961px) and (max-width: 1099px){ .mtdiv .chip-category{ width:310px; } .chipdiv .chipli{ /**width:308px!important;**/ margin-right:3.5%; } .mfirst ul li{ padding-right:3.2%; } } @media screen and (max-width:640px) { .mtdiv{ width:88%; } .contact{ width:88%; margin:0 auto; } .mtdiv ul .firstli{ padding-right:0; margin:0 auto; } .mtbottm{ width:88%; } .chipdiv .chipli{ width:90%; margin:12px auto !important; } /*,.mt-content**/ .ptitle{ padding-left:6% } .ship .gx a{ width:100%!important; } .mtdiv .chip-category{ width:90%; margin:0 auto; } .contentgs img{ display:none !important; } .contenspan{ width:100% } .contenimg{ display:inline-block; width:40%; object-fit:conver; } .divtd .content{ flex-basis:100%!important; } } .chipdiv .chipli:nth-child(3n){ margin-right:0 }