.news-container ul.news{width:500px;padding-top:12px;} .news-container{width:1280px;margin:36px auto;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;background:#fff;padding:10px;box-sizing: border-box;} .news-container h3{height:36px;line-height:36px;margin-bottom:4px;width:100%;font-size:20px;color:#ffa126;font-weight:550} .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 dashed #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:640px;height:370px;;margin-top:14px} .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:577px;height:370px;padding-top:6px} .news-container .news-box{width:577px;height:370px;position:relative} .news-container ul.news li{font-size:16px;padding: 8px 14px;list-style-type: none;overflow: hidden;text-overflow:ellipsis;white-space: wrap;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: #fdbd65; } .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:100px;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:#ffa126} .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:#bd000d;font-weight:bold} .hq-biaoyu{margin:20px auto;height:149px;background:rgba(7,61,204,0.9) url(../img/biaoyubj.jpg) no-repeat center -78px ;background-size:cover} .hq-biaoyu .inner-biaoyu{height:149px;background:rgba(11,122,211,0.88);display:flex;align-items: center;} .hq-biaoyu .inner-biaoyu ul{width:1280px;height:120px;margin:auto;display:flex;align-items:stretch;justify-content:space-around} .hq-biaoyu .inner-biaoyu ul li{border-right:1px solid rgba(255,255,255,0.3);background:url(../img/icon.png) no-repeat 53px 20px;padding:10px 30px;flex-grow:1;text-align:center} .hq-biaoyu .inner-biaoyu ul li:hover {transform:translateY(-2px);transition:all 0.2s} .hq-biaoyu .inner-biaoyu ul li:nth-child(1){background:url(../img/baoxiu.png) no-repeat center center/ 60px 60px} .hq-biaoyu .inner-biaoyu ul li:nth-child(2){background-position: -946px center;} .hq-biaoyu .inner-biaoyu ul li:nth-child(3){background-position: -436px center;;} .hq-biaoyu .inner-biaoyu ul li:nth-child(4){background:url(../img/meishi.png) no-repeat center center/ 60px 60px} .hq-biaoyu .inner-biaoyu ul li:nth-child(5){background:url(../img/tel.png) no-repeat center center/ 60px 60px} /* .hq-biaoyu .inner-biaoyu ul li:nth-child(6){background:url(../img/kuaidi.png) no-repeat center center/ 60px 60px} */ .hq-biaoyu .inner-biaoyu ul li:nth-child(6){background:url(../img/tiyuguan.png) no-repeat center center/ 60px 60px;border:0} .hq-biaoyu .inner-biaoyu ul li a{margin-top:85px;display:block;color:#fff} .hq-biaoyu .inner-biaoyu ul li a:hover{font-weight:bold} .container2{width:1280px;padding:20px;margin:30px auto;display:flex;justify-content:space-between;background:#fff;box-sizing: border-box;} .container2 >div {width:570px;position:relative;} .container2 >div:nth-child(1){width:610px} .container2 >div h2 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 h2{width: 100%;height: 48px;background:#fff url(../img/line_bg.png) no-repeat 10px bottom ;line-height:48px;box-sizing:border-box;font-size:20px;letter-spacing: 3px;} .container2 ul{padding-top:10px} .container2 div:nth-child(1) ul li{width:580px} .container2 div ul li{ width: 560px; background: url(../img/tb_s4.jpg) no-repeat left center;padding-left: 16px;} .container2 div ul li a{ width: 400px; display:inline-block; font: 16px/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:#ffa126} 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:16px;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}