.banner{position: relative;width: 100%;} .banner .swiper-slide a{display: block;} .banner .swiper-slide img{display: block;width: 100%;} .banner .swiper-pagination{bottom: 0.2rem;width: 100%;} .banner .swiper-pagination-bullet{transition: 0.3s all;width: 0.12rem;height: 0.12rem;border-radius: 0.06rem;opacity: 1 !important;} .banner .swiper-pagination-bullet-active{background: #003e91;width: 0.3rem;} .title{width: 100%;margin-bottom: 0.3rem;} .title h3{font-size: 0.3rem;color: #333333;line-height: 1;flex-shrink: 0;} .title .line{display: block;width: calc( 100% - 3rem );height: 0.13rem;background: url(../img/title_bg.png) no-repeat center center;background-size: 100% auto;} .title a{width: 1.23rem;height: 0.4rem;background: url(../img/more.png) no-repeat right top;background-size: auto 100%;font-size: 0.14rem;color: #ffffff;line-height: 0.4rem;flex-shrink: 0;padding-left: 0.45rem;} .parta{width: 100%;padding: 0.4rem 0;position: relative;overflow: hidden;} .parta::before{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 3.5rem;z-index: 1;background-color: #f0f7ff;z-index: 0;} .parta .w90{position: relative;z-index: 1;} .partb{width: 100%;padding: 0.4rem 0;position: relative;background: url(../img/partb_bg.jpg) no-repeat center top;background-size: cover;} .partb .title h3{color: #ffffff;} .partb .title a{background: url(../img/more_white.png) no-repeat right top;background-size: auto 100%;color: #113ba7;} .pbox ul li{box-shadow: 0 0 0.2rem 0 rgba(0,0,0,0.1);} .pbox ul li a{padding: 0.2rem 0.5rem 0.2rem 0.3rem;background-color: #ffffff;background-size: 100% 100%;background-repeat: no-repeat;transition: 0.2s all;position: relative;} .pbox ul li a::after{content: "";width: 0.25rem;height: 0.25rem;display: block;background: url(../img/n-bj.png) no-repeat;background-size: 100% 100%;position: absolute;right: 0.15rem;bottom: 0.2rem;} .pbox ul li .left{width: 0.6rem;margin-right: 0.3rem;} .pbox ul li .left .time{width: 100%;color: #666666;margin-bottom: 0.06rem;transition: 0.2s all;} .pbox ul li .left .time h3{font-size: 0.24rem;text-align: center;margin-bottom: 0.05rem;} .pbox ul li .left .time span{display: block;text-align: center;font-size: 0.14rem;white-space: nowrap;} .pbox ul li .left .icon{width: 100%;height: 0.6rem;background-image: url(../img/date-g.png);background-repeat: no-repeat;background-position: center center;background-size: aut0 0.5rem;transition: 0.2s all;} .pbox ul li .right{width: calc( 100% - 0.9rem );} .pbox ul li .right h3{font-size: 0.18rem;color: #333333;line-height: 0.26rem;height: 0.52rem;display: block\0;width: 100%;font-weight: normal;} .pbox ul li .right .line{width: 0.4rem;height: 1px;background: #ffffff;margin: 0.1rem 0;} .pbox ul li .right p{font-size: 0.14rem;color: #999999;line-height: 0.25rem;height: 0.75rem;display: block\0;width: 100%;} .pbox ul li:hover a{background-image: url(../img/notice-bj.png);} .pbox ul li:hover .left .time{color: #ffffff;} .pbox ul li:hover .left .icon{background-image: url(../img/date-w.png);} .pbox ul li:hover .right h3,.pbox ul li:hover .right p{color: #ffffff;} .partc{width: 100%;padding: 0.4rem 0;} .news-scroll{width: 48%;position: relative;padding-right: 0.1rem;} .news-scroll::after{content: "";width: calc(100% - 0.1rem);height: calc(100% - 0.5rem);background: #d0d8e3;position: absolute;right:0;top:0.1rem;} .news-scroll ul li a{display: block;} .news-scroll ul li .imgbox{width: 100%;height: 3.78rem;position: relative;overflow: hidden;} .news-scroll ul li .image{transition: 0.2s all;} .news-scroll ul li:hover .image{transform: scale(1.1,1.1);} .news-scroll ul li .tit{width: 100%;padding-right: 1rem;padding-top:0.2rem;} .news-scroll ul li .tit p{font-size: 0.16rem;color: #333333;line-height: 0.3rem;} .news-scroll ul li:hover .tit p{color: #003e91;} .news-scroll .arrow_btn{width: 0.8rem;height: 0.4rem;position: absolute;right: 0;bottom: 0;display: flex;z-index: 2;} .news-scroll .arrow_btn div{width: 0.4rem;height: 0.4rem;border: 1px solid #1b58b1;opacity: 1;position: relative;background-repeat: no-repeat;background-position: center center;background-size: auto 0.16rem;} .news-scroll .arrow_btn .swiper-button-next{background-color: #1b58b1;background-image: url(../img/right.svg);} .news-scroll .arrow_btn .swiper-button-prev{background-color: #ffffff;background-image: url(../img/left-blue.svg);} .news-list{width: calc( 52% - 0.3rem );} .news-list ul li{width: 100%;position: relative;} .news-list ul li a{padding: 0.25rem 0.2rem 0.25rem 0.4rem;position: relative;z-index: 1;} .news-list ul li .time{width: 0.7rem;position: relative;text-align: right;flex-shrink: 0;padding-bottom: 0.15rem;color: #1b58b1;transition: 0.3s all;} .news-list ul li .time h3{font-size: 0.2rem;margin-bottom: 0.05rem;} .news-list ul li .time span{font-size: 0.16rem;display: block;} .news-list ul li .time::after{content: "";width: 0.4rem;height: 1px;background: #1b58b1;display: block;position: absolute;bottom: 0;right:0;transition: 0.3s all;} .news-list ul li .txt{width: calc( 100% - 0.7rem );padding-left: 0.2rem;} .news-list ul li .txt h3{font-size: 0.18rem;color: #333333;line-height: 0.3rem;width: 100%;margin-bottom: 0.1rem;transition: 0.3s all;} .news-list ul li .txt p{font-size: 0.14rem;color: #999999;line-height: 0.26rem;width: 100%;display: block\0;height: 0.52rem;transition: 0.3s all;} .news-list ul li::after{content: "";width: 0;height: 100%;background: url(../img/txt_bg.png) no-repeat left top;position: absolute;right: 0;top: 0;transition: 0.3s all;z-index: 0;} .news-list ul li:hover::after{width: 100%;} .news-list ul li:hover .time{color: #ffffff;} .news-list ul li:hover .time::after{background: #ffffff;} .news-list ul li:hover .txt h3,.news-list ul li:hover .txt p{color: #ffffff;} .partd{width: 100%;padding: 0.4rem 0;background: #f0f7ff;} .pdbox{width: 100%;} .pdbox ul li .time{width: 0.6rem;height: 1.2rem;} .pdbox ul li .time .date{width: 100%;height: 0.6rem;background: #0457bd;color: #ffffff;font-size: 0.3rem;text-align: center;line-height: 0.6rem;} .pdbox ul li .time .y_m{width: 100%;height: 0.6rem;background: #add2ff;color: #0457bd;display: flex;flex-direction: column;justify-content: center;align-items: center;} .pdbox ul li .time .y_m span{font-size: 0.14rem;display: block;text-align: center;margin-bottom: 0.03rem;} .pdbox ul li .time .y_m h3{font-size: 0.24rem;line-height: 1;text-align: center;} .pdbox ul li .news_box{width: calc( 100% - 0.6rem );} .pdbox ul li .news_box .news_img{width: 100%;height: 0;padding-bottom: 68%;position: relative;overflow: hidden;} .pdbox ul li .news_box .news_img a{display: block;} .pdbox ul li:hover .news_box .news_img a{transform: scale(1.1,1.1);} .pdbox ul li .news_box .news_txt{padding: 0.1rem 0 0;} .pdbox ul li .news_box .news_txt h3{font-size: 0.16rem;font-weight: normal;width: 100%;margin-bottom: 0.1rem;} .pdbox ul li .news_box .news_txt h3 a{color: #333333;width: 100%;line-height: 0.26rem;max-height: 0.52rem;} .pdbox ul li .news_box .news_txt .more{font-size: 0.14rem;width: 100%;margin-top: 0.06rem;} .pdbox ul li .news_box .news_txt .more a{font-family: myfont;text-decoration: underline;color: #0c4491;} .pdbox ul li:hover .news_box .news_txt h3 a{color: #0c4491;} .s1-c { display: flex; align-items: center; margin-top: .3rem; width: 100%; } .s1-l { width: 54%; } .s1-l>ul { margin-left: -0.45rem; } .s1-l ul li a { display: block; position: relative; padding-left: .45rem; } .s1-l ul li a .pic { padding-top: 65%;background-size: cover;background-repeat: no-repeat;background-position: center center; } .s1-l ul li a .date { position: absolute; left: 0; top: 0; background: url(../img/s1-date-bg.png) no-repeat; background-position: center center; background-size: 100% 100%; width: 0.91rem; height: 1.05rem; display: flex; flex-direction: column; justify-content: center; align-items: center; } .s1-l ul li a .date b { font-size: 0.28rem; font-weight: normal; font-stretch: normal; line-height: 0.3rem; letter-spacing: 0rem; color: #ffffff; display: block; } .s1-l ul li a .date span { display: block; font-size: 0.14rem; font-weight: normal; font-stretch: normal; line-height: 0.3rem; color: #ffffff; } .s1-r { flex: 1; min-width: 0; background-color: #ffffff; padding: 0.2rem .3rem; position: relative; z-index: 9; } .s1-rt ul { margin: 0 -.1rem; } .s1-rt ul li a { display: block; margin: 0 .1rem; } .s1-rt ul li a .pic { padding-top: 62%;background-size: cover;background-repeat: no-repeat;background-position: center center; } .s1-rb { margin-left: -.89rem; padding: .3rem .3rem .5rem .3rem; background-color: #0159c7; box-shadow: 0rem 0.01rem 0.08rem 0rem rgba(56, 56, 56, 0.12); position: relative; margin-top: .3rem; } .s1-rb-more { content: ""; position: absolute; right: 0; bottom: 0; transform: translateX(25%) translateY(50%); } .s1-rb-more a { display: block; width: 0.79rem; height: 0.87rem; background: url(../img/s1-rbmore.png) no-repeat; background-position: center center; background-size: 100%; } .s1-rb ul li a { display: block; position: relative; } .s1-rb ul li a h3 { font-size: 0.18rem; font-stretch: normal; line-height: 0.22rem; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .s1-rb ul li a p { font-size: 0.16rem; font-stretch: normal; line-height: 0.28rem; letter-spacing: 0rem; color: #ffffff; opacity: 0.68; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: .84rem; margin-top: .2rem; } .s1-b { margin-top: .65rem; position: relative; width: 100%; } .s1-b::after { content: ""; position: absolute; bottom: 0.1rem; width: 100rem; height: 1px; left: 50%; transform: translateX(-50%); background: #e5e5e5; z-index: 1; } .s1-b>ul { margin: 0 -.2rem; padding-bottom: .7rem; position: relative; z-index: 9; } .s1-b ul li a { display: block; margin: 0 .2rem; } .s1-b ul li a div { display: flex; align-items: flex-end } .s1-b ul li a div span { font-size: 0.24rem; font-weight: 600; font-stretch: normal; line-height: 0.24rem; letter-spacing: 0rem; color: #004aa7; margin-right: .1rem; } .s1-b ul li a div b { font-size: 0.16rem; font-weight: normal; font-stretch: normal; line-height: 0.2rem; letter-spacing: 0rem; color: #004aa7; } .s1-b ul li a h3 { font-size: 0.18rem; font-weight: bold; font-stretch: normal; line-height: 0.24rem; letter-spacing: 0rem; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 0.48rem; margin: 0.15rem 0 .25rem 0; } .s1-b ul li a i { display: block; width: 2.18rem; max-width: 100%; height: 0.05rem; background-color: #113ba7; background-image: linear-gradient(#0159c7, #0159c7), linear-gradient(#113ba7, #113ba7); } .s1-b ul li a:hover h3 { color: #113ba7; } .s1-b .slick-dots { bottom: 0; display: flex !important; align-items: center; justify-content: space-around; } .s1-b .slick-dots li { width: 0.2rem; height: 0.2rem; background-color: #ffffff; border: solid 0.01rem #dcdcdc; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .s1-b .slick-dots li button { width: 0.08rem; height: 0.08rem; background-color: #dcdcdc; border-radius: 50%; margin: 0; padding: 0; } .s1-b .slick-dots li.slick-active { border: solid 0.01rem #113ba7; } .s1-b .slick-dots li.slick-active button { background-color: #0159c7; } .parte{width: 100%;padding: 0.4rem 0;background: #ffffff;} .pebox{width: 100%;} .pebox ul li{width:100%;background:#f0f7ff;padding:0.15rem;border-top:2px solid #1b58b1;} .pebox ul li h3{font-size:0.16rem;color:#333333;line-height:0.25rem;height:0.5rem;width:100%;display:block\0;font-weight:normal;} .pebox ul li h3 a{color:#333333;} .pebox ul li span{font-size:0.14rem;display:inline-block;line-height:0.24rem;color:#999999;padding-left:0.23rem;margin:0.1rem 0;background:url(../img/date-g.png) no-repeat left center;background-size:auto 0.14rem;} .pebox ul li .pe_img{width:100%;height:0;padding-bottom:62%;position:relative;overflow:hidden;} .pebox ul li .pe_img a{display:block;transition:0.2s all;} .pebox ul li:hover .pe_img a{transform:scale(1.1,1.1);} .pebox ul li:hover h3,.pebox ul li:hover h3 a{color: #1b58b1;}