/* banner */ .banner{ position: relative; animation: 0.8s ease 0.5s 1 normal backwards running fadeInDown; overflow: hidden; } .banner .slider{ overflow:hidden; width:100%; } .banner .slider img { width: 100%; transform: scale(1.2); transition: opacity 0.3s ease, transform 0s ease 1s; } .banner .slick-active img { -webkit-transform: scale(1); transform: scale(1); transition: all 5s cubic-bezier(0, .56, .44, 1); } .banner .slick-dots li button{ width: 16px; height: 16px; background: url(../img/banner-icon1.png) no-repeat center center; } .banner .slick-dots li button:before,.banner .slick-dots li{ width: 16px; height: 16px; } .banner .slick-dots li.slick-active button{ background: url(../img/banner-icon2.png) no-repeat center center; } .banner .slick-dots li{ margin: 0 7px; } .list-icon{ padding-bottom: 60px; animation: 0.8s ease 0.8s 1 normal backwards running fadeInDown; } .notice.animation, .news.animation, .wlzq.animation{ opacity:1; visibility:visible; animation: 0.8s ease 0.2s 1 normal backwards running fadeInDown; } .list-icon li{ float: left; margin-top: 50px; width: 20%; text-align: center; } .list-icon li p{ margin-top: 28px; } .list-icon li img{ width: 69px; height: 69px; object-fit: cover; } .list-icon li:hover p{ color: #074087; } .list-icon li:hover img{animation: 0.8s ease 0s 1 normal backwards running z;} /* notice */ .notice{ background-size: cover; padding: 55px 0 0; opacity: 0; visibility: hidden; } .tit h2{ float: left; } .tit p{ float: left; } .tit a{ float: right; background: url(../img/more1.png) no-repeat center right; padding-right: 45px; line-height: 33px; } .tit a:hover{ color: #144b8f; } .tit h2{ color: #144b8f; font-size: 26px; font-weight: normal; background: url(../img/notice-icon.png) no-repeat left center; padding-left: 50px; line-height: 33px; } .tit p{ font-size: 16px; color: #b2b2b2; margin-left: 15px; line-height: 33px; } .new-list.fl{ margin-top: 40px; width: 50%; padding-right: 35px; } .new-list.fl .first img{ box-shadow: 0 0 16px 0 rgb(9,44,135,0.05); width: 357px; height: 213px; object-fit: cover; } .new-list.fl .first .img{ float: left; overflow: hidden; } .new-list.fl .first:hover .txt p{ color:#144b8f; } .new-list.fl .first:hover .img img{ transform:scale(1.1); } .new-list.fl .first .txt{ float: right; padding: 48px 0 0 20px; width: calc( 100% - 357px); } .new-list.fl .first .txt p{ color: #333; font-size: 16px; line-height: 30px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .new-list.fl .first .txt span{ display: block; text-align: center; font-size: 14px; color: #999999; margin-top: 20px; border-top: 1px solid #e6e6e6; padding-top: 20px; } .new-list .li{ margin: 20px 0; position: relative; padding-left: 20px; line-height: 44px; } .new-list .li a{ font-size: 16px; color: #4c4c4c; } .new-list .li::before{ position: absolute; left: 0; bottom: 0; top: 0; margin: auto; width: 5px; height: 5px; content: ""; background: #144b8f; border-radius: 50%; } .new-list .li span{ font-size: 14px; color: #999; float: right; } .new-list.fr{ width: 50%; padding-left: 40px; } .new-list .li:hover a{ color:#144b8f; } .news{ padding: 60px 0 85px; background-size: cover; position:relative; opacity: 0; visibility: hidden; } .news .work{ width: 61%; height: 540px; overflow: hidden; } .news .tit h2{ color: #fff; background: url(../img/news-icon.png) no-repeat left center; } .news .tit a{ color: #fff; background: url(../img/more.png) no-repeat center right; } .news .tit{ margin-bottom: 50px; } .work ul{ background: rgba(8,55,109,0.5); padding: 20px 20px 40px; } .work li{ float: left; width: 48%; } .work li:nth-child(even){ margin-left: 4%; } .work li.img{ height: 208px; overflow: hidden; } .work li.img img{ width:100%; height:100%; object-fit: cover; } .work li.img:hover img{ transform: scale(1.2); } .work li.txt{ margin-top: 32px; } .work li.txt:hover a{ color: #ffb800; } .work li.txt p{ color: #fff; } .work li.txt .time{ width: 66px; height: 62px; text-align: center; float: left; background: url(../img/timebg.png) no-repeat center center; } .work li.txt .p1{ font-size: 22px; font-family: "Georgia"; line-height: 44px; height: 38px; } .work li.txt .p2{ font-size: 13px; height: 24px; line-height: 18px; font-family: "Arial"; } .work li.txt a{ font-size: 15px; color: #fff; display: block; width: calc(100% - 80px); float: right; line-height: 30px; } .gzzd{ width: 36%; height: 540px; overflow: hidden; } .news .gzzd .tit h2{ background: url(../img/gzzd.png) no-repeat left center; } .gzzd ul{ background: rgba(8,55,109,0.5); padding: 20px 20px 30px; } .gzzd li.first{ background: #0664bb; padding: 10px 20px 12px; margin-bottom: 19px; } .gzzd li.first h2{ font-size: 16px; color: #fff; font-weight: normal; line-height: 52px; border-bottom: 1px solid #2376c1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; height: 52px; } .gzzd li.first p{ font-size: 14px; color: #daebfa; line-height: 28px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 56px; margin: 10px 0; } .gzzd li.first span{ display: block; color: #a0ccf2; font-size: 12px; } .gzzd li.txt a{ font-size: 14px; color: #fff; display: block; width: 78%; } .gzzd li.txt{ line-height: 34px; margin-top: 10px; padding: 0 20px; } .gzzd li.txt span{ float: right; color: #9ec0ec; font-size: 12px; } .gzzd li.txt:hover{ background:#0766bd; } .wlzq .tit h2{ background: url(../img/wlzq.png) no-repeat left center; } .center-box{ background: url(../img/news-bg.png) no-repeat top center; background-size: cover; overflow: hidden; } .wlzq{ margin-top: 30px; padding-bottom: 60px; opacity: 0; visibility: hidden; } .wlzq li { width: 48%; margin-top: 40px; float: left; } .wlzq li:hover .time p,.wlzq li:hover a h2,.wlzq li:hover a p{ color:#144b8f; } .wlzq li:hover .time{ background: url(../img/wicon2.png) no-repeat center top; } .wlzq li:nth-child(even){ margin-left: 4%; } .wlzq li .time{ text-align: center; float: left; padding-top: 33px; background: url(../img/wicon1.png) no-repeat center top; } .wlzq li .time .p1{ font-size: 20px; color: #999; font-family: "Georgia"; margin-top: 10px; } .wlzq li .time .p2{ font-size: 14px; color: #999; font-family: "Arial"; } .wlzq li a{ display: block; float: right; width: calc(100% - 70px); padding: 10px 0; } .wlzq li a h2{ font-size: 16px; color: #4c4c4c; font-weight: normal; line-height: 32px; height: 32px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; } .wlzq li a p{ font-size: 14px; color: #787878; margin-top: 12px; }