.news-container ul.news{width:500px;padding-top:12px;} .news-container{width:1280px;margin:36px auto;display:flex;flex-wrap:nowrap;justify-content:space-between;position:relative;background:#fff;box-sizing: border-box;padding:10px} .news-container>div{flex:1} .news-container>div:nth-child(2){margin-left:30px;margin-right:20px} .news-container h3{height:36px;line-height:36px;margin-bottom:4px;width:100%;font-size:20px;-color:#ffa126;color:#00479d;font-weight:550;text-align:center;border-bottom:1px dashed #00479d;padding-bottom:20px} .news-container h3:hover{text-shadow:1px 1px 2px #ccc} .news-container p:hover{font-style: italic;} .news-container .newstitle{padding-bottom:10px;border-bottom:1px dotted #ccc;} .news-container .newstitle p{font-size:13px;color:#777;line-height:30px} .news-container .newstitle span.time{font-size:13px;color:rgb(144,144,144)} .news-container .newstitle span.time img{vertical-align:middle;padding-right:10px} .news-container .picshow{-width:450px;height:370px;position:relative} .news-container .picshow p{height:36px;line-height:36px;background:rgba(0,0,0,0.6);text-align:center;color:#fff;position:absolute;bottom:0;width:100%;font-size:14px} .news-container .picshow img{width:100%;height:100%} .news-container ul.news{padding-top:2px;width:100%;height:370px;padding-top:6px} .news-container .news-box{width:460px;height:370px;position:relative} .news-container ul.news li{font-size:15px;padding: 8px;list-style-type: none;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;height: auto;position:relative} .news-container ul.news li a{color:#333;padding-left:10px} --.news-container ul.news li a:hover{transform:translateX(10px)} .news-container ul.news li:hover{transform:translateX(10px);transition:all 0.2s} .news-container ul.news li a::before{ position: absolute; content: ''; z-index: 2; width: 7px; height: 7px; top: 50%; left: 5px; margin-top: -3.5px; background-color: #00479d; } .news-container ul.news li a::after{ position: absolute; content: ''; z-index: 2; width: 7px; height: 7px; top: 50%; z-index: 1; left: 7px; margin-top: -1px; background-color: #fee8c9; } .news-container ul.news li:hover a h3{color:#197b30;} .news-container ul.news li span{padding-right:10px;font-size:14px;color:rgb(144,144,144);display:block;line-height:24px;float:right;font-size:13px} .news-container p.more{position:absolute;top:110px;right:10px;font-size:14px;width:100px;height:24px;text-align:center;line-height:24px;font-family:"黑体";} .news-container p.more a{font-size:14px;color:#00479d} .news-container p.more:hover{text-decoration:underline } p.more{width:64px;height:20px;font-size:13px;position:absolute;top:116px ;right:16px} p.more a{color:#00479d;font-weight:bold} /*.news-container .gonggao{flex:1} .news-container .gonggao h3{text-align:center;line-height:50px;border-bottom:1px dashed #00479d;height:50px;color:#00479d} .news-container .gonggao ul{} .news-container .gonggao ul li{line-height:32px;border-bottom:1px dashed #eee;--list-style:circle;list-style-position: inside;font-size:15px; background: url(../img/tb_s4.jpg) no-repeat left center; padding-left: 16px;} .news-container .gonggao ul li a{color:#333} .news-container .gonggao ul li span{float:right;font-size:13px;color:#666}*/ .news-container .gonggao {margin-left:20px} .news-container .gonggao ul li{padding:6px 0; -line-height:80px;display:flex;overflow:hidden;text-overflow:eliipsis;white-space:nowrap;border-bottom:1px dotted #ccc;} .news-container .gonggao ul li .time{ width: 52px;display:flex;flex-wrap:wrap;flex-direction: column;text-align: center;margin-right:20px} .news-container .gonggao ul li .time .dd{ width: 52px; height: 32px; display: block;line-height: 32px; background:rgba(11,122,211,0.88); font-size: 16px; font-weight: bold; color: #ffffff;} .news-container .gonggao ul li .time .yymm{ width: 52px; height: 29px; display: block; background-color:#e0e0e0; -border: 1px solid #208712; line-height: 25px; color: #444444;font-size:13px;} .news-container .gonggao ul li a{display:block;color: #444444;} .news-container .gonggao ul li a h3{line-height: 16px;font-size: 16px; font-weight: 500; text-overflow: ellipsis;white-space: nowrap;overflow:hidden;padding-top:4px;} .news-container .gonggao ul li a p{line-height: 20px; font-size: 13px; text-overflow: ellipsis;white-space: wrap;overflow:hidden;margin-top:4px;} .hq-biaoyu{margin:20px auto;height:160px;/* --background:rgba(7,61,204,0.9) url(../img/biaoyubj.jpg) no-repeat center -78px ; */background-size:cover} .hq-biaoyu .inner-biaoyu{height:160px;-background:rgba(11,122,211,0.88);display:flex;align-items: center;width:1280px;margin:auto} .hq-biaoyu .inner-biaoyu ul{width:1280px;height:150px;margin:auto;display:flex;align-items:stretch;justify-content:space-around} .hq-biaoyu .inner-biaoyu ul li{flex:1;padding:5px;flex-grow:1;text-align:center;box-shadow:0 0 4px #ccc} .hq-biaoyu .inner-biaoyu ul li:last-child{border:0} .hq-biaoyu .inner-biaoyu ul li img{width:100%;height:100%} .hq-biaoyu .inner-biaoyu ul li:hover {transform:translateY(-2px);transition:all 0.2s} .container2{width:1280px;padding:20px 10px;margin:30px auto;display:flex;background:#fff;box-sizing: border-box;} .container2 >div {flex:1;position:relative;width:25%;margin-right:40px} /* .container2 >div >h3 span{display:inline-block;width:57.5px;height:50px;background:url(../img/m.png) no-repeat left center/57.5px 50px;color:#fff;text-align:center;font-family:"隶书";font-size:28px} */ .container2 > div> h3{height: 48px;-background:#fff url(../img/line_bg.png) no-repeat 0px bottom ;line-height:48px;box-sizing:border-box;font-size:18px;letter-spacing: 3px;border-bottom:1px solid #eee} .container2 > div> h3 span{padding:9px;border-bottom:3px solid #00479d} .container2 >div > ul{padding-top:10px} .container2 div ul li{ width:100%; background: url(../img/tb_s4.jpg) no-repeat left center;padding-left: 16px;} .container2 div ul li a{ -width: 400px; display:inline-block; font: 14px/40px "微软雅黑";color: #333;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .container2 div ul li a:hover{color:#006179;font-weight:bold} .container2 div ul li span{float: right;color: #999;font: 14px/40px "微软雅黑";} p.more{position:absolute;top:10px;right:10px;font-size:14px;width:60px;height:24px;text-align:center;line-height:24px;font-family:"黑体";} p.more a{font-size:14px;color:#00479d} p.more:hover{text-decoration:underline } .achievements-container .swiper-slide {padding-top:15px} .achievements-container .swiper-slide img{width:280px;height:200px;outline:none;padding:8px;border:1px solid #d8d8d8;} .achievements-container .swiper-slide img:hover{box-shadow:0 0 10px 4px #ccc;} .achievements-container .swiper-slide h3{height:30px;line-height:30px;color: #1e1e1e;font-weight:bold;padding-left:10px;font-size:15px;font-weight:normal} .achievements-container .swiper-slide p{ font-size: 14px;color: #666;line-height: 22px;padding-left:10px;padding:10px } .achievements-container .swiper-slide:hover a h3 {font-weight:bold} #achievements .swiper-button-next{width:30px;height:60px;background:url(../img/n17_first_next01.png) -10px 0;} #achievements .swiper-button-next:hover{background-position:-10px -65px} #achievements .swiper-button-prev{width:30px;height:65px;background:url(../img/n17_first_prev01.png);} #achievements .swiper-button-prev:hover{background-position:0px -65px} .course-container {width: 1280px;height: auto;margin: 0px auto 30px;background:#fff;padding-left:10px;padding-right:10px;box-sizing: border-box;} .course-container h3 {height: 50px;line-height: 50px;border-bottom: 1px solid #efefef;text-align:center} .course-container h3 span {background: url(img/teaicon.png) no-repeat left center;background-size: auto 20px;border-bottom: 3px solid #3FB150;padding: 0 20px 12px 50px} .fengcai{width:1280px;height:100px;margin:20px auto 0;background-color:#fff;font-size:26px;text-align:center;position:relative;overflow:hidden} .fengcai p.title {line-height:120%;letter-spacing: 3px;margin-top:10px} .fengcai p.intro{font-size:15px;color:#444;line-height:26px;color:#ffa126;margin-top:10px} .fengcai .line{height:3px;background-color:#efefef;position:absolute;top:50%;margin-top:-2px;width:100%} .fengcai .cover{width:330px;height:15px;background-color:#fff;position:absolute;background:#fff;position:absolute;top:50%;margin-top:-10px;left:50%;margin-left:-165px}