.news-container { width: 1260px; height: 350px; margin: 20px auto 15px; display: flex; flex-wrap: nowrap; justify-content: space-between; position: relative; background:#fff } .news-container .picshow { width: 584px; height: 340px; display: flex; justify-content: space-between; padding-top: 12px; } .news-container .picshow img { width: 100%; height: 100% } .news-container .swiper-slide p{position:absolute;left:0;bottom:0;width:100%;line-height:30px} .news-container .swiper-slide p a{color:#fff;background-color:rgba(0,0,0,0.7)} .news-container .news { width: 635px; height: 320px; position:relative; padding-right:10px; box-sizing:border-box } .news-container .news a.more{color:#9b120c;font-weight:bold;position:absolute ;top:96px;right:6px;font-weight:bold;font-size:14px} .news-container .news h2 { color: #9b120c; border:0; height:40px; line-height:40px; font-weight:bold } .news-container .news a:hover h2 {text-decoration:underline} .news-container .news p { color: #404040; line-height: 30px; padding: 10px 0; font-size: 16px } .news-container .news ul { border-top: 1px dashed #848484; padding-top: 10px } .news-container .news ul li { line-height: 37px; background: url(../img/ag-dot.jpg) no-repeat left center; padding-left: 15px } .news-container .news ul li span { float: right; font-size: 13px; color: #777 } .news-container .news ul li a { color: #333; font-size: 16px } .news-container .news ul li a{transition:transform 0.3s;display:inline-block} .news-container .news ul li a:hover{color:#9b120c;font-weight:bold;transform:translateX(10px);} .biaoyu { margin:auto; width:1260px; height: 113px; background: url(../img/biaoyubj2.png) no-repeat center center /1260px auto; margin-top:10px;text-align:center;position:relative;overflow:hidden } .biaoyu-swiper{height:113px} p.more{width:44px;height:20px;font-size:13px;position:absolute;top:19px ;right:16px} p.more a{color:#008946;font-weight:bold} .container{width:1260px;height:280px;margin:40px auto 20px;display:flex;justify-content:space-between;padding-bottom:20px;;background:#fff} .container >div{width:390px;height:260px;position:relative} .container >div .title{height:40px;background:url(../img/sybj.png) no-repeat left bottom;color:#fff;text-indent:30px;line-height:46px} .container ul{padding-top:10px} .container ul li{line-height:40px;position:relative;height:40px;font-size:16px;width:95%} .container ul li:hover{text-shadow: 0 0 2px #ccc;} .container ul li a{color:#333;padding-left:15px} .container ul li a:before{content:"";width:4px;height:4px;display:inline-block;background-color:#990100;position:absolute;left:0px ;top:20px;border-radius:100%} .container ul li span{float:right;color:#777;font-size:13px} .container p.more{width:40px;position:absolute;right:10px;top:10px} .container p.more a{color:#000;font-size:13px} .container2{width:1260px;margin:10px auto;display:flex;justify-content:space-between} .container2 .work-container{width:814px;} .container2 .link-container{width:390px;} .ztzl{width:100%;} .ztzl h4{text-indent:30px;height:40px;--border-bottom:2px solid #b71515;color:#fff;line-height:40px;vertical-align:baseline;font-size:16px;background:url(../img/worktitlebj.png) no-repeat;} .ztzl h4 span{display:inline-block;width:42px;height:42px;background:url(../img/dang.png) no-repeat center center ;background-size:cover;;text-align:center;color:#fff;font-size:20px;line-height:42px;font-weight:normal;} .ztzl .ztzl-content{margin-top:10px;padding-bottom:43px;padding-left:5px;background:url(../img/telbj3.png) no-repeat right bottom;background-size:auto 110px;box-sizing:border-box} .ztzl .ztzl-content li{line-height:40px} .ztzl .ztzl-content li span{font-weight:bold} .ztzl .gzzl-content{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:10px } .ztzl .gzzl-content li:nth-child(1){background:url(../img/yqfk.jpg) no-repeat;background-size:cover} .ztzl .gzzl-content li:nth-child(2){background:url(../img/zc.jpg) no-repeat;background-size:cover} .ztzl .gzzl-content li:nth-child(3){background:url(../img/hys.jpg) no-repeat left bottom;background-size:cover} .ztzl .gzzl-content li:nth-child(4){background:url(../img/mail2.jpg) no-repeat center bottom;background-size:cover} .ztzl .gzzl-content li:nth-child(5){background:url(../img/jyxc2.jpg) no-repeat left bottom;background-size:cover} .ztzl .gzzl-content li:nth-child(6){background:url(../img/xinxi.png) no-repeat;background-size:cover} .ztzl .gzzl-content li:nth-child(-n+3){margin-bottom:10px} .ztzl .gzzl-content li{background-size:110% 110%;width:30%;height:80px;text-align:center;line-height:127px;border:8px solid #fff;box-shadow: 0px 0px 1px #c1c1c1;overflow:hidden;display:flex} .ztzl .gzzl-content li span{display:block;width:100%;height:80px;background:linear-gradient(to top,rgba(0,0,0,0.7) 10%,transparent 70%)} .ztzl .gzzl-content li:hover {box-shadow: 2px 6px 20px #c1c1c1;transition:box-shadow 0.5s;} .ztzl .gzzl-content li a{flex:1;color:#fff;font-size:18px;display:inline;text-shadow:2px 2px 2px #000;} .ztzl .ztzl-content{height:188px} .ztzl .ztzl-content a{color:#333;margin-right:25px} .ztzl .ztzl-content a:nth-child(3n){margin-right:0} .ztzl .ztzl-content a:hover{color:#9B120C;text-shadow:0px 0px 2px #9B120C}