.nos { position: relative; width: 690px; height: 690px; padding: 50px; margin: 0 auto; } @media(max-width:720px){ .nos{zoom: 0.6;} } .nos:hover { animation: _swing 1s .2s ease both; } .nos-image { width: 490px; height: 490px; position: relative; margin: 0 auto; } .nos-image img { position: absolute; top: 0; left: 0; max-width: 100%; } .nos-image img.rotate { animation: _rotate 5s linear infinite; } .nos-text { width: 690px; height: 690px; position: absolute; left: 0; top: 0; } .nos-text h3 { font-size: 22px; position: absolute; font-size: 16px; font-weight: bold; } .nos-text h3:nth-child(1) { left: 310px; top: 10px } .nos-text h3:nth-child(2) { left: 510px; top: 68px } .nos-text h3:nth-child(3) { left: 600px; top: 280px } .nos-text h3:nth-child(4) { left: 530px; top: 470px } .nos-text h3:nth-child(5) { left: 308px; top: 550px } .nos-text h3:nth-child(6) { left: 108px; top: 490px } .nos-text h3:nth-child(7) { left: 10px; top: 286px } .nos-text h3:nth-child(8) { left: 80px; top: 106px } .qabg { background: #182963 url(../img/service/qabg.png) bottom center no-repeat; } .qatext { padding: 20px; color: #ddd } .qabg .title { color: #eee; } .qatext h5 { padding: 10px 0; } .qatext h6 { color: #9dc814; font-weight: bold; } .qatext p { font-size: 14px; } .service-consult { max-width: 800px; margin: 0 auto; padding: 26px 0; } .fqa-list { padding: 30px 0; } .fqa-list li { border: 1px solid #ccc; margin: 20px 0; padding: 20px; background: url(../img/service/question.png) 20px 20px no-repeat; } .fqa-list li .h4 { padding-left: 76px; line-height: 60px; border-bottom: 1px solid #eee; display: block; } .fqa-list li p { line-height: 28px; color: #666; padding: 10px 0; } .fqa-list li .more { text-align: right; } .down-list { margin-top: 20px; }