锘?mainHead { padding-top:40px; } .mainHead:after { content: "020"; display: block; height: 0; clear: both; visibility:hidden; } .mainHead .left { width:435px; height:225px; line-height:225px; float:left; } .mainHead .left img { vertical-align:middle; width:100%; height:100%; } .mainHead .right { position:relative; width:656px; float:right; } .mainHead .right { line-height:26px; color:#666; font-size:14px; } .mainHead .right a { font-family:Arial, Helvetica, sans-serif; color:#0C75D2; } .mainContent .child { width:285px; margin-right:10px; vertical-align:text-top; padding-top:60px; display:inline-block; *display:inline; *zoom:1; } .mainContent .child .childImg { overflow:hidden; position:relative; width:285px; height:190px; line-height:212px; text-align:center; } .mainContent .child .childImg { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .mainContent .child:hover .childImg { -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2); -ms-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2); } .mainContent .child .childImg .childImgimg { width:100%; height:100%; vertical-align: top; } .mainContent .child .childImg .childHide { opacity:0; position:absolute; top:0px; left:-100%; width:100%; height:100%; background-image: linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%); background-image: -o-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%); background-image: -moz-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%); background-image: -webkit-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%); background-image: -ms-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(232,232,232, 0.8)), color-stop(1, rgba(214,214,214, 0.8))); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#d6d6d6'), progid: DXImageTransform.Microsoft.Alpha(Opacity=0); } .mainContent .child .childImg .childHide { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .mainContent .child .childImg .childHide .childHideIcon { display:inline-block; *display:inline; *zoom:1; margin:0 2px; cursor:pointer; width:36px; height:36px; text-align:center; line-height:36px; border-radius:36px; -moz-border-radius:36px; -ms-border-radius:36px; -o-border-radius:36px; -webkit-border-radius:36px; background:#5f5f5f; } .mainContent .child .childImg .childHide .childHideIcon { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; } .mainContent .child .childImg .childHide .childHideIcon:hover { background:#000; } .mainContent .child .childImg .childHide .childHideIcon img { vertical-align:middle; } .mainContent .child .childImg:hover .childHide { left:0; opacity:1; } .mainContent .child .childTitle { line-height:24px; padding:20px 0 0 0; color:#333333; font-size:14px; } .mainContent .child .childTime { line-height:22px; padding:6px 0; color:#999999; font-size:12px; } .mainContent .child .childInfo { line-height:22px; font-size:12px; color:#666; } @keyframes newsChild { 0% { opacity:0; transform:scale(0); } 100% { opacity:1; transform:scale(1); } } @-moz-keyframes newsChild { 0% { opacity:0; -moz-transform:scale(0); } 100% { opacity:1; -moz-transform:scale(1); } } @-webkit-keyframes newsChild { 0% { opacity:0; -webkit-transform:scale(0); } 100% { opacity:1; -webkit-transform:scale(1); } } @-o-keyframes newsChild { 0% { opacity:0; -o-transform:scale(0); } 100% { opacity:1; -o-transform:scale(1); } } @media (max-width: 639px) { .mainHead { padding-top:20px; } .mainHead .left { width:100%; height:auto; line-height:normal; float:none; } .mainHead .right { width:100%; float:right; margin:10px 0 0 0; } .mainHead .right { line-height:22px; font-size:12px; } .mainContent .child { width:100%; margin-right:0px; padding-top:30px; } .mainContent .child .childImg { width:100%; height:auto; line-height:none; } .mainContent .child .childTitle { line-height:24px; padding:10px 0 0 0; font-size:14px; } .mainContent .child .childTime { line-height:20px; padding:4px 0; font-size:12px; } .mainContent .child .childInfo { line-height:20px; font-size:12px; } } @media (min-width: 640px) and (max-width:1023px ) { .mainHead { padding-top:40px; } .mainHead .left { width:100%; height:auto; line-height:normal; float:none; } .mainHead .right { width:100%; float:right; margin:20px 0 0 0; } .mainHead .right { line-height:26px; font-size:14px; } .mainContent .child { width:285px; margin-right:10px; padding-top:60px; } .mainContent .child .childImg { width:285px; height:212px; line-height:212px; } .mainContent .child .childTitle { line-height:24px; padding:20px 0 0 0; font-size:14px; } .mainContent .child .childTime { line-height:22px; padding:6px 0; font-size:12px; } .mainContent .child .childInfo { line-height:22px; font-size:12px; } } @media (min-width: 1024px) and (max-width:1199px ) { .mainHead { padding-top:30px; } .mainHead .left { width:355px; height:183px; line-height:183px; } .mainHead .right { width:535px; } } @media (min-width: 1200px) and (max-width:1439px ) { } @media (min-width: 1440px) and (max-width:1920px ) { } .pages { text-align:center; margin: 64px 0 0 0; } .pages a, .pages span { display:inline-block; padding:9px 14px; margin:0 1px; border:1px solid #f0f0f0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .pages a, .pages li { display:inline-block; list-style: none; text-decoration:none; color:#58A0D3; } .pages a.first, .pages a.prev, .pages a.next, .pages a.end { margin:0; } .pages a:hover { border-color:#50A8E6; } .pages span.current,.pages a.current { background:#50A8E6; color:#FFF; font-weight:700; border-color:#50A8E6; }