.fwln-box { padding: 100px 0 70px 0; max-width: 1920px; margin-left: auto; margin-right: auto; background: url(/skin/images/khfw-bg.png) left top no-repeat; } .fwln-box h1 { font-size: 7.2rem; font-weight: normal; margin-bottom: 40px; } .fwln-box p { margin: 0; font-size: 1.4rem; color: #666; line-height: 33px; } .fwln-box img { margin-top: 40px; } .khfw-box { padding: 70px 0; background: url(/skin/images/khfw-list-bg.png); } .khfw-title { text-align: center; margin-bottom: 20px; } .khfw-title h2 { margin: 0; font-size: 1.8rem; font-weight: normal; color: #999; } .khfw-title h1 { margin: 0; font-weight: normal; font-size: 3.6rem; } .khfw-list li { padding: 20px 15px; } .khfw-list li img { width: 100%; height: 222px; } .khfw-list li .khfw-list-title { background-color: #fff; padding: 15px 30px; } .khfw-list li .khfw-list-title h1 { font-size: 1.8rem; font-weight: normal; margin-bottom: 5px; } .khfw-list-title h1:hover{ color:#666; font-weight: blod; } .khfw-list li .khfw-list-title p { font-size: 1.4rem; color: #666; margin: 0; } .btn { text-align: center; margin-top: 35px; } /*不同分辨率适配 start*/ /*手机*/ @media only screen and (max-width: 640px) { .fwln-box { padding: 10px 0; max-width: initial; } .fwln-box h1 { font-size: 2em; margin-bottom: 0; } .fwln-box img { margin-top: 15px; } .khfw-box { padding: 10px 0; } .khfw-list li img { height: auto; } .khfw-list li .khfw-list-title { padding: 5px; } .khfw-list li { padding: .5rem 1rem; } .btn { margin-top: 10px; } } /*电脑*/ @media only screen and (min-width: 1025px) {} /*平板和电脑*/ @media only screen and (min-width: 641px) {} /*手机和平板*/ @media only screen and (max-width: 1024px) {} /*不同分辨率适配 end*/