.wrap { position:relative; width:1200px; min-height:460px; _height:460px; margin:0 auto; } .notice { background-color: #efefef; height: 70px; line-height: 70px; overflow: hidden; } .notice .img { padding-left: 40px; padding-right: 20px; line-height: 70px; vertical-align: middle; } .notice .img img{vertical-align: middle;} .notice .text{width:550px;} .notice .text .bd ul li{font-size:16px;margin-right:20px;} .notice .text .bd ul li a{display: flex;} .notice .text .bd ul li .txt{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 1} .notice .text .bd ul li .time {color: #999999;width:100px;} .notice .text .next{width: 9px;height: 13px;background: url(next.png) center no-repeat;display: block;position: absolute;right:0;top:28px;} .nbox1{width:1200px;margin:30px auto;} .nbox1 .nbox1-fl{width:700px;float: left;position: relative;} .nbox1 .nbox1-fl .bd ul li{position: relative;} .nbox1 .nbox1-fl .bd ul li img{} .nbox1 .nbox1-fl .bd ul li .text{position: absolute; color: #ffffff; font-size: 18px; background-color: rgba(0, 0, 0, .7); bottom: 0; left: 0; width: 100%; text-align: center; height: 60px; line-height: 60px; padding: 0 50px; box-sizing: border-box;} .nbox1 .nbox1-fl .bd ul li .text p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .nbox1 .nbox1-fl a.prev{position: absolute;left: 20px;bottom:20px;display: block;width: 10px;height: 17px;background-size: 10px 17px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .nbox1 .nbox1-fl a.next{position: absolute;right: 20px;bottom:20px;display: block;width: 10px;height: 17px;background-size: 10px 17px;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .nbox1-fr{float: right;width: 470px;} .nbox1-fr ul li { background-color: #efefef; margin-top: 3px; padding: 12px 30px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .nbox1-fr ul li .t { color: #333333; font-size: 16px; position: relative; display: flex; align-items:center; } .nbox1-fr ul li .t::before { content: "+"; color: #333333; font-size: 18px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .nbox1-fr .title{ border-top: 2px solid #dddddd; padding-top: 12px; margin-bottom: 15px; } .nbox1-fr .title .t { color: #da251c; font-size: 22px; font-weight: bold; position: relative; } .nbox1-fr .title .t::before { content: ""; position: absolute; background-color: #da251c; width: 100%; height: 3px; top: -15px; left: 0; } .nbox1-fr .title .more a { color: #999999; font-size: 14px; } .nbox1-fr .title .more a:hover { color: #DA251C; text-decoration: underline; } .nbox1-fr ul li .t .txt{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-indent:24px;margin-right:10px;} .nbox1-fr ul li .t .time { color: #999999; font-size: 14px; flex-shrink:0; } .nbox1-fr ul li .t2 { margin-top: 10px; color: #666666; font-size: 14px; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; position: relative; display: none; text-indent: 2em; } .nbox1-fr ul li .t2 span{ position: absolute; right: 0; bottom: 0; } .nbox1-fr ul li.on .t .fl { color: #da251c; font-size: 18px; font-weight: bold; } .nbox1-fr ul li.on .t .time { display: none; } .nbox1-fr ul li.on .t::before { content: "-"; color: #da251c; font-size: 24px; top: 42%; line-height: normal; } .nbox1-fr ul li.on { padding: 20px 30px; } .nbox1-fr ul li.on .t2 { display: block; } .nbox2{width:1200px;margin:30px auto;} .nbox2 .nbox2-fl{width:700px;float: left;position: relative;} .nbox2-fl .title .hd ul li{float: left;padding-bottom:15px;} .nbox2-fl .title{ border-top: 2px solid #dddddd; margin-bottom: 15px; } .nbox2-fl .title .t { color: #da251c; font-size: 22px; font-weight: bold; position: relative; padding:0 20px; border-right: 1px solid #DDDDDD; } .nbox2-fl .title li.on{ border-bottom: 1px dotted #ddd; } .nbox2-fl .title .on .t::before { content: ""; position: absolute; background-color: #da251c; width: 100%; height: 3px; top: -17px; left: 0; } .nbox2-fl .title .more{ float: right; margin-top: 12px; } .nbox2-fl .title .more a { color: #999999; font-size: 14px; } .nbox2-fl .title .more a:hover { color: #DA251C; text-decoration: underline; } .nbox2-fl .hot { margin-top: 20px; display: flex; } .nbox2-fl .hot .time { width: 80px; height: 80px; text-align: center; margin-right: 20px; } .nbox2-fl .hot .time .t { color: #da251c; font-size: 24px; background-color: #eeeeee; height: 56px; line-height: 56px; } .nbox2-fl .hot .time .t2 { font-size: 14px; color: #ffffff; background-color: #da251c; height: 28px; line-height: 28px; } .nbox2-fl .hot .text { flex: 1; width: 0; } .nbox2-fl .hot .text .t { color: #222222; font-size: 18px; font-weight: bold; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .nbox2-fl .hot .text a .t2 { color: #666666; font-size: 16px; margin-top: 10px; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } } .nbox2-fl .hot .text a .t2:hover { color: #DA251C; text-decoration: underline; } .nbox2-fl ul li{} .nbox2-fl ul li { margin-top: 14px; } .nbox2-fl ul li a { display: flex; } .nbox2-fl ul li a .text { flex: 1; font-size: 16px; color: #222222; width: 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .nbox2-fl ul li a .text img { margin-top: 10px; margin-right: 10px; } .nbox2-fl ul li a .time { font-size: 16px; color: #999999; } .nbox2-fl ul li:hover .text { color: #DA251C; transform: translateX(5px); } .nbox2-fr { width: 470px; float: right; } .nbox2-fr .title{ border-top: 2px solid #dddddd; padding-top: 12px; margin-bottom: 15px; } .nbox2-fr .title .t { color: #da251c; font-size: 22px; font-weight: bold; position: relative; } .nbox2-fr .title .t::before { content: ""; position: absolute; background-color: #da251c; width: 100%; height: 3px; top: -15px; left: 0; } .nbox2-fr .title .more a { color: #999999; font-size: 14px; } .nbox2-fr .title .more a:hover { color: #DA251C; text-decoration: underline; } .nbox2-fr ul li img{ width: 100%; } .nbox2-fr ul li{ margin-bottom:15px; } .nbox2-fr ul li:last-child{ margin-bottom: 0; } .nbox2-fr ul li { -moz-transition: all .3s linear; -webkit-transition: all .3s linear; transition: all .3s linear; } .nbox2-fr ul li:hover { /*background-color: #b62d31;*/ -moz-box-shadow: 0 10px 15px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .5); box-shadow: 0 10px 15px rgba(0, 0, 0, .5); -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); } .nbox3{width:1200px;margin:30px auto;overflow: hidden;} .nbox3 .title{ border-top: 2px solid #dddddd; padding-top: 12px; margin-bottom: 15px; } .nbox3 .title .t { color: #da251c; font-size: 22px; font-weight: bold; position: relative; } .nbox3 .title .t::before { content: ""; position: absolute; background-color: #da251c; width: 100%; height: 3px; top: -15px; left: 0; } .nbox3 .title .more a { color: #999999; font-size: 14px; } .nbox3 .title .more a:hover { color: #DA251C; text-decoration: underline; } .nbox3 .cont ul li{float: left;width:253px;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;} .nbox3 .cont ul li.on{width: 440px;} .nbox4{width:1200px;margin:30px auto;overflow: hidden;} .nbox4 .title{ border-top: 2px solid #dddddd; padding-top: 12px; margin-bottom: 15px; } .nbox4 .title .t { color: #da251c; font-size: 22px; font-weight: bold; position: relative; } .nbox4 .title .t::before { content: ""; position: absolute; background-color: #da251c; width: 100%; height: 3px; top: -15px; left: 0; } .nbox4 .title .more a { color: #999999; font-size: 14px; } .nbox4 .title .more a:hover { color: #DA251C; text-decoration: underline; } .nbox4 .cont ul li{float: left;margin:0 10px;width:266px;} .nbox4 .cont ul li .des1{background: #eee;font-size:14px;line-height:40px;height:40px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 10px;} .nbox4 .cont ul li .pic{overflow: hidden;} .nbox4 .cont ul li img{-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} .nbox4 .cont ul li:hover img{transform: scale(1.08);} .nbox4 .cont ul li:hover .des1{ color: #DA251C; text-decoration: underline; }