规范的CSS
body{font:14px/28px "Helvetica Neue", Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif; margin:0; padding:0; background:#f5f5f5; color:#666;} p {padding:9px 0; margin:0; line-height:28px;} ul,li{margin:0; padding:0; list-style:none;} img {border: none;} h1, h2, h3, h4, h5 {padding: 0; margin:0;} a{text-decoration:none; color:#000} a:hover{color:#00a07b} .m5{margin:5px}.m10{margin:10px}.m15{margin:15px}.m20{margin:20px}.p5{padding:5px}.p10{padding:10px}.p15{padding:15px}.p20{padding:20px}.mt5{margin-top:5px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb15{margin-bottom:15px}.mb20{margin-bottom:20px}.ml5{margin-left:5px}.ml10{margin-left:10px}.ml15{margin-left:15px}.ml20{margin-left:20px}.ml30{margin-left:30px}.mr5{margin-right:5px}.mr10{margin-right:10px}.mr15{margin-right:15px}.mr20{margin-right:20px} .pt5{padding-top:5px}.pt10{padding-top:10px}.pt15{padding-top:15px}.pt20{padding-top:20px}.pb5{padding-bottom:5px}.pb10{padding-bottom:10px}.pb15{padding-bottom:15px}.pb20{padding-bottom:20px}.pb30{padding-bottom:30px}.pl5{padding-left:5px}.pl10{padding-left:10px}.pl15{padding-left:15px}.pl20{padding-left:20px}.pr5{padding-right:5px}.pr10{padding-right:10px}.pr15{padding-right:15px}.pr20{padding-right:20px} .fl{float:left} .fr{float:right} .t14{font-size:14px} .tl{text-align:left;}.tr{text-align:right;}.tc{text-align:center} .cl {clear: both;} .clx:before, .clx:after {content: ""; display: table; } .clx:after {clear: both; } .clear {height: 0px; font-size: 0px; overflow: hidden; clear: both;} .header{width:100%; height:110px; text-align:center; border-bottom:5px solid #00a07b; background-color:#fff;} .header .logo{width:360px; height:100px; margin:0 auto;} .header .logo li{width:100px; height:100px; float:left; margin:0 10px; text-align:center;} .header .logo li .pic{ width:65px; height:65px; margin:0 auto;} .header .logo .logo_yzg{background-image:url(pic/aboutus/yzg_logo.png); background-position:center;} .header .logo .logo_qs{background-image:url(pic/aboutus/qs_logo.png); background-position:center;} .header .logo .logo_fxy{background-image:url(pic/aboutus/fxy_logo.png); background-position:center;} .header .logo p{padding:5px 0; height:25px; line-height:25px; font-size:12px; color:#666;} .length{width:800px; margin:0 auto; position:relative;} .main{} .main .block {margin:10px auto; padding:20px; background-color:#fff; box-shadow:0 0 5px -3px rgba(0,0,0,.7); } .main h2 {font-size:28px; line-height:24px; padding:15px 0; font-weight:400; color:#333;} .main h3 {font-size:24px; line-height:36px; font-weight:400; color:#03a882; padding-left:17px; border-left:3px solid #03a882;} .main h3.red {color:#ee685e; border-left-color:#ee685e;} .main h3.blue {color:#2592df; border-left-color:#2592df;} .pic {text-align:center;} .pic img{max-width:100%; margin:10px auto;} .divider {margin-top:50px;} .video1 {width:100%; height:400px;} .video2 {width:100%; height:400px;} @media (max-width: 750px) { .length {width:90%; padding:0 5%;} .header{ height:75px;} .header .logo{width:246px; height:65px; margin:0 auto;} .header .logo li{width:72px; height:65px; float:left; margin:0 5px; text-align:center;} .header .logo li .pic{ width:30px; height:30px; background-size:30px 30px; } .main h2 {font-size:20px; line-height:30px;} .main h3 {font-size:18px; line-height:28px;} p {font-size:13px; line-height:26px;} .video1 {height:200px;} .video2 {height:200px;} }