@charset "utf-8"; /*banner*/ .fade-banner { position: relative; clear: both; animation: 0.8s ease 0.6s 1 normal backwards running fadeInDown; } .fade-banner img{ width: 100%; } .fade-1 img { width: 100%; /*height:691px;*/ } .fade-banner video { width: 100%; height: 100%; } .news .slick-prev { position: absolute; left: 21%; bottom: 85px; background: url(../image/you.png); width: 58px; height: 33px; display: inline-block; z-index: 1000; *z-index: 1000; _z-index: 1000; cursor: pointer; } .news .slick-next { position: absolute; left: 28%; bottom: 85px; background: url(../image/zuo.png); width: 58px; height: 33px; display: inline-block; z-index: 1000; *z-index: 1000; _z-index: 1000; cursor: pointer; } .fade-1 .start { position: absolute; } .fade-1 .slick-dots { position: relative; /*right: 100px;*/ bottom: 58px; color: #fff; text-align: center; line-height: 1; } .fade-1 .slick-dots li { display: inline-block; width: 11px; height: 11px; margin-right: 5px; cursor: pointer; background: #fff; border-radius: 50%; } .fade-1 .slick-dots li.slick-active { background: #1d5696; width: 41px; border-radius: 10px; } .fade-1 .slick-dots button { display: none; } .fade-1 button:before { outline: none; border: none; } /* 内容1 */ .main1 { margin-top: 86px; margin-bottom: 80px; } .main1 .hd { text-align: center; } .main1 .hd li { display: inline-block; font-size: 32px; margin-right: 38px; cursor: pointer; font-weight: bold; margin-right: 38px; } .main1 .hd li.on { color: #d5a001; } .main1 .bd { margin-top: 54px; } .main1 .bd li { width: 31%; margin-right: 3.5%; float: left; } .main1 .bd li .img { width: 100%; height: 269px; position: relative; overflow: hidden; } .main1 .bd li .img img { width: 100%; height: 100%; object-fit: cover; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; } .main1 .bd li:last-child { margin-right: 0; } .main1 .bd li:nth-child(3n) { margin-right: 0; } .main1 .bd li .text { padding: 30px 24px 30px; border-top: 4px solid #e29e00; box-shadow: 0 0 18px 0 rgb(0 0 0 / 13%); } .main1 .bd li h1 { line-height: 30px; height: 60px; font-size: 18px; } .main1 .bd li p { line-height: 20px; height: 40px; font-size: 14px; margin-top: 10px; color: #58585b; } .main1 .bd li:hover img { transform: scale(1.1); } .main1 .bd li:hover .text { background: #5091ac; } .main1 .bd li:hover h1, .main1 .bd li:hover p { color: #fff; } .more { text-align: center; padding-top: 46px; clear: both; } .more a { display: inline-block; width: 208px; height: 54px; line-height: 54px; text-align: center; border-radius: 50px; color: #fff; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; background: url(../images/zt-r.png) no-repeat 90% center #1c1c1c; } .more a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleX(0); background: url(../images/zt-r.png) no-repeat 90% center #d5a001; transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius: 50px; } .more a:hover { color: white; } .more a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* 通知公告 */ .main2 { background: url(../images/bj2_02.jpg) top center no-repeat; } .tzgg, .xzzx { width: 48%; background-color: #fff; margin-top: 89px; box-shadow: 0 0 18px 0 rgb(0 0 0 / 13%); } .tzgg_p { padding: 52px 56px 36px; } .tit { padding-bottom: 20px; border-bottom: 1px solid #c3d1d6; } .tit h1 { font-size: 32px; font-weight: bold; } .tit a { font-size: 16px; background: url(../images/icon1_03.png) left center no-repeat; padding-left: 48px; transition: .5s; } .tit a:hover { color: #e29e00; } .tzgg ul { margin-top: 32px; } .tzgg li { clear: both; height: 60px; margin-bottom: 26px; } .tzgg .time { min-width: 60px; text-align: center; margin-right: 26px; } .tzgg .time .day { background: #5091ac; color: #fff; height: 38px; line-height: 38px; font-size: 22px; } .tzgg li .time .year { height: 22px; line-height: 22px; background: #e6e7e8; font-size: 12px; color: #333; } .tzgg li h1 { line-height: 30px; height: 60px; font-size: 17px; font-weight: normal; } .tzgg li:hover .time .day { background: #e29e00; color: #fff; } .tzgg li:hover a { color: #5091ac; } .xzzx li { padding: 26px 0px 25px; border-bottom: 1px solid #d2d2d2; position: relative; } .xzzx li h1 { padding-right: 100px; font-weight: normal; font-size: 17px; } .xzzx li p { position: absolute; right: 0; bottom: 0; width: 80px; height: 32px; line-height: 32px; text-align: center; background: #5091ac; } .xzzx li p a { display: block; color: #fff; transition: all .5s; } .xzzx .tzgg_p { padding-bottom: 86px; } .xzzx li p a:hover { background-color: #e29e00; } .xzzx li:hover h1 a { color: #e29e00; } /* 内容3 */ .main3 .bd li { box-shadow: 0 0 18px 0 rgb(0 0 0 / 13%); } .main3 .bd li a { display: block; padding: 32px 32px 50px; } .main3 .bd li div { padding-bottom: 22px; border-bottom: 1px solid #d7d7d7; } .main3 .bd li p.line-3 { line-height: 28px; height: 84px; color: #58585b; margin-top: 26px; } .main3 .bd li p.time { background: url(../images/icon2_07.png) left 12px no-repeat; padding-left: 21px; position: relative; line-height: 40px; margin-top: 24px; } .main3 .bd li p.time:after { content: ''; display: inline-block; width: 77px; height: 14px; position: absolute; right: 0; bottom: 14px; background: url(../images/icon2_10.png) no-repeat; } .main3 .bd li:hover { background-color: #2b325f; } .main3 .bd li:hover h1, .main3 .bd li:hover p { color: #fff; } .main3 .bd li:hover div { border-bottom: 1px solid #d7d7d7; } .main3 .bd li:hover p.time { background: url(../images/icon2_03.png) left 12px no-repeat; } .main3 .bd li:hover p.time:after { background: url(../images/icon2_05.png) no-repeat; } /* 内容4 */ .main4 { background: url(../images/bj4_02.jpg) top center no-repeat; } .main4 li { float: left; width: 45%; padding-left: 5%; position: relative; padding-top: 50px; padding-bottom: 40px; } .main4 li:first-child { border-right: 1px solid #255668; } .main4 li .img { width: 60px; margin-right: 24px; transition: all 0.5s; position: relative; } .main4 li .text { width: calc(100% - 84px); width: -webkit-calc(100% - 84px); width: -moz-calc(100% - 84px); color: #fff; position: relative; transition: all 0.5s; } .main4 li h1 { font-size: 28px; font-weight: normal; } .main4 li p { font-size: 15px; margin-top: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .main4 li:hover .img, .main4 li:hover .text { transform: translate(0px, -12px); } .main4 li:hover .text { color: #f4ce13; }