.banner{ width: 100%; height:640px; overflow: hidden; position: relative; } .banner .swiper-slide{ height: 100%; text-align: center; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .banner .swiper-slide a{ display:block; width:100%; height:100%; } .banner .swiper-slide img{ width:100%; height:100%; margin:0 auto; object-fit:cover; } .banner .swiper-slide-active img{ transition:5s all; transform:scale(1.02,1.02); } .banner .swiper-pagination .swiper-pagination-bullet { background: rgba(255,255,255,.5); } .banner .swiper-pagination .swiper-pagination-bullet-active { background: #07298d; } .banner .swiper-button-prev,.banner .swiper-button-next{ width: .53rem; height: .53rem; } .banner .swiper-button-prev{ background: url(../images/prev.png) no-repeat !important; background-size: 100% 100% !important; } .banner .swiper-button-next{ background: url(../images/next.png) no-repeat !important; background-size: 100% 100% !important; } .part01{ width: 100%; height: auto; overflow: hidden; background: url(../images/notice_bg.jpg) no-repeat; background-size: 100% 100%; padding-top:.35rem; padding-bottom:.2rem; } .part01-tit{ width: 100%; height: .75rem; margin-bottom: .15rem; } .notice{ width: 2.2rem; height: .6rem; background: url(../images/Notice.png) no-repeat; background-size: 100% 100%; line-height: .6rem; font-size: .3rem; text-align: center; font-weight: bold; color: #07298d; } .notice span{ color: #d8b95a; } .more{ width: 5rem; height: 43px; background: url(../images/more1.png) no-repeat right top; position: relative; padding-right: 15px; margin-right: 10px; line-height: 43px; margin-top:16px; } .more>a{ display: block; font-size: .14rem; float: right; color: #07298d; } .more .more_box{ width: 90px; height: 31px; border: 1px solid #07298d; position: absolute; bottom:0; right: -10px; } .more_box a{ display: block; width: 100%; height: 100%; } .notice_list ul li{ width: 29%; margin-right: 2%; padding:.15rem 1.5%; float: left; margin-bottom: .25rem; background: #FFFFFF; border-bottom: 0.04rem solid #07298d; transition:0.6s all; } .notice_list ul li a{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; } .notice_list ul li:nth-child(3n){ margin-right: 0; } .notice_list ul li span{ display: block; text-align: center; line-height: .23rem; } .notice_list ul li .notice_time{ width: .64rem; height: .53rem; font-size: .18rem; background: #e4e8f4; color: #07298d; padding-top: .1rem; margin-right: .3rem; } .notice_time .year-m{ font-size: .14rem; } .notice_list ul li p{ max-width: 76%; font-size: .16rem; padding:.05rem 0; line-height: .26rem; color: #434343; max-height: .5rem; overflow: hidden; transition:0.6s all; } .notice_list ul li:hover p{ color: #07298d; } .notice_list ul li:hover{ border-bottom:0.04rem solid #d8b95a; } .part02{ width: 100%; background: url(../images/news_bg2.png) no-repeat right top; } .part02_bg1{ width: 100%; background: url(../images/news_bg1.png) no-repeat left top; background-size: 36% auto; } .part02_bg2{ width: 100%; background: url(../images/zt_bg.png) no-repeat right bottom; background-size: 36% auto; padding:.5rem 0; } .news{ width: 100%; margin-bottom: .3rem; } .news_left{ width: 58%; height: 6.08rem; } .news_{ position: relative; } .news_img1{ width: 100%; height: 3.4rem; overflow: hidden; } .news_img1 img{ width: 100%; height: 100%; object-fit: cover; transition: 0.9s all; } .news_img1:hover img{ transform: scale(1.06,1.06); } .news_tit{ width: 82%; height: .84rem; font-size: .16rem; background: url(../images/news_title_bg.png) no-repeat 4.3rem top #ffffff; box-shadow: 0rem 0rem 0.2rem 0rem rgba(180, 180, 180, 0.75); padding-left: 15%; padding-right: 3%; display:flex; align-items:center; } .news_tit a{ display: block; width: 100%; max-height: .52rem; color: #434343; line-height: .26rem; overflow: hidden; } .news_tit:hover a{ color: #07298d; } .news_time{ background: #07298d; width: .4rem; height: .71rem; position: absolute; left:.26rem; bottom:.48rem; } .news_time p{ display: block; width: 100%; height: .35rem; line-height: .35rem; font-size: .14rem; color: #ffffff; text-align: center; } .news_time .dec{ width: 80%; height: .01rem; background: rgba(255,255,255,.2); margin:0 auto; } .News{ width: 2rem; height: .62rem; background: url(../images/NEWS.png) no-repeat; background-size: 100% 100%; color:#ffffff; } .News span{ color: #d8b95a; } .news .news_{ width: 42%; margin-right:3%; } .news_list{ width: 55%; } .news_list ul li{ width: 97%; height: .43rem; padding: .24rem 1.5%; background: #ffffff; box-shadow: 0px 0px 20px 0px rgba(180, 180, 180, 0.75); margin-bottom:.2rem; } .news_list ul li span{ display: block; text-align: right; line-height: .2rem; } .news_list ul li a{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -moz-box-align:center; -ms-flex-align:center; align-items:center; } .news_list ul li .news_time2{ width: .7rem; height: .45rem; font-size: .16rem; color: #434343; margin-right: .2rem; padding-right: .1rem; border-right: .01rem solid #dedede; } .news_time2 .date{ font-size: .24rem; color:#D8B95A; margin-bottom: .05rem; font-weight: bold; } .news_list ul li p{ max-width: calc(100% - 1.1rem); font-size: .16rem; line-height: .23rem; color: #434343; max-height: .45rem; overflow: hidden; } .news_list ul li:hover p{ color: #07298d; } .part03{ width: 100%; margin-top:.5rem; } .zt{ width: 60%; } .zt ul li{ width: 52%; float: left; position: relative; height: 1.77rem; overflow: hidden; } .zt ul li a{ width: 100%; display: block; height: 100%; } .zt ul li .zt_bg{ width:100%; position: absolute; background: url(../images/zt_bg1.png) center repeat-x; height: 1.75rem; bottom:0; left:0; z-index:0; } .zt ul li:first-child{ width: 48%; height: 3.54rem; } .zt ul li p{ width: 94%; height: .6rem; line-height: .6rem; color: #ffffff; text-align: left; padding-left: 6%; font-size: .16rem; position: absolute; bottom:0; left:0; z-index:1; } .zt ul li img{ width: 100%; height: 100%; transition: 0.9s all; } .zt ul li:hover img{ transform: scale(1.06,1.06); } .zt ul li .dec{ width: .48rem; height: .08rem; position: absolute; bottom: 0; left:6%; } .zt ul li:first-child .dec{ background: #c70c0c; } .zt ul li:nth-child(2) .dec{ background: #710cc7; } .zt ul li:last-child .dec{ background: #71c70c; } .link{ width: 37%; height: 3.54rem; background: #ffffff; position: relative; overflow: hidden; } .link_scoll{ width: 92%; height: 2.04rem; margin:.75rem auto; } .link .tempWrap{margin:0 auto;} .link .hd{ overflow:hidden; height:30px; padding:0 10px; margin-top:40px; } .link .hd ul{overflow:hidden; zoom:1; margin:10px auto; zoom:1; width: 56px;} .link .hd ul li{ float:left; width:12px; height:12px; border-radius: 50%;overflow:hidden; margin-right:10px; cursor:pointer; background:#07298D; } .link .hd ul li:last-child{margin-right: 0;} .link .hd ul li.on{ background:#d1b373;} .link .bd{ width:409px; margin:75px auto 0;height: 220px;} .link .bd ul li{text-align:center; } .link .bd ul li .link_icon{height:101px; border-radius: 50%;border:1px dashed #d1b373; display:grid;align-items:center;} .link .bd ul li .link_icon img{ height:48px; display:inline; width: auto;} .link .bd ul li .link_tit{ line-height:24px; font-size: .16rem; margin-top:16px; } .link .bd ul li .link_tit a{color: #434343;} .link_ ul{height: auto;} .link_ .swiper-pagination{z-index: 0 !important;} .link_ .swiper-pagination .swiper-pagination-bullet{background: #07298d;} .link_ .swiper-pagination .swiper-pagination-bullet-active{background: #d1b373;} .part04{ width: 85%; height: .3rem; background-color: #dae4f2; } /* 2-19添加*/ .part05{ width: 100%; margin-top:.5rem; } .part05_l,.part05_r{ width: calc(48.5% - 50px); background: #ffffff; padding:15px 25px; } .part05 .notice{ background:none; width:auto; } .part05 .more{ width:2rem; margin-top:8px; } .part05 .part01-tit{ margin-bottom:0; } .part05_list ul li{ line-height: 40px; position: relative; } .part05_list ul li a{ font-size: .16rem; color: #434343; display: block; padding-right: .8rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .part05_list ul li:hover a{ color: #07298d; } .part05_list ul li a span{ color: #666666; position: absolute; top:0; bottom:0; right:0; margin:auto; } /* 2-19添加*/ @media only screen and (min-width:950px) and (max-width:1660px){ .banner{height:560px;} .notice_list ul li p{ max-width: 73%; } } @media only screen and (min-width:950px) and (max-width:1440px){ .banner{height:500px;} .link .bd{ margin: 45px auto 0; } } @media only screen and (min-width:950px) and (max-width:1366px){ .banner{height:460px;} .notice_list ul li p{ max-width: 71%; } } @media only screen and (min-width:950px) and (max-width:1280px){ .more{ margin-top:8px; } .news_tit a{ max-width: 6.8rem; } .notice_list ul li p{ max-width: 76%; } .link .bd{ width:379px; margin:60px auto 0;height: 200px;padding:2px;} .link .bd ul li .link_icon{ height:91px; width: 100%;} .link .bd ul li .link_icon img{ height:44px; } } @media only screen and (min-width:950px) and (max-width:1200px){ .banner{height:400px;} .part05 .more{ margin-top:0; } .notice_list ul li p{ max-width: 74%; } .link .bd{ width:309px; margin:40px auto 0;height: 210px;} .link .bd ul li .link_icon{ height:81px; width:81px;} .link .bd ul li .link_icon img{ height:36px; } } @media only screen and (min-width:950px) and (max-width:1130px){ .notice_list ul li p{ max-width: 71%; } } @media only screen and (min-width:950px) and (max-width:1060px){ .notice_list ul li p{ max-width: 69%; } } @media only screen and (min-width:751px) and (max-width:980px){ .notice_list ul li p{ max-width: 65%; } .link .bd{ width:212px; margin:40px auto 0;padding:2px;} .link .bd ul li .link_icon{ height:91px; width: 100%;} .link .bd ul li .link_icon img{ height:40px; } .news_tit{width:80%;padding-left:17%;} } @media only screen and (min-width:751px) and (max-width:960px){ .zt ul li:first-child{ height: 3rem; } .zt ul li{ height: 1.5rem; } .link{ height: 2.5rem; padding-top: .5rem; } .news_left{ height: 4.84rem; } .link .bd{ margin:0 auto; height: 190px; } } @media only screen and (min-width:750px) and (max-width:950px){ .banner{ height:300px; } .more{ margin-top:8px; } .part05 .more{ margin-top:0px; } } /* 2-19添加*/ @media only screen and (max-width:930px){ .part05_l,.part05_r{ width: calc(100% - 50px); float: none; } .part05_l{ margin-bottom:.5rem; } } /* 2-19添加*/ @media only screen and (min-width:751px) and (max-width:870px){ .link{ height: 2.6rem; padding-top: .4rem; } .news_tit{ width: 78%; padding-left: 19%; } } @media only screen and (min-width:751px) and (max-width:830px){ .notice_list ul li p{ max-width: 60%; max-height: .48rem; } .news_list ul li p{ max-height: .48rem; } .zt ul li:first-child{ height: 2.6rem; } .zt ul li{ height: 1.3rem; } .link{ height: 2.6rem; padding-top: 0; } .link .bd{ margin-top: 20px; height:180px; } .news_left{ height: 4.04rem; } } @media only screen and (max-width:750px){ .banner{ height:260px; } .part01{ padding-top:.4rem; } .part01-tit{ height: 48px; margin-bottom:30px; } .more{ width: 4rem; margin-top: 0; } .notice_list ul li{ width: 45%; margin-right: 2%; padding:.2rem 1.5%; margin-bottom:.3rem; } .notice_list ul li:nth-child(2n){ margin-right: 0; float: right; } .notice_list ul li p{ max-width: 71%; } .zt{ width: 100%; } .zt ul li:first-child{ height: 4.3rem; } .zt ul li{ height: 2.15rem; } .link{ width: 100%; height: auto; } .link .bd{ width: 502px; height: 190px; margin:25px auto 10px; } .link .bd ul li .link_tit{ margin-top:10px; font-size: .18rem; } .news_left{ width: 100%; float: none; } .part02_bg2{ padding:.4rem 0; } .news_list ul li p{ text-align: left; } .news_list ul li .news_time2{ width:.75rem; } .news_list ul li a{ width: 100%; } .part03{ margin-top:.4rem; } .news_tit{width:76%;padding-left:21%;} .part05 .more{ margin-top:0px; } } @media only screen and (max-width:670px){ .notice_list ul li p{ max-width: 68%; } .zt ul li:first-child{ height: 3.8rem; } .zt ul li{ height: 1.9rem; } .news .news_{ width:100%; float:none !important; margin-right:0; } .news_img1{ height: 4.5rem; } .news_list{ width:100%; float:none; margin-top:.3rem; } .news_tit{width:85%;padding-left:12%;} } @media only screen and (max-width:610px){ .more{ width: 3rem; } } @media only screen and (max-width:600px){ .zt ul li:first-child{ height: 3.4rem; } .zt ul li{ height: 1.7rem; } .notice_list ul li p{ max-width: 65%; } } @media only screen and (max-width:570px){ .link .bd{ width: 409px; } } @media only screen and (max-width:550px){ .banner{ height:200px; } .banner .swiper-button-prev,.banner .swiper-button-next{ width: .4rem; height: .4rem; margin-top:-.2rem; } .more{ width: 2rem; } .notice_list ul li{ width: 94%; margin-right: 0; padding:.2rem 3%; } .notice_list ul li:nth-child(2n){ float: left; } .notice_list ul li p{ max-width: 82%; } .news_img1{ height: 4rem; } .zt ul li:first-child{ height: 3rem; } .zt ul li{ height: 1.5rem; } .news_list ul li p{ max-width: 80%; } } @media only screen and (max-width:500px){ .news_img1{ height: 3rem; } .news_tit{ width: 82%; padding-left: 15%; } .zt ul li:first-child{ height: 2.6rem; } .zt ul li{ height: 1.3rem; } .notice_list ul li p{ max-width: 80%; } .news_list ul li p{ max-width: 78%; } } @media only screen and (max-width:480px){ .link .bd{ width: 369px; } } @media only screen and (max-width:460px){ /* 2-19添加*/ .more{ width: 1.2rem; } .news_right .more{ width: 1.2rem; } .part05 .more{ width: 1.2rem; } /* 2-19添加*/ .notice_list ul li p{ max-width: 76%; } .news_list ul li p{ max-width: 74%; } } @media only screen and (max-width:420px){ .news_tit{ width: 79%; padding-left: 18%; } .zt ul li{ width: 100%; height: 2rem; } .zt ul li:first-child{ width: 100%; height: 4rem; } .link .bd{ width: 256px; } } @media only screen and (max-width:380px){ .more{ width: auto; height: 48px; line-height: 48px; background: none; margin-right: 0; padding-right: 0; } .more a{ font-size: .18rem; } .more .more_box{ display: none; } .notice_list ul li p{ max-width: 72%; } .news_right .more{ width: auto; height: 48px; line-height: 48px; background: none; margin-right: 0; padding-right: 0; } .news_img1{ height: 2.6rem; } .news_list ul li p{ max-width: 68%; } .zt ul li:first-child{ height: 3.4rem; } .zt ul li{ height: 1.7rem; } } @media only screen and (max-width:320px){ .notice_list ul li .notice_time{ margin-right: .2rem; } .news_tit{ width: 75%; padding-left: 22%; } .news_list ul li .news_time2{ margin-right: .14rem; } .link .bd{ width: 100%; } .link .bd ul li .link_icon{ width:101px; margin:0 auto; } }