@charset "UTF-8"; body { overflow-x: hidden; } /*banner*/ .banner-k { position: relative; } .banner, .banner div.slick-list, .banner .slick-slide a, .banner .slick-slide a img { width: 100%; height: 100vh; } .banner { overflow: hidden; position: relative; z-index: 1; } .banner .slick-list { position: relative; } .banner .slick-list::after { content: ''; position: absolute; top: 0; left: 0; right: 0; background-image: -moz-linear-gradient(-90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); background-image: -webkit-linear-gradient(-90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); background-image: -ms-linear-gradient(-90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); height: 2.61rem; } .banner .slick-slide a { display: block; overflow: hidden; position: relative; } .banner .slick-slide img { display: block; width: 100%; transform: scale(1.1); transition: all 5s ease-out; } .banner .img_scale img { transform: scale(1); } .banner1, .banner1 div.slick-list, .banner1 .slick-slide a, .banner1 .slick-slide a img { width: 100%; } .banner1 { overflow: hidden; position: relative; z-index: 1; } .banner1 .slick-list { position: relative; } .banner1 .slick-list::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2.61rem; } .banner1 .slick-slide a { display: block; overflow: hidden; position: relative; } .banner1 .slick-slide img { display: block; width: 100%; transform: scale(1.1); transition: all 5s ease-out; } .banner1 .img_scale img { transform: scale(1); } /* .banner .slick-dots { bottom: 0.28rem; width: 100%; left: 0; right: 0; text-align: center; font-size: 0; height: 0.35rem; z-index: 9; } .banner .slick-dots li { vertical-align: middle; margin: 0 0.06rem; padding: 0; width: 0.1rem; height: 0.1rem; background: rgba(255, 255, 255, 0.4); border-radius: 50%; } .banner .slick-dots li.slick-active { width: 0.4rem; height: 0.35rem; background-size: 100% 100%; } .banner .slick-dots li button { display: none; } */ .banner .slick-prev, .banner .slick-next { width: 0.09rem; height: 0.16rem; top: inherit; bottom: 0.65rem; } .banner .slick-prev { left: inherit; right: 50%; margin-right: 0.7rem; background: url(../images/ban-prev.png) no-repeat; background-size: 100% 100%; } .banner .slick-next { right: inherit; left: 50%; margin-left: 0.7rem; background: url(../images/ban-next.png) no-repeat; background-size: 100% 100%; } .down-page { position: absolute; width: 1rem; height: 1rem; line-height: 1rem; left: 50%; bottom: 0.27rem; transform: translateX(-50%); z-index: 99; font-size: 0; text-align: center; cursor: pointer; } @keyframes svg-sircle { 0% { stroke-dasharray: 300; stroke-dashoffset: 300; } 100% { stroke-dasharray: 300; stroke-dashoffset: 0; } } .down-page svg { vertical-align: middle; width: 100%; height: 100%; } .down-page.on .pie-bar { animation: svg-sircle 10s linear; } .down-page .pie-bg { stroke: #fff; opacity: .3; } .down-page .pie-bar { stroke: #fff; } .down-page circle { stroke-dashoffset: 0; transform: rotate(-90deg); transform-origin: center; transition: all .2s; stroke: currentColor; z-index: 2; } .down-page>img { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 0.17rem; animation: move 1.5s infinite ease-in-out; cursor: pointer; } @keyframes move { 0%, 100% { top: 45%; } 50% { top: calc(45% + 0.1rem); } } /*首页样式*/ .title { position: relative; } .title h3 { font-weight: normal; } .title h3 b, .title h3 span { display: block; } .title h3 b { font-size: 0.3rem; color: #000; } .title h3 b em { font-style: normal; color: #094197; } .title h3 span { font-size: 0.14rem; color: #666; } .more { position: absolute; right: 0; bottom: 0; } .more a { display: block; font-size: 0.16rem; color: #666; line-height: 0.4rem; transition: all 0.3s; } .more:hover a { color: #094197; } /*主体*/ .section1 { padding-top: 0.4rem; padding-bottom: 0.45rem; overflow: hidden; } .s1-c { align-items: flex-start; } .s1-l { width: 60.97%; } .s1-l .slick-slider { margin-top: 0.3rem; } .s1-l ul li a { display: block; position: relative; } .s1-l ul li .bg_img { height: 5rem; } .s1-l ul li:hover .bg_img .a { transform: scale(1.1); } .s1-l ul li .bg_img::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/jdt_yy.png) no-repeat; background-size: 100% 100%; z-index: 1; } .s1-l ul li .bg_img .jdt-date { position: absolute; left: 0.3rem; top: 0.3rem; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 1rem; height: 1rem; background: rgba(255, 255, 255, 0.8); border-radius: 0.3rem 0 0.3rem 0; z-index: 2; color: #094197; } .s1-l ul li .bg_img .jdt-date p { font-size: 0.36rem; } .s1-l ul li .bg_img .jdt-date span { font-size: 0.16rem; } .s1-l ul li .s1-ltx { position: absolute; left: 0.4rem; right: 2rem; bottom: 0.25rem; z-index: 1; } .s1-l ul li .s1-ltx h3 { font-size: 0.2rem; font-weight: bold; line-height: 0.28rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; color: #fff; } .s1-l .slick-dots { width: auto; font-size: 0; right: 0.3rem; bottom: 0.35rem; } .s1-l .slick-dots li { width: 0.07rem; height: 0.07rem; border-radius: 50%; background: rgba(255, 255, 255, 0.5); margin: 0 0.1rem; position: relative; } .s1-l .slick-dots li::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0.31rem; height: 0.31rem; border-radius: 50%; border: 1px dashed #fff; display: none; } .s1-l .slick-dots li.slick-active { background: #fff; margin: 0 0.2rem; } .s1-l .slick-dots li.slick-active::after { display: block; } .s1-l .slick-dots li button { display: none; } /* .s1-l .slick-prev, .s1-l .slick-next { width: 0.48rem; height: 0.48rem; top: auto; transform: none; bottom: -0.24rem; z-index: 1; transition: all 0.3s; } .s1-l .slick-prev { left: auto; right: 0.93rem; background-size: 100% 100%; } .s1-l .slick-next { right: 0.28rem; background-size: 100% 100%; } .s1-l .slick-prev:hover, .s1-l .slick-next:hover { transform: scale(1.05); } */ .s1-ld ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 0.25rem; } .s1-ld ul li { width: 48.5%; } .s1-ld ul li a { background: #f8f8f8; padding: 0.14rem; overflow: hidden; transition: all 0.3s; } .s1-ld ul li a h3 { font-size: 0.18rem; line-height: 0.3rem; height: 0.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.3s; } .s1-ld ul li a span { display: inline-block; float: right; font-size: 0.14rem; line-height: 0.36rem; background: url(../images/time1.png) no-repeat left center; background-size: 0.13rem 0.13rem; padding-left: 0.23rem; transition: all 0.3s; } .s1-ld ul li:hover a { background: url(../images/s1-ldbg.png) no-repeat right center; background-size: 100% 100%; } .s1-ld ul li:hover a h3 { color: #fff; } .s1-ld ul li:hover a span { color: #fff; background-image: url(../images/time2.png); } .s1-r { width: 36.8%; } .s1-r ul { margin-top: 0.3rem; background: #f8f8f8; } .s1-r ul li { transition: all 0.3s; } .s1-r ul li a { display: flex; align-items: center; margin: 0 0.35rem; border-top: 1px dashed rgba(102, 102, 102, 0.2); padding: 0.23rem 0; } .s1-r ul li:first-child a { border-top: none; } .s1-r ul li a .s1-rdate { text-align: center; color: #094197; position: relative; transition: all 0.3s; } .s1-r ul li a .s1-rdate p { font-size: 0.3rem; } .s1-r ul li a .s1-rdate span { font-size: 0.16rem; } .s1-r ul li a .s1-rdate::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: -0.2rem; width: 1px; height: 0.37rem; background: rgba(102, 102, 102, 0.2); transition: all 0.3s; } .s1-r ul li a .s1-rtx { flex: 1; min-width: 0; padding-left: 0.4rem; font-size: 0.18rem; line-height: 0.3rem; max-height: 0.6rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.3s; } .s1-r ul li:hover a .s1-rdate::after { background: rgba(255, 255, 255, 0.2); } .s1-r ul li:hover { background: url(../images/s1-ldbg.png) no-repeat right center; background-size: 100% 100%; } .s1-r ul li:hover a .s1-rdate { color: #fff; } .s1-r ul li:hover a .s1-rtx { color: #fff; } .partb{width: 100%;padding: 0.35rem 0 0.4rem;} .pb-left,.pb-center,.pb-right{width: calc( ( 100% - 0.6rem ) / 3 );} .pb-list ul li{width: 100%; border-bottom:1px dashed #d0d0d0;} .pb-list ul li a{line-height: 0.54rem;width: calc( 100% - 0.6rem );color: #434343;transition: 0.2s all;padding-left: 0.25rem;background: url(../images/icon01.png) no-repeat left center;background-size: auto 0.09rem;} .pb-list ul li span{font-size: 0.14rem;color: #999999;line-height: 0.54rem;font-family: Arial;} .pb-list ul li:hover a{color: #114D9A;} .pb-list ul li:hover span{color: #114D9A;} .home5-b{position: relative; margin:0.2rem 0 0.3rem;} .home5-b a{display: flex;flex-direction: column;align-items: center;} .home5-b a .img{width: 1rem;height: 1rem;/* padding: 0.14rem; */border-radius: 50%;border: 1px dashed #054888;} /* .home5-b a .img::after{width: auto;border: 1px dashed rgba(5,77,153,.5);border-radius: 50%;height: auto; left: 0px;top: 0px;right: 0px;bottom: 0px;} */ .home5-b a .ico{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;border-radius: 50%;} .home5-b a p{text-align: center;line-height: 1.5;font-size: 0.18rem;color: #333;margin-top: .15rem;} .home5-b a .ico img{max-width: 0.65rem;} .home5-b .arror{width: 0.29rem;height: 0.55rem;background: url(../images/prev2.png) no-repeat;background-size: 100% !important;left: -.45rem;margin-top: -0.275rem;transition: 0.5s;top: .81rem;} .home5-b .swiper-button-next{transform: rotateY(180deg);left: auto;right: -.45rem;} .home5-b .arror:hover{background: url(../images/prev22.png) no-repeat;} .home5-b .arror::after{display: none;} .s4-r { width: 100%; } .s4-r ul { margin-top: 0.3rem; } .s4-r ul li a { display: block; } .s4-r ul li a .bg_img { background-size:100% 100%; } .s4-r ul li a .bg_img::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.65rem; background-image: -moz-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); background-image: -webkit-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); background-image: -ms-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%); } .title{width: 100%;margin-bottom: 0.25rem;} .title .tit{position: relative;} .title .tit h3{font-size: 0.3rem;line-height: 0.3rem;color: #114D9A;background-position: left bottom;background-repeat: no-repeat;background-size: auto 0.26rem;} .title a{font-size: 0.14rem;color: #114D9A;line-height: 0.3rem;} @media screen and (max-width:1600px) { .partc{width: 100%;margin-bottom: 0.3rem;} .parte{width: 100%;margin-bottom: 0.3rem;} .pa-left,.pa-right,.pe-left,.pe-right{width: calc( 50% - 0.15rem );} .news-scroll-2 ul li a{display: block;width: 100%;position: relative;height: 3.6rem;overflow: hidden;} .news-scroll-2 ul li .image{background-size: cover;transition: 0.3s all;} .news-scroll-2 ul li:hover .image{transform: scale(1.1,1.1);} .news-scroll-2 ul li .news-txt{width: 100%;height:0.8rem;position: absolute;left: 0;bottom: 0;background-image: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);display: flex;flex-direction: column;justify-content: flex-end;padding:0 0.2rem 0.15rem;} .news-scroll-2 ul li .news-txt p{font-size: 0.16rem;color: #ffffff;line-height: 0.3rem;max-width: calc( 100% - 1.1rem );} .news-scroll-2 ul li .time{width: 0.97rem;height: 0.92rem;background: url(../img/time_bg.png) no-repeat;background-size: 100% 100%;position: absolute;top:0;right:0.2rem;z-index: 2;padding-top: 0.08rem;} .news-scroll-2 ul li .time span{display: block;color: #ffffff;text-align: center;font-size: 0.14rem;color: #ffffff;} .news-scroll-2 ul li .time span:first-of-type{font-size: 0.3rem;font-weight: bold;} .news-scroll-2 .swiper-pagination{bottom: 0.2rem;width: 100%;width: auto;right: 0.15rem} .news-scroll-2 .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;opacity: 1;margin: 0 0.04rem !important;transition: 0.2s all;border-radius: 0.05rem;} .news-scroll-2 .swiper-pagination-bullet-active{background: #e1b38a;width: 0.24rem;} .news-list-1{margin-top: 0.15rem;} .news-list-1 ul li{width: 100%;line-height: 0.3rem;margin-bottom: 0.1rem;} .news-list-1 ul li:last-of-type{margin-bottom: 0;} .news-list-1 ul li a{font-size: 0.16rem;color: #333333;max-width: calc( 100% - 1rem );} .news-list-1 ul li span{font-size: 0.14rem;color: #999999;} .news-list-1 ul li:hover a,.news-list-1 ul li:hover span{color: #1f47a6;} .notice-list ul li{width: 100%;margin-bottom: 0.22rem;} .notice-list ul li:last-of-type{margin-bottom: 0;} .notice-list ul li .time{width: 0.76rem;border: 1px solid rgba(31,71,166,0.4);padding: 0.09rem 0 0.11rem;transition: 0.2s all;} .notice-list ul li .time span{display: block;text-align: center;font-size: 0.14rem;color: #999999;transition: 0.2s all;} .notice-list ul li .time span:first-of-type{color: #1f47a6;font-size: 0.24rem;font-weight: bold;} .notice-list ul li .txt{max-width: calc( 100% - 0.76rem );padding-left: 0.18rem;} .notice-list ul li .txt h3{font-size: 0.16rem;color: #333333;line-height: 0.3rem;margin-bottom: 0.05rem;transition: 0.2s all;} .notice-list ul li .txt p{font-size: 0.14rem;color: #999999;line-height: 0.3rem;} .notice-list ul li:hover .time{background: #1f47a6;} .notice-list ul li:hover .time span{color: #ffffff;} .notice-list ul li:hover .txt h3{color: #1f47a6;} @media screen and (min-width: 1200px) { .home5-b li a:hover .ico{background: #054d99;background: none\0;} .home5-b li a:hover img{filter: brightness(100);} } @media screen and (max-width: 1200px) { .home5-b{padding: 0 .4rem;} .home5-b .arror{width: 0.2rem;height: 0.45rem;left: 0rem;margin-top: -0.225rem;} .home5-b .swiper-button-next{left: auto;right: 0rem;} } @media screen and (max-width: 768px) { .home5-b a .ico img{max-width: 0.45rem;} .home5-b a .img{/* width: 1.5rem; *//* height: 1.5rem; */} } @media screen and (max-width: 1024px) { .banner, .banner div.slick-list, .banner .slick-slide a, .banner .slick-slide a img { height: auto; } .banner .slick-list::after { display: none; } .section1 { padding-top: 0.3rem; padding-bottom: 0.3rem; } .s1-l { width: 100%; } .s1-l ul li .bg_img { height: auto; padding-top: 56.94%; } .s1-r { width: 100%; margin-top: 0.3rem; } .section2 { padding-top: 0.3rem; padding-bottom: 0.3rem; } .s2-c { margin-top: 0; } .s4-l { width: 100%; background-color: #094197; padding: 0.3rem; } .s4-l .s4-l-l { width: 100%; } .s4-l .s4-l-l a .bg_img { height: auto; padding-top: 63.98%; } .s4-l .s4-l-l a .s4-rtx p { height: auto; max-height: 0.48rem; } .s4-l .s4-l-r { width: 100%; } .s4-l .s4-l-r ul li a h3 { height: auto; max-height: 0.6rem; } .s4-r { width: 100%; background: #f4f3f1; padding: 0.3rem; } .s4-r ul li a .bg_img { height: auto; padding-top: 62.58%; } .section5 { padding-top: 0.3rem; padding-bottom: 0.5rem; } .s5-l { width: 100%; } .s5-l .s5-lt a .bg_img { height: auto; padding-top: 63.62%; } .s5-r { width: 100%; margin-top: 0.3rem; } .s5-r .s5-lt a .bg_img { padding-top: 41.53%; } } @media screen and (max-width: 960px) { .foot-t .fot-r{width:100%;margin-top:.3rem;} .pb-left,.pb-center,.pb-right{width:100%;} } @media screen and (max-width: 768px) { .foot-t{padding:.3rem 0;} .foot-b .fot-1,.foot-b .fot-2,.foot-b .fot-3{width:100%;margin-bottom:.25rem;/* text-align:center; */} .fot-r .select{width:100%; margin-bottom:0.2rem;} .fot-1 img{display:block;margin:auto;} .foot-b .fot-2{ display: flex;flex-direction: column;align-items: center;} .foot-b{padding-bottom:0;} .down-page { width: 0.8rem; height: 0.8rem; line-height: 0.8rem; bottom: 0.2rem; } .banner .slick-prev, .banner .slick-next { bottom: 0.42rem; } .title h3 b { font-size: 0.3rem; } .s1-l ul li .bg_img .jdt-date { left: 0.1rem; top: 0.1rem; width: 0.8rem; height: 0.8rem; } .s1-l ul li .bg_img .jdt-date p { font-size: 0.28rem; line-height: 1; } .s1-l .slick-dots { right: 0.1rem; } .s1-l ul li .s1-ltx { left: 0.2rem; right: 1.8rem; } .s1-ld ul li { width: 100%; margin-top: 0.25rem; } .s1-ld ul li:first-child { margin-top: 0; } .s1-ld ul li a { padding: 0.2rem; } .s1-r ul li a { padding: 0.2rem 0; margin: 0 0.2rem; } .section3 { padding-bottom: 0.3rem; } .s3-c .title { margin-top: 0.3rem; } .s3-c .more { position: absolute; margin-top: 0; } .s3-r { display: none; } .s3-d { position: static; transform: none; margin-top: 0.5rem; padding: 0.35rem 0.15rem; } .s3-d ul li a { margin: 0 0.15rem; } .s3-d .slick-prev, .s3-d .slick-next { top: -0.55rem; width: 0.4rem; height: 0.4rem; } .s3-d .slick-prev { left: 0.15rem; } .s3-d .slick-next { left: 0.9rem; } .s4-l, .s4-r { padding: 0.2rem; } } @media screen and (max-width: 640px) {} @media screen and (max-width: 480px) {} @media screen and (max-width: 375px) {} @media screen and (max-width: 320px) {}