.bk { 
 cursor: pointer; 
 position: relative; 
 } 
.bk:after,
.bk:before { 
 content: ''; 
 display: block; 
 position: absolute; 
 border: 1px transparent solid; 
 width: 0; 
 height: 0; 
 box-sizing: border-box; 
 } 
.bk:after { 
 left: 0; 
 top: 0; 
 transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s; 
 } 
.bk:before { 
 right: 0; 
 bottom: 0; 
 transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in 0s; 
 } 
.bk:hover:after,
.bk:hover:before { 
 height: 100%; 
 width: 100%; 
 } 
.bk:hover:after { 
 border-right-color: #106ecc; 
 border-top-color: #106ecc; 
 transition: width 0.2s ease-out 0s, height 0.2s ease-out 0.2s; 
 } 
.bk:hover:before { 
 border-left-color: #106ecc; 
 border-bottom-color: #106ecc; 
 transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s; 
 } 
.contents { 
 width: 1280px; 
 margin: 0 auto; 
 } 
.fl { 
 float: left; 
 } 
.fr { 
 float: right; 
 } 
.clearfix:after { 
 content: ""; 
 display: block; 
 clear: both; 
 visibility: hidden; 
 line-height: 0; 
 height: 0; 
 font-size: 0; 
 } 
.yc { 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
 } 
.tsy { 
 vertical-align: middle; 
 -webkit-transform: perspective(1px) translateZ(0); 
 transform: perspective(1px) translateZ(0); 
 box-shadow: 0 0 1px rgba(0, 0, 0, 0); 
 -webkit-transition-duration: 0.3s; 
 transition-duration: 0.3s; 
 -webkit-transition-property: transform; 
 transition-property: transform; 
 -webkit-transition-timing-function: ease-out; 
 transition-timing-function: ease-out; 
 } 
.tsy:hover { 
 -webkit-transform: translateY(-4px); 
 transform: translateY(-4px); 
 } 
.gd { 
 -webkit-transition: 0.5s linear; 
 transition: 0.5s linear; 
 } 
.s180 { 
 transform: rotateY(0); 
 -webkit-transition: 0.5s linear; 
 transition: 0.5s linear; 
 } 
.s180:hover { 
 transform: rotateY(108deg); 
 } 
.img100 { 
 transform: scale(1); 
 -webkit-transition: 0.5s linear; 
 transition: 0.5s linear; 
 } 
.img100:hover { 
 transform: scale(1.1); 
 } 
.w100 { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
 } 
.yuas { 
 -webkit-animation: hang linear 2s infinite; 
 } 
@-webkit-keyframes hang { 
 0%,
 100% { 
 -webkit-transform: translate(0, -8px); 
 } 
 50% { 
 -webkit-transform: translate(0, 0); 
 } 
 } 
.zyuo { 
 -webkit-animation: zyuo linear 2s infinite; 
 } 
@keyframes zyuo { 
 16.65% { 
 -webkit-transform: translateX(6px); 
 transform: translateX(6px); 
 } 
 33.3% { 
 -webkit-transform: translateX(-5px); 
 transform: translateX(-5px); 
 } 
 49.95% { 
 -webkit-transform: translateX(4px); 
 transform: translateX(4px); 
 } 
 66.6% { 
 -webkit-transform: translateX(-2px); 
 transform: translateX(-2px); 
 } 
 83.25% { 
 -webkit-transform: translateX(1px); 
 transform: translateX(1px); 
 } 
 100% { 
 -webkit-transform: translateX(0); 
 transform: translateX(0); 
 } 
 } 
.flex { 
 display: flex; 
 justify-content: space-between; 
 } 
.je { 
 animation: jello 2s 1s infinite; 
 } 
