@charset "utf-8"; /*banner*/ .bannerCon .swiper-container{ z-index: 1;} .bannerBtn{ padding-bottom:10px; } .bannerBtn span{width: 10px;height: 10px; display: inline-block; margin: 0 10px;opacity: 1;background: #D6D6D6;} .bannerBtn span.on{background:#869791;} /*关于我们*/ .aboutCon {width: 50%;} .aboutSer {width: 44%;margin-top:70px;} .aboutCon{ padding:73px 0 80px; } .aboutL{} .aboutL .title1 span{margin-top: -15px;} .title1{ text-align:center; } .title1 span{font-size: 30px; display: inline-block; padding: 0 30px; border-bottom: 1px solid #2a88c9; line-height: 150%;} .aboutL .title1{ text-align:left; } .aboutL p{ padding-top:25px; line-height:180%; font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:6;-webkit-box-orient: vertical; } .aboutL a{ display: inline-block; float: right; background: #2a88c9; line-height:42px; padding:0 40px; color:#Fff; font-size:16px; margin-top:25px; } .aboutR{ position: relative; } .aboutR img{ width: 100%; display: block; } /*业务*/ .businessCon{ background: url(ywbg.jpg) no-repeat center top; padding:30px 0 60px; } .businessCon .title1 span{ border-bottom: 1px solid #fff; color: #fff;} .yewuList{ padding-top:25px; margin-left:-3%; } .yewuList li{ float: left; width:17%; margin-left:3%; background:rgba(255,255,255,.8); position: relative; margin-top: 30px;height:387px;} .yewuList li a{ display: block; width: 100%;padding:84px 0 100px;text-align: center;} .ywimg{ display: inline-block; width: 100px; padding-bottom:38px; border-bottom: 1px solid #1d60a8;} .ywimg img{ width:100%; display: block; } .ywtitle{ width:100%; display: block; text-align:center; color:#1d60a8; font-size:26px; clear:both; line-height:150%; padding-top:25px; } .yewuhid{ width:80%; padding: 0 10%; height:0; overflow: hidden; position: absolute; left:0; bottom:0; background: #1d60a8;-o-transition: all 0.3s ease-out 0s;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; } .yewuList li .yewuhid a{ padding:0; text-align:right; margin-top:30px; } .yewuhid h2,.yewuhid p,.yewuhid a{ color:#fff; font-size:16px; } .yewuhid h2{text-align: center; padding: 50px 0 20px; font-size: 26px; border-bottom: 1px solid #fff;} .yewuhid p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:6;-webkit-box-orient: vertical; line-height: 180%; padding-top: 25px;} .yewuList li:hover .yewuhid{ height: 100%; } /*新闻*/ .newsCon{ padding:40px 0 60px; } .newsListIndex{ margin-left:-2%; padding-top:30px; } .newsListIndex li{ float:left; width:31.33%; margin-left:2%; margin-top:20px; } .newsListIndex li a,.newsListIndex li em{display: block;font-size:14px;} .newimg{ position: relative; height: 220px; display: block; } .newimg img{ width:100%; height: 100%; object-fit: cover; } .newimg span{background: rgba(0,0,0,.6); position: absolute; left:0; bottom:0; width:90%; padding:6px 5% 0; line-height:20px;height:40px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; color: #fff;} .newdate{line-height:200%; font-style:normal; padding:15px 0 10px; } .newjs{ line-height:150%; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; } .hzhbList {} .hzhbList li{position:relative;} .hzhbList li .imgAbout img{width:100%;height:310px;object-fit:cover;transition:.5s;} .hzhbList li .aboutBg{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);text-align:center;} .hzhbList li .aboutBg img{width:48px;margin-top:130px;opacity:.8;transition:.3s;} .hzhbList li:hover .aboutBg img{opacity:1;} .hzhbList li:hover .imgAbout img{transform:scale(1.1)} @media screen and (max-width:1300px){ }