. { : 0px; : 0px; : 12px; color: #; : #fff; : ; } . ul li { : none } . .clear { clear: both } . h2. { width: 460px; : 50px; : 20px auto 10px; : #f; : (90deg, #f, #); : 85px; color: #fff; : 28px; : 600; : 50px; : ; } .ahgfx { color: #; : 26px; : ; : 48px; : ; : " yahei"; } .ahgfx span { color: #f00; } . { : 10px; : yahei; : 33px; width: 1200px; : 500px; : 0 auto; : 10px; } . a { color: #cf} . { font: 14px/33px yahei; : ; } . li { float: left; width: 24%; : ; : ; : 43px; : 43px; : #; : 16px; : 2px ; color: #; : 6px; } . . { width: 125px; : 40px; : 5px; : 50px; : ; color: #fff; : .5s ease; : (0); : #f; : (159deg, # 0%, #f%); : -3px 2px 10px rgba(242, 60, 50, .3); : 10px; : } . { : #; } . { : #; color: #fff; } . li:hover, . { : #; color: #fff; } . { font: 14px/22px yahei; : 25px; : auto; : ; } . { : 25px; : ; } . .:after { : ""; : block; width: 100%; : 0; clear: both; } .fx-lx { float: left; width: 70%; : 16px; : 32px; } .fx-lx h4 { : 18px; : 26px; : 0; : 0; : 6px; : 4px; : bold; } . { float: right; width: 30%; : ; } . img { width: 150px; : 150px; : auto; } . { width: 50%; float: left; } . a { : none } @media and (: 1220px) { . { width: 1000px; } . { : 15px; } } @media and (: 1000px) { .logo { : 8px 3px 0; } . a { : 0 2px; : 14px; } . h2. { width: 80%; : 18px; : 38px; : 38px; : 10px auto 0; } .ahgfx { : 20px; : 36px; } . { width: 96%; : 2%; } . li { : 0; : auto; : 35px; width: 20%; : 6px; : 1px solid #; : 1px solid #; : ; : 14px; } . li:(6n) { : none; } . li:(41) { : 12px; } . { : auto; : 10px; : 10px; } . { : 5px; } .fx-lx { float: none; width: 100%; : 14px; : 22px; } . { float: none; width: 100%; : 20px; : 10px; : ; } . img { width: 120px; : auto; } }