@-webkit-keyframes jello { 
 0%,
 11.1%,
 to { 
 -webkit-transform: translateZ(0); 
 transform: translateZ(0); 
 } 
 22.2% { 
 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); 
 transform: skewX(-12.5deg) skewY(-12.5deg); 
 } 
 33.3% { 
 -webkit-transform: skewX(6.25deg) skewY(6.25deg); 
 transform: skewX(6.25deg) skewY(6.25deg); 
 } 
 44.4% { 
 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); 
 transform: skewX(-3.125deg) skewY(-3.125deg); 
 } 
 55.5% { 
 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); 
 transform: skewX(1.5625deg) skewY(1.5625deg); 
 } 
 66.6% { 
 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); 
 transform: skewX(-0.78125deg) skewY(-0.78125deg); 
 } 
 77.7% { 
 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); 
 transform: skewX(0.390625deg) skewY(0.390625deg); 
 } 
 88.8% { 
 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); 
 transform: skewX(-0.1953125deg) skewY(-0.1953125deg); 
 } 
 } 
.pro { 
 margin-top: 80px; 
 } 
.pro .contents { 
 position: relative; 
 z-index: 50; 
 } 
.pro .contents::before { 
 content: ""; 
 display: block; 
 width: 593px; 
 height: 1289px; 
 position: absolute; 
 background: url(../images/pro.png) no-repeat center; 
 top: -258px; 
 left: -310px; 
 transform: rotate(-13deg); 
 z-index: -1; 
 } 
.pro .box { 
 display: flex; 
 justify-content: space-between; 
 } 
.pro .box .top { 
 position: relative; 
 } 
.pro .box .top::before { 
 content: ""; 
 display: block; 
 width: 46px; 
 height: 2px; 
 position: absolute; 
 background: #106ecc; 
 top: 27px; 
 left: 0; 
 } 
.pro .box .top .zm { 
 font-size: 60px; 
 font-family: Times, serif; 
 line-height: 42px; 
 color: #e0e0e0; 
 font-weight: bold; 
 } 
.pro .box .top h3 { 
 position: absolute; 
 top: 19px; 
 left: 0; 
 } 
.pro .box .top h3 a { 
 display: block; 
 font-size: 30px; 
 color: #333; 
 line-height: 47px; 
 } 
.pro .box .top h3 a i { 
 font-size: 48px; 
 font-weight: bold; 
 color: #106ecc; 
 } 
.pro .box .list { 
 width: 822px; 
 display: flex; 
 justify-content: space-between; 
 } 
.pro .box .list a { 
 display: block; 
 width: 200px; 
 height: 100px; 
 background: url(../images/title1.png) no-repeat center; 
 font-size: 18px; 
 color: #333; 
 line-height: 56px; 
 text-align: center; 
 padding: 0 15px; 
 box-sizing: border-box; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
 -webkit-transition: 0.5s linear; 
 transition: 0.5s linear; 
 } 
.pro .box .list a:hover { 
 transform: translateY(-3px); 
 background: url(../images/title2.png) no-repeat center; 
 color: #fff; 
 } 
.pro .box .list a:nth-child(2) { 
 transform: translateY(-3px); 
 background: url(../images/title2.png) no-repeat center; 
 color: #fff; 
 } 
.pro .warp { 
 display: flex; 
 justify-content: space-between; 
 margin-top: 64px; 
 } 
.pro .warp .dec { 
 width: 486px; 
 } 
.pro .warp .sild10 { 
 width: 742px; 
 height: 422px; 
 background: #fbfcfe; 
 padding: 14px 12px; 
 box-sizing: border-box; 
 position: relative; 
 } 
.pro .warp .sild10::before { 
 content: ""; 
 display: block; 
 width: 1px; 
 height: 34px; 
 position: absolute; 
 background: #106ecc; 
 top: 234px; 
 right: 52px; 
 } 
.pro .warp .sild10 .bd li { 
 width: 742px; 
 display: flex; 
 justify-content: space-between; 
 } 
.pro .warp .sild10 .bd li .img { 
 display: block; 
 width: 621px; 
 height: 394px; 
 overflow: hidden; 
 } 
