@charset "utf-8"; /* 视频新闻 */ .addvnwp{width: 100%;overflow: hidden;background: #f5f5f5;padding: 80px 0;} .addvnwp-wp{width: 100%;} .addvnwp-w{width: 41%;float: left;position: relative;padding: 48px 36px 0;background: #fff;height: 400px;} .addvnwp-w h6{font-size: 16px;color: #333;line-height: 28px;} .addvnwp-w i{display: block;width: 28px;height: 28px;background: url('../images/addimg/i1.png') no-repeat;margin: 38px 0 30px;} .addvnwp-w hr{width: 100%;display: block;height: 1px;border: none;background: #e5e5e5;} .addvnwp-w p{font-size: 14px;color: #666666;line-height: 28px;margin-top: 32px;} .addvnwp-p{width: 57.8%;float: right;position: relative;height: 400px;user-select: none;} .addvnwp-p img{width: 100%;object-fit: cover;height: 100%;} .addnews-vp{position: absolute;z-index: 4;width: 54px;height: 54px;top: 50%;left: 50%;margin-top: -27px;margin-left: -27px;cursor: pointer;background: url('../images/addimg/i2.png') no-repeat;} .addvnwp-p:hover .addnews-vp{animation: btn-pudding 1s ease both;} .addvnlist{width: 100%;overflow: hidden;padding: 22px 0 120px;} .addvnlist-iw{width: 100%;display: block;margin-bottom: 58px;overflow: hidden;} .addvnlist-iw li{width: 32%;float: left;margin-top: 38px !important;} .addvnlist-iw li:nth-child(3n+2){margin: 0 2%;} .addvnlist-img{width: 100%;position: relative;overflow: hidden;} .addvnlist-img img{width: 100%;max-height: 216px;object-fit: cover;transition: all .4s ease;} .addvnlist-words{width: 100%;border: 1px solid #e5e5e5;border-top: none;padding: 24px 12px;text-align: center;} .addvnlist-words p{width: 100%;font-size: 16px;color: #666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .addvnlist-iw li:hover .addnews-vp{animation: btn-pudding 1s ease both;} .Video-Plyr iframe{width: 100%;} .Video-Plyr video{display: none!important;} /* 通知公告 */ .addinfo{width: 100%;overflow: hidden;padding: 48px 0 120px;} .addinfo-list{width: 100%;margin-bottom: 58px;} .addinfo-list a{display: block;font-size: 0;width: 49%;border: 1px solid #e5e5e5;margin-top: 32px;padding: 20px 0 20px 12px;transition: all .4s ease;} .addinfo-list a:nth-child(2n+1){float: left;} .addinfo-list a:nth-child(2n){float: right;} .addinfo-i, .addinfo-w, .addinfo-a{display: inline-block;vertical-align: middle;} .addinfo-i{width: 60px;height: 60px;border-radius: 50%;border: 1px solid #eee;background: #fff url('../images/addimg/i3.png') no-repeat center;transition: all .4s ease;} .addinfo-w{/* width: 474px; */ width:534px; padding: 0 24px 0 12px;} .addinfo-w p{width: 100%;font-size: 18px;color: #333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .addinfo-w span{font-size: 14px;color: #888;margin-top: 6px;display: block;} .addinfo-a{width: 78px;height: 48px;background: url('../images/addimg/i4.png') no-repeat center;border-left: 1px solid #e5e5e5;} .addinfo-list a:hover {border-color: #0090d7;} .addinfo-list a:hover .addinfo-i{background: #0090d7 url('../images/addimg/i3H.png') no-repeat center;} /* -------------------------PC端--------------------------- */ @media all and (max-width:1700px) { /* 1600 × (900/1024/1200) */ } @media all and (max-width:1599px) { /* 1440 × (900/1050) */ .addvnlist {padding: 22px 0 100px;} .addinfo {padding: 40px 0 100px;} } @media all and (max-width:1439px) { /* 1360 × (768) */ } @media all and (max-width:1359px) { /* 1280 × (800/854/1024) */ .addvnwp {padding: 72px 0;} .addvnwp-w {padding: 38px 32px 0;height: 400px;} .addvnwp-w i {margin: 26px 0 24px;} .addvnlist {padding: 22px 0 80px;} .addinfo {padding: 40px 0 80px;} .addinfo-i, .addinfo-w, .addinfo-a{display: block;float: left;} .addinfo-a{float: right;} .addinfo-w {width: 72%;padding: 8px 24px 0 12px;} .addinfo-a{height: 60px;} } @media all and (max-width:1279px) { /* 1152 × (864) */ .addvnwp-w p {margin-top: 24px;} .addvnlist-iw li{width: 49%;} .addvnlist-iw li:nth-child(3n+2){margin:0%;} .addvnlist-iw li:nth-child(2n+1){float: left;} .addvnlist-iw li:nth-child(2n){float: right;} .addinfo-w{width: 70%;} } @media all and (max-width:1151px) { /* 1024 × (600/768) */ .addvnwp {padding: 62px 0;} .addvnwp-w{width: 100%;height: auto;padding: 24px 24px 44px;} .addvnwp-p{width: 100%;height: auto;margin-top: 24px;} .addvnlist-iw li {margin-top: 32px !important;} .addvnlist {padding: 22px 0 68px;} .addvnlist-iw {margin-bottom: 44px;} .addinfo-list {margin-bottom: 44px;} .addinfo-list a{width: 100%;margin-top: 20px;} .addinfo-w {width: 80%;} .addinfo {padding: 34px 0 68px;} } /* ------------------------手机端-------------------------- */ @media all and (max-width:1000px) { /* 平板设备 720 适配 */ .addvnlist-words p{font-size: 14px;} .addinfo-w {width: 78%;} } @media all and (max-width:640px) { /* 移动终端以上 360 适配 */ .addvnwp {padding: 32px 0;} .addvnwp-w {padding: 20px 16px 38px;} .addvnlist-iw li{width: 100%;margin-top: 20px !important;} .addvnlist-iw {margin-bottom: 34px;} .addvnlist {padding: 16px 0 42px;} .addinfo-a{display: none;} .addinfo-list a {padding: 16px 0 16px 12px;} .addinfo-i{width: 52px;height: 52px;} .addinfo-w p {font-size: 16px;} .addinfo-w {width: 82%;padding: 8px 12px 0 12px;} .addinfo {padding: 16px 0 42px;} .addinfo-list {margin-bottom: 34px;} }