.pro .warp .sild10 .bd li .img img { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
 transform: scale(1); 
 -webkit-transition: 0.5s linear; 
 transition: 0.5s linear; 
 } 
.pro .warp .sild10 .bd li .img img:hover { 
 transform: scale(1.1); 
 } 
.pro .warp .sild10 .bd li .cond { 
 display: block; 
 line-height: 40px; 
 font-size: 16px; 
 color: #333; 
 writing-mode: tb-rl; 
 height: 165px; 
 margin: 36px 44px 0 0; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
 } 
.pro .warp .sild10 .hd { 
 height: 44px; 
 display: flex; 
 justify-content: space-between; 
 flex-direction: column; 
 position: absolute; 
 bottom: 89px; 
 right: 49px; 
 } 
.pro .warp .sild10 .hd li { 
 width: 7px; 
 height: 7px; 
 background: #106ecc; 
 border-radius: 50%; 
 -webkit-transition: 0.5s linear; 
 transition: 0.5s linear; 
 } 
.pro .warp .sild10 .hd .on { 
 background: #fff; 
 border: 1px solid #106ecc; 
 } 
.pro .warp .sild10 .arrow { 
 width: 40px; 
 position: absolute; 
 bottom: 51px; 
 right: 32px; 
 display: flex; 
 justify-content: space-between; 
 } 
.pro .warp .sild10 .arrow .prev { 
 width: 30px; 
 height: 30px; 
 background: url(../images/arrow-pro.png) no-repeat center left; 
 cursor: pointer; 
 } 
.pro .warp .sild10 .arrow .next { 
 width: 30px; 
 height: 30px; 
 background: url(../images/arrow-pro.png) no-repeat center right; 
 cursor: pointer; 
 } 
.pro .imglist { 
 display: flex; 
 justify-content: space-between; 
 flex-wrap: wrap; 
 margin-top: 67px; 
 } 
.pro .imglist li { 
 width: 374px; 
 } 
.pro .imglist li .tu { 
 width: 374px; 
 height: 270px; 
 background: #fbfcfe; 
 -webkit-transition: 0.5s linear; 
 transition: 0.5s linear; 
 } 
.pro .imglist li .tu .img { 
 display: block; 
 width: 360px; 
 height: 270px; 
 overflow: hidden; 
 border: solid 1px #e5e5e5; 
 margin-left: 14px; 
 box-sizing: border-box; 
 } 
.pro .imglist li .tu .img img { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
 transform: scale(1); 
 -webkit-transition: 0.5s linear; 
 transition: 0.5s linear; 
 } 
.pro .imglist li .tu .img img:hover { 
 transform: scale(1.1); 
 } 
.pro .imglist li .text { 
 height: 81px; 
 padding-right: 60px; 
 width: 100%; 
 box-sizing: border-box; 
 position: relative; 
 } 
.pro .imglist li .text .cond { 
 display: block; 
 font-size: 18px; 
 color: #333; 
 line-height: 81px; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
 -webkit-transition: 0.5s linear; 
 transition: 0.5s linear; 
 } 
.pro .imglist li .text .more { 
 display: block; 
 width: 80px; 
 height: 81px; 
 background: url(../images/more1.png) no-repeat center; 
 position: absolute; 
 top: 0; 
 right: 0; 
 } 
.pro .imglist li:hover .tu { 
 background: #106ecc; 
 } 
.pro .imglist li:hover .text .cond { 
 color: #106ecc; 
 } 
.adv { 
 height: 1103px; 
 background: url(../images/adv.jpg) no-repeat center top; 
 margin-top: 55px; 
 overflow: hidden; 
 } 
.adv .contents { 
 position: relative; 
 } 
.adv .top .zm { 
 font-size: 48px; 
 color: #333; 
 line-height: 34px; 
 font-family: Times, serif; 
 font-weight: bold; 
 } 
.adv .top h3 { 
 font-size: 48px; 
 color: #333; 
 line-height: 47px; 
 font-weight: bold; 
 margin-top: 86px; 
 } 
.adv .top .text { 
 position: relative; 
 } 
.adv .top .text::before { 
 content: ""; 
 display: block; 
 width: 402px; 
 height: 1px; 
 position: absolute; 
 background: #e6e6e6; 
 top: 74px; 
 left: 0; 
 } 
.adv .top .text p { 
 font-size: 16px; 
 color: #808080; 
 line-height: 19px; 
 letter-spacing: 12px; 
 margin: 58px 0 12px; 
 } 
.adv .top .text .ai { 
 font-size: 12px; 
 color: #ccc; 
 line-height: 11px; 
 font-family: Times, serif; 
 } 
.adv .dec1 { 
 position: absolute; 
 top: 619px; 
 left: 304px; 
 } 
.adv .dec2 { 
 position: absolute; 
 top: 0; 
 right: -320px; 
 } 
.adv .sild20 { 
 width: 590px; 
 position: absolute; 
 top: 341px; 
 } 
.adv .sild20 .bd li p { 
 font-size: 16px; 
 color: #808080; 
 line-height: 30px; 
 height: 150px; 
 width: 379px; 
 } 
.adv .sild20 .bd li .cond { 
 font-size: 30px; 
 font-weight: bold; 
 line-height: 30px; 
 text-align: right; 
 margin-top: 51px; 
 } 
.adv .sild20 .arrow { 
 width: 116px; 
 position: absolute; 
 top: 613px; 
 left: 0; 
 display: flex; 
 justify-content: space-between; 
 } 
.adv .sild20 .arrow .prev { 
 width: 46px; 
 height: 46px; 
 background: url(../images/arr-adv.png) no-repeat center left; 
 cursor: pointer; 
 } 
.adv .sild20 .arrow .next { 
 width: 46px; 
 height: 46px; 
 background: url(../images/arr-adv.png) no-repeat center right; 
 cursor: pointer; 
 } 
.case .top { 
 position: relative; 
 width: 190px; 
 margin: 0 auto; 
 } 
.case .top::before { 
 content: ""; 
 display: block; 
 width: 46px; 
 height: 2px; 
 position: absolute; 
 background: #106ecc; 
 top: 27px; 
 left: 0; 
 } 
.case .top .zm { 
 font-size: 60px; 
 font-family: Times, serif; 
 line-height: 42px; 
 color: #e0e0e0; 
 font-weight: bold; 
 } 
.case .top h3 { 
 position: absolute; 
 top: 19px; 
 left: 0; 
 display: block; 
 font-size: 30px; 
 color: #333; 
 line-height: 47px; 
 } 
.case .top h3 i { 
 font-size: 48px; 
 font-weight: bold; 
 color: #106ecc; 
 } 
.case .imglist { 
 margin-top: 84px; 
 display: flex; 
 justify-content: space-between; 
 flex-wrap: wrap; 
 padding: 0 3.5%; 
 width: 100%; 
 box-sizing: border-box; 
 } 
.case .imglist li { 
 width: 22.3%; 
 position: relative; 
 margin-bottom: 96px; 
 } 
.case .imglist li .tu { 
 width: 100%; 
 height: 300px; 
 border: 6px solid #e5e5e5; 
 box-sizing: border-box; 
 -webkit-transition: 0.5s linear; 
 transition: 0.5s linear; 
 } 
.case .imglist li .tu .img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 overflow: hidden; 
 } 
.case .imglist li .tu .img img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 transform: scale(1); 
 -webkit-transition: 0.5s linear; 
 transition: 0.5s linear; 
 } 
.case .imglist li .tu .img img:hover { 
 transform: scale(1.1); 
 } 
.case .imglist li .cond { 
 display: block; 
 width: 90%; 
 height: 64px; 
 background: #fff; 
 box-shadow: 0 0 9px 0 rgba(16, 110, 204, 0.3); 
 border-radius: 10px; 
 font-size: 16px; 
 color: #333; 
 text-align: center; 
 line-height: 64px; 
 padding: 0 15px; 
 box-sizing: border-box; 
 position: absolute; 
 bottom: -38px; 
 left: 50%; 
 transform: translateX(-50%); 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
 -webkit-transition: 0.5s linear; 
 transition: 0.5s linear; 
 } 
.case .imglist li:hover .tu { 
 border-color: #106ecc; 
 } 
.case .imglist li:hover .cond { 
 background: #106ecc; 
 color: #fff; 
 } 
.abo { 
 margin-top: 41px; 
 height: 755px; 
 background: url(../images/abo.jpg) no-repeat center top; 
 padding: 64px 0 0; 
 box-sizing: border-box; 
 overflow: hidden; 
 } 
.abo .contents { 
 position: relative; 
 } 
.abo .top { 
 position: relative; 
 } 
.abo .top::before { 
 content: ""; 
 display: block; 
 width: 46px; 
 height: 2px; 
 position: absolute; 
 background: #106ecc; 
 top: 27px; 
 left: 0; 
 } 
.abo .top .zm { 
 font-size: 60px; 
 font-family: Times, serif; 
 line-height: 42px; 
 color: #e0e0e0; 
 font-weight: bold; 
 } 
.abo .top h3 { 
 position: absolute; 
 top: 19px; 
 left: 0; 
 display: block; 
 font-size: 30px; 
 color: #333; 
 line-height: 47px; 
 } 
.abo .top h3 i { 
 font-size: 48px; 
 font-weight: bold; 
 color: #106ecc; 
 } 
.abo .top .text { 
 position: relative; 
 } 
.abo .top .text p { 
 font-size: 16px; 
 color: #808080; 
 line-height: 19px; 
 letter-spacing: 12px; 
 margin: 50px 0 12px; 
 } 
.abo .top .text .ai { 
 font-size: 12px; 
 color: #ccc; 
 line-height: 11px; 
 font-family: Times, serif; 
 } 
.abo .warp { 
 display: flex; 
 justify-content: space-between; 
 margin-top: 115px; 
 } 
.abo .warp .more { 
 display: block; 
 width: 90px; 
 height: 90px; 
 border-radius: 50%; 
 border: 7px solid #e7f0fa; 
 background: #fb914b; 
 box-sizing: border-box; 
 font-size: 16px; 
 color: #fff; 
 line-height: 75px; 
 text-align: center; 
 margin-top: 114px; 
 } 
.abo .warp .text { 
 width: 732px; 
 height: 325px; 
 border-radius: 163px; 
 box-shadow: 0 0 9px 0 rgba(16, 110, 204, 0.3); 
 background: #fff; 
 padding: 80px 76px 0; 
 box-sizing: border-box; 
 font-size: 16px; 
 color: #808080; 
 line-height: 40px; 
 text-align: center; 
 margin-right: 293px; 
 } 

 .abo .warp .text  p{
  display: -webkit-box; 
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 4; 
  overflow: hidden; 
  height: 152px; 
 }

.abo .rong { 
 display: block; 
 width: 246px; 
 height: 166px; 
 position: absolute; 
 top: 45px; 
 left: 808px; 
 } 
.abo .rong::before { 
 content: ""; 
 display: block; 
 width: 251px; 
 height: 168px; 
 position: absolute; 
 background: url(../images/rong.png) no-repeat center; 
 top: 0; 
 left: 0; 
 } 
.abo .rong img { 
 width: 100%; 
 height: 100%; 
 } 
.abo .about { 
 position: absolute; 
 top: -79px; 
 right: -290px; 
 } 
.new { 
 background: url(../images/new.jpg) no-repeat center top; 
 } 
.new .contents { 
 display: flex; 
 justify-content: space-between; 
 } 
.new .z1 .box { 
 width: 740px; 
 display: flex; 
 justify-content: space-between; 
 } 
.new .z1 .box .top { 
 position: relative; 
 } 
.new .z1 .box .top::before { 
 content: ""; 
 display: block; 
 width: 46px; 
 height: 2px; 
 position: absolute; 
 background: #106ecc; 
 top: 27px; 
 left: 0; 
 } 
.new .z1 .box .top .zm { 
 font-size: 60px; 
 font-family: Times, serif; 
 line-height: 42px; 
 color: #e0e0e0; 
 font-weight: bold; 
 } 
.new .z1 .box .top h3 { 
 position: absolute; 
 top: 19px; 
 left: 0; 
 display: block; 
 font-size: 30px; 
 color: #333; 
 line-height: 47px; 
 } 
.new .z1 .box .top h3 i { 
 font-size: 48px; 
 font-weight: bold; 
 color: #106ecc; 
 } 
.new .z1 .box .more { 
 font-size: 16px; 
 color: #808080; 
 line-height: 30px; 
 display: block; 
 font-family: Times, serif; 
 margin-top: 30px; 
 position: relative; 
 } 
.new .z1 .box .more::before { 
 content: ""; 
 display: block; 
 width: 102px; 
 height: 1px; 
 position: absolute; 
 background: #e6e6e6; 
 top: 27px; 
 left: -2px; 
 } 
.new .z1 .plaet { 
 width: 740px; 
 height: 247px; 
 background: #fbfcfe; 
 display: flex; 
 justify-content: space-between; 
 margin-top: 37px; 
 } 
.new .z1 .plaet .img { 
 display: block; 
 width: 374px; 
 height: 247px; 
 overflow: hidden; 
 } 
.new .z1 .plaet .img img { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
 transform: scale(1); 
 -webkit-transition: 0.5s linear; 
 transition: 0.5s linear; 
 } 
.new .z1 .plaet .img img:hover { 
 transform: scale(1.1); 
 } 
.new .z1 .plaet .text { 
 width: 300px; 
 margin-right: 33px; 
 } 
.new .z1 .plaet .text .cond { 
 display: block; 
 font-size: 18px; 
 color: #333; 
 line-height: 50px; 
 margin-top: 25px; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
 -webkit-transition: 0.5s linear; 
 transition: 0.5s linear; 
 } 
.new .z1 .plaet .text p { 
 font-size: 16px; 
 color: #808080; 
 line-height: 24px; 
 display: -webkit-box; 
 -webkit-box-orient: vertical; 
 -webkit-line-clamp: 3; 
 overflow: hidden; 
 height: 72px; 
 } 
.new .z1 .plaet .text .more { 
 display: block; 
 width: 115px; 
 height: 32px; 
 background: #106ecc; 
 line-height: 32px; 
 text-align: center; 
 border-radius: 16px; 
 font-size: 12px; 
 color: #fff; 
 margin-top: 30px; 
 } 
.new .z1 .plaet:hover .text .cond { 
 color: #106ecc; 
 } 
.new .z1 .reg { 
 width: 737px; 
 height: 172px; 
 background: #fbfcfe url(../images/line.png) no-repeat center; 
 margin-top: 33px; 
 display: flex; 
 justify-content: space-between; 
 } 
.new .z1 .reg .list { 
 width: 250px; 
 height: 172px; 
 padding: 8px 22px 0; 
 box-sizing: border-box; 
 -webkit-transition: 0.5s linear; 
 transition: 0.5s linear; 
 } 
.new .z1 .reg .list .cond { 
 display: block; 
 font-size: 18px; 
 color: #333; 
 line-height: 48px; 
 position: relative; 
 -webkit-transition: 0.5s linear; 
 transition: 0.5s linear; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
 } 
.new .z1 .reg .list .cond::before { 
 content: ""; 
 display: block; 
 width: 7px; 
 height: 7px; 
 position: absolute; 
 background: #fb914b; 
 top: 21px; 
 left: 0; 
 opacity: 0; 
 -webkit-transition: 0.5s linear; 
 transition: 0.5s linear; 
 } 
.new .z1 .reg .list p { 
 font-size: 16px; 
 color: #808080; 
 line-height: 24px; 
 display: -webkit-box; 
 -webkit-box-orient: vertical; 
 -webkit-line-clamp: 2; 
 overflow: hidden; 
 height: 48px; 
 } 
.new .z1 .reg .list .data { 
 display: block; 
 font-size: 14px; 
 color: #808080; 
 line-height: 30px; 
 margin-top: 28px; 
 } 
.new .z1 .reg .list:hover { 
 background: #106ecc; 
 } 
.new .z1 .reg .list:hover .cond { 
 color: #fff; 
 padding-left: 16px; 
 } 
.new .z1 .reg .list:hover .cond::before { 
 opacity: 1; 
 } 
.new .z1 .reg .list:hover p { 
 color: #fff; 
 } 
.new .z1 .reg .list:hover .data { 
 color: #fff; 
 } 
.new .y1 { 
 width: 505px; 
 } 
.new .y1 .box { 
 display: flex; 
 justify-content: space-between; 
 margin-bottom: 35px; 
 } 
.new .y1 .box .top h3 { 
 font-size: 24px; 
 color: #333; 
 line-height: 24px; 
 } 
.new .y1 .box .top .zm { 
 font-size: 16px; 
 color: #808080; 
 font-family: Times, serif; 
 line-height: 14px; 
 margin-top: 5px; 
 } 
.new .y1 .box .more { 
 font-size: 16px; 
 color: #808080; 
 line-height: 30px; 
 display: block; 
 font-family: Times, serif; 
 margin-top: 30px; 
 position: relative; 
 } 
.new .y1 .box .more::before { 
 content: ""; 
 display: block; 
 width: 102px; 
 height: 1px; 
 position: absolute; 
 background: #e6e6e6; 
 top: 27px; 
 left: -2px; 
 } 
.new .y1 .list { 
 height: 152px; 
 background: #fbfcfe; 
 padding: 27px 56px 0 37px; 
 box-sizing: border-box; 
 border-bottom: 1px solid #dbdbdb; 
 display: flex; 
 justify-content: space-between; 
 -webkit-transition: 0.5s linear; 
 transition: 0.5s linear; 
 } 
.new .y1 .list .data { 
 font-size: 14px; 
 color: #808080; 
 line-height: 20px; 
 text-align: center; 
 -webkit-transition: 0.5s linear; 
 transition: 0.5s linear; 
 } 
.new .y1 .list .data i { 
 display: block; 
 font-size: 40px; 
 color: #333; 
 line-height: 31px; 
 text-align: center; 
 margin: 24px 0 10px 0; 
 -webkit-transition: 0.5s linear; 
 transition: 0.5s linear; 
 } 
.new .y1 .list .text { 
 width: 320px; 
 } 
.new .y1 .list .text .cond { 
 color: #333; 
 line-height: 38px; 
 display: block; 
 font-size: 18px; 
 border-bottom: 1px solid #dbdbdb; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 white-space: nowrap; 
 -webkit-transition: 0.5s linear; 
 transition: 0.5s linear; 
 } 
.new .y1 .list .text p { 
 font-size: 16px; 
 color: #808080; 
 line-height: 24px; 
 display: -webkit-box; 
 -webkit-box-orient: vertical; 
 -webkit-line-clamp: 2; 
 overflow: hidden; 
 height: 48px; 
 margin-top: 10px; 
 -webkit-transition: 0.5s linear; 
 transition: 0.5s linear; 
 } 
.new .y1 .list:hover { 
 background: #106ecc; 
 } 
.new .y1 .list:hover .data { 
 color: #fff; 
 } 
.new .y1 .list:hover .data i { 
 color: #fff; 
 } 
.new .y1 .list:hover .text .cond { 
 color: #fff; 
 } 
.new .y1 .list:hover .text p { 
 color: #fff; 
 } 
.new .y1 .list:last-child { 
 border-bottom: none; 
 }