* { margin: 0; padding: 0; font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important } html, body { position: relative; height: 100%; } body { background: #eee; font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important; font-size: 0.73vw; color: #000; margin: 0; padding: 0; overflow: hidden; } .swiper { width: 100%; height: 100%; } .swiper-slide { position: relative; text-align: center; font-size: 0.94vw; background: #fff; /* Center slide text vertically */ 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; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .mySwiper1 .swiper-slide { width: 100vw; height: 100vh; position: relative; } .ui-head { display: none; position: absolute; top: 0; left: 0; width: 100%; z-index: 2; animation: myfirst 1s forwards; } @keyframes myfirst { 0% { transform: translateY(-10%); } 100% { transform: translateY(0%); } } .tip-box { display: none; } .icon-box { display: flex; flex-direction: column; align-items: center; /* margin-right: 15px; */ position: fixed; right: 2.66vw; /* bottom: 17%; */ /* bottom: 21%; */ bottom: 25%; z-index: 10; } .icon-box-img { width: 1.56vw; height: 1.41vw; display: block; /* margin-bottom: 10px; */ margin-bottom: 0.83vw; } .icon-box-img:nth-child(2) { width: 1.46vw; height: 1.46vw; display: block; } .icon-box-img:nth-child(3) { width: 1.46vw; height: 1.51vw; display: block; } .icon-box-img:nth-child(4) { width: 1.56vw; height: 1.46vw; display: block; } .icon-box-img:nth-child(5) { width: 1.46vw; height: 1.46vw; display: block; } .icon-box-img:nth-child(6) { width: 1.51vw; height: 1.46vw; display: block; } .icon-box-img:nth-child(7) { width: 1.56vw; height: 1.25vw; display: block; } .icon-box-img:nth-child(8) { width: 1.51vw; height: 1.51vw; display: block; } .icon-box-img:nth-child(9) { width: 1.56vw; height: 1.51vw; display: block; } .icon-box-img:nth-child(10) { width: 1.35vw; height: 1.51vw; display: block; } ul li { list-style: none; } a { text-decoration: none; } .icon-ul { width: 7.29vw; height: 22.92vw; background: #2D4386; position: fixed; right: 0; /* bottom: 18%; */ /* bottom: 22%; */ bottom: 26%; display: none; z-index: 10; } .icon-li { width: 100%; height: 2.29vw; border-bottom: 1px solid rgba(255, 255, 255, .32); line-height: 2.29vw; } .icon-li:hover .icon-li-a{ color: #0F8DDE; } .icon-li-a { font-size: 0.83vw; font-family: 'Source Han Sans CN'; font-weight: 400; color: #FEFEFE; text-align: left; display: block; padding-left: 1.04vw; box-sizing: border-box; } .on .active { color: #0F8DDE; } .swiper-pagination-bullet { width: 1.56vw !important; height: 1.56vw !important; background: #C8C8C8 !important; border-radius: 0.26vw !important; line-height: 1.56vw; font-size: 1.04vw; font-family: 'Source Han Sans CN'; font-weight: 400; color: #FFFFFF; opacity: 1 !important; } .swiper-lf { bottom: 2.08vw !important; display: flex; justify-content: flex-end; } .swiper-pagination-bullet-active { background: #2D4386 !important; } .swiper-pagination-bullet:last-child { margin-right: 2.08vw !important; } .sel-img { width: 1.88vw !important; height: 1.56vw !important; /* display: block !important; */ position: absolute !important; bottom: 1.3vw; left: 49%; z-index: 10; transform: translateX(-50%); animation: sel 2s linear 0s infinite; } @keyframes sel { 0% { transform: translate(-50%, 0); opacity: 0; } 20% { transform: translate(-50%, 3px); opacity: 1; } 80% { transform: translate(-50%, 10px); opacity: 1; } 90% { transform: translate(-50%, 10px); opacity: 0; } 100% { transform: translate(-50%, 10px); opacity: 0; } } .news-box { width: 100%; height: 100vh; background: url(../images/news-back.png) no-repeat center; background-size: 100% 100%; padding-top: 10.42vw; } .news-top { display: flex; align-items: center; justify-content: space-between; } .news-tit { font-size: 1.25vw; font-family: Source Han Sans CN; font-weight: bold; color: #2D4386; line-height: 1.25vw; position: relative; padding-bottom: 0.42vw; } .news-active { color: #2D4386; border-bottom: 0.1vw solid #2D4386; } .more { width: 4.69vw; height: 1.82vw; background: #EEEEEE; border-radius: 0.21vw; font-size: 0.83vw; font-family: Source Han Sans CN; font-weight: 400; color: #2D4386; line-height: 1.82vw; text-align: center; } .news-bot { width: 100%; height: 27.24vw; display: flex; justify-content: space-between; margin-top: 2.08vw; } .news-bot-lf { width: 36.46vw; height: 100%; overflow: hidden; background-color: #fff; } .news-bot-rg { width: 36.46vw; height: 100%; overflow: hidden; } .news-img { width: 36.46vw !important; height: 20.47vw !important; display: block; } .news-a { width: 100%; height: 6.77vw; padding: 0 1.09vw; } .news-a-cont { font-size: 1.04vw; font-family: Source Han Sans CN; font-weight: 400; color: #333333; line-height: 1.25vw; text-align: left; padding-top: 0.94vw; } .news-time { font-size: 0.94vw; font-family: Source Han Sans CN; font-weight: 400; color: #999999; line-height: 1.04vw; text-align: left; display: block; margin-top: 2.29vw; } .news-li { width: 100%; display: flex; align-items: center; border-bottom: 1px solid #E8E8E8; margin-bottom: 1.25vw; padding-bottom: 0.99vw; cursor: pointer; } .news-li:first-child { padding-top: 0; } .news-li:last-child { margin-bottom: 0; padding-bottom: 1.09vw; } .news-li:hover .right-li-con-title { color: #2D4386; } .news-li-date { width: 13%; height: 3.39vw; text-align: center; padding-right: 0.52vw; } .li-date-top { font-size: 1.67vw; font-family: Source Han Sans CN; font-weight: 500; color: #333333; line-height: 2.08vw; } .li-date-bot { font-size: 0.83vw; font-family: Source Han Sans CN; font-weight: 400; color: #999; } .right-li-con-title { font-size: 0.83vw; font-family: Source Han Sans CN; font-weight: 400; color: #333333; line-height: 1.25vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; } .right-li-con-cont { font-size: 0.73vw; font-family: Source Han Sans CN; font-weight: 400; color: #999999; margin-top: 0.52vw; line-height: 1.25vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; } .right-li-con { width: 87%; border-left: 1px solid #E4E4E4; padding-left: 0.78vw; } .w2 { width: 73.96vw; height: auto; margin: 0 auto; display: flex; justify-content: space-between; } .tggz-box { width: 100%; height: 100vh; background-color: #fff; padding-top: 10.42vw; } .tggz-lf { width: 36.46vw; height: auto; overflow: hidden; } .tggz-lf-top { display: flex; align-items: center; justify-content: space-between; } .tggz-lf-top-box { display: flex; align-items: center; } .tggz-lf-h5 { height: 1.77vw; font-size: 1.25vw; font-family: Source Han Sans CN; font-weight: bold; color: #999999; line-height: 1.25vw; padding-bottom: 8px; margin-right: 1.15vw; } .tggz-lf-a { color: #2D4386; border-bottom: 0.1vw solid #2D4386; } .more-one { width: 4.69vw; height: 1.82vw; background: #EEEEEE; border-radius: 0.21vw; font-size: 0.83vw; font-family: Source Han Sans CN; font-weight: 400; color: #2D4386; line-height: 1.82vw; text-align: center; display: block; } .tggz-lf-bot { width: 100%; height: auto; overflow: hidden; margin-top: 1.56vw; } .tggz-li { width: 100%; height: 4.69vw; display: flex; flex-direction: column; justify-content: space-evenly; border-bottom: 1px solid #E8E8E8; } .tggz-li:hover .tggz-li-p { color: #2D4386; } .tggz-li-p { font-size: 0.94vw; font-family: Source Han Sans CN; font-weight: 500; color: #333333; line-height: 1.25vw; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: left; } .tggz-li-time { display: flex; align-items: center; padding-left: 0.42vw; } .tggz-time { width: 0.73vw !important; height: 0.73vw !important; display: block; margin-right: 0.52vw; } .tggz-li-span { font-size: 0.73vw; font-family: Source Han Sans CN; font-weight: 400; color: #999999; line-height: 1.25vw; } .tggz-rg { width: 36.46vw; height: auto; overflow: hidden; } .tggz-rg-top { display: flex; align-items: center; justify-content: space-between; } .tggz-rg-top-box { display: flex; align-items: center; } .tggz-rg-h5 { height: 1.77vw; font-size: 1.25vw; font-family: Source Han Sans CN; font-weight: bold; color: #999999; line-height: 1.25vw; padding-bottom: 0.42vw; margin-right: 1.15vw; } .tggz-rg-a { color: #2D4386; border-bottom: 0.1vw solid #2D4386; } .more-two { width: 4.69vw; height: 1.82vw; background: #EEEEEE; border-radius: 0.21vw; font-size: 0.83vw; font-family: Source Han Sans CN; font-weight: 400; color: #2D4386; line-height: 1.82vw; text-align: center; display: block; } .tggz-rg-bot { width: 100%; height: auto; overflow: hidden; margin-top: 2.08vw; } .tggz-rg-li { width: 100%; height: 4.69vw; display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.04vw; } .tggz-rg-li:last-child { margin-bottom: 0; } .tggz-rg-li:hover .tggz-rg-p { color: #2D4386; } .tggz-rg-img { width: 6.25vw !important; height: 4.69vw !important; display: block; } .tggz-rg-cont { width: 80%; display: flex; flex-direction: column; } .tggz-rg-p { font-size: 0.94vw; font-family: Source Han Sans CN; font-weight: 500; color: #333333; line-height: 1.25vw; text-align: left; margin-bottom: 0.52vw; } .tggz-rg-span { font-size: 0.73vw; font-family: Source Han Sans CN; font-weight: 400; color: #999999; line-height: 1.25vw; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; text-align: left; } .xshd-box { width: 100%; height: 100vh; background: url(../images/xshd-back.png) no-repeat center; background-size: 100% 100%; padding-top: 10.42vw; } .xshd-lf { width: 36.46vw; height: auto; overflow: hidden; } .xshd-lf-top { display: flex; align-items: center; justify-content: space-between; } .xshd-lf-top-box { display: flex; align-items: center; } .xshd-lf-h5 { height: 1.77vw; font-size: 1.25vw; font-family: Source Han Sans CN; font-weight: bold; color: #999999; line-height: 1.25vw; padding-bottom: 0.42vw; margin-right: 1.15vw; } .xshd-lf-a { color: #2D4386; border-bottom: 2px solid #2D4386; } .more-three { width: 4.69vw; height: 1.82vw; background: #EEEEEE; border-radius: 0.21vw; font-size: 0.83vw; font-family: Source Han Sans CN; font-weight: 400; color: #2D4386; line-height: 1.82vw; text-align: center; display: block; } .xshd-lf-bot { width: 100%; height: auto; overflow: hidden; margin-top: 1.56vw; } .xshd-lf-li { width: 100%; height: 7.24vw; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #E8E8E8; } .xshd-lf-li:hover .xshd-lf-cont-p { color: #2D4386; } .xshd-time-box { width: 5.21vw; height: 5.21vw; background: #E7EAF5; display: flex; flex-direction: column; justify-content: space-evenly; } .xshd-time-p { font-size: 2.08vw; font-family: Source Han Sans CN; font-weight: 700; color: #2D4386; line-height: 1.51vw; text-align: center; } .xshd-time-span { font-size: 0.94vw; font-family: Source Han Sans CN; font-weight: 700; color: #2D4386; line-height: 1.51vw; text-align: center; display: block; } .xshd-lf-cont { width: 83%; display: flex; flex-direction: column; } .xshd-lf-cont-p { font-size: 0.94vw; font-family: Source Han Sans CN; font-weight: 400; color: #333333; line-height: 1.25vw; text-align: left; margin-bottom: 0.73vw; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .xshd-lf-time { display: flex; align-items: center; margin-bottom: 0.31vw; margin-left: 0.42vw; } .xshd-lf-time:last-child { margin-bottom: 0; } .xshd-lf-img { width: 0.73vw !important; height: 0.73vw !important; display: block; margin-right: 0.31vw; } .xshd-lf-span { font-size: 0.73vw; font-family: Source Han Sans CN; font-weight: 400; color: #999999; display: block; line-height: 1.04vw; text-align: left; } .xshd-rg { width: 36.46vw; height: auto; overflow: hidden; } .xshd-rg-top { display: flex; align-items: center; justify-content: space-between; } .xshd-rg-top-box { display: flex; align-items: center; } .xshd-rg-h5 { height: 1.77vw; font-size: 1.25vw; font-family: Source Han Sans CN; font-weight: bold; color: #999999; line-height: 1.25vw; padding-bottom: 0.42vw; margin-right: 1.15vw; } .xshd-rg-a { color: #2D4386; border-bottom: 0.19vh solid #2D4386; } .more-four { width: 4.69vw; height: 1.82vw; background: #EEEEEE; border-radius: 0.21vw; font-size: 0.83vw; font-family: Source Han Sans CN; font-weight: 400; color: #2D4386; line-height: 1.82vw; text-align: center; display: block; } .xshd-rg-bot { width: 100%; height: auto; overflow: hidden; margin-top: 1.56vw; } .xshd-rg-li { height: 3.22vw; border-bottom: 0.05vw solid #E8E8E8; display: flex; align-items: center; justify-content: space-between; } .xshd-rg-li:hover .xshd-rg-li-p { color: #2D4386; } .xshd-rg-li-p { width: 80%; text-align: left; font-size: 0.94vw; font-family: Source Han Sans CN; font-weight: 500; color: #333333; line-height: 1.25vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xshd-rg-li-span { font-size: 0.94vw; font-family: Source Han Sans CN; font-weight: 500; color: #999999; line-height: 1.25vw; } .rmjz-box{ width: 100%; height: 100vh; background-color: #fff; padding-top: 7.71vw; } .rmjz-bot{ margin-top: 2.08vw; display: flex; flex-wrap: wrap; flex-direction: row; } /* VR */ .rmjz-bot-one{ width: 18.23vw; height: 16.67vw; overflow: hidden; position: relative; margin-right: 0.52vw; margin-bottom: 0.52vw; padding-left: 1.04vw; padding-bottom: 1.04vw; } .rmjz-bot-one:hover .rmjz-bot-a{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .rmjz-bot-a{ width: 100%; height: 100%; background: url(../images/vr.png) no-repeat center; background-size: 100% 100%; z-index: 1; position: absolute; top: 0; left: 0; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .rmjz-a{ position: relative; width: 100%; height: 100%; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; } .rmjz-b{ position: absolute; bottom: 0.63vw; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; } .rmjz-tit{ font-size: 1.25vw; font-family: Source Han Sans CN; font-weight: 500; color: #FFFFFF; line-height: 1.25vw; text-align: left; } .rmjz-line{ width: 2.97vw; height: 0.1vw; background: #FFFFFF; margin-top: 0.99vw; } /* 视频看校 */ .rmjz-bot-two{ width: 36.46vw; height: 16.67vw; overflow: hidden; position: relative; margin-right: 0.52vw; margin-bottom: 0.52vw; padding-left: 1.04vw; padding-bottom: 1.04vw; } /*.rmjz-bot-two:hover .rmjz-bot-b{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); }*/ .rmjz-bot-b{ width: 100%; height: 100%; z-index: 1; position: absolute; top: 0; left: 0; /*transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;*/ } .rmjz-bot-b video{ width: 100%; height: 100%; } .video{ width: 60px; height: 60px; position: absolute; background: url(../images/play.png) no-repeat center; background-size: 100% 100%; display: inline-block; z-index: 2; left: 45%; top: 45%; } /* 视频弹窗 */ .img_content { display: none; position: fixed; background: #fff; left: 30%; top: 25%; z-index: 1002; border: solid 1px #3488db; } .img_content video{ width: 41.67vw; height: auto; } .colse_btn { border: solid 0.05vw #3488db; color: #fff; height: 1.04vw; margin-top: -0.26vw; z-index: 99; line-height: 1.04vw; font-size: 0.73vw; width: 2.34vw; background: #3488db; border-radius: 0.5em; display: inline-block; cursor: pointer; text-align: center; float: right; } /* 音频看校 */ .rmjz-bot-three{ width: 18.23vw; height: 16.67vw; position: relative; overflow: hidden; margin-bottom: 0.52vw; padding-left: 1.04vw; padding-bottom: 1.04vw; } .rmjz-bot-three:hover .rmjz-bot-c{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .rmjz-bot-c{ width: 100%; height: 100%; background: url(../images/yinp.png) no-repeat center; background-size: 100% 100%; z-index: 1; position: absolute; top: 0; left: 0; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } /* 微博 */ .rmjz-bot-four{ width: 18.23vw; height: 15.68vw; position: relative; overflow: hidden; margin-right: 0.52vw; padding-left: 1.04vw; padding-bottom: 1.04vw; } .rmjz-bot-four:hover .rmjz-bot-d{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .rmjz-bot-d{ width: 100%; height: 100%; background: url(../images/weibo-img.png) no-repeat center; background-size: 100% 100%; z-index: 1; position: absolute; top: 0; left: 0; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } /* 抖音 */ .rmjz-bot-five{ width: 18.23vw; height: 15.68vw; position: relative; overflow: hidden; margin-right: 0.52vw; padding-left: 1.04vw; padding-bottom: 1.04vw; } .rmjz-bot-five:hover .rmjz-bot-e{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .rmjz-bot-e{ width: 100%; height: 100%; background: url(../images/dy.png) no-repeat center; background-size: 100% 100%; z-index: 1; position: absolute; top: 0; left: 0; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } /* 微信公众号 */ .rmjz-bot-six{ width: 36.46vw; height: 15.68vw; position: relative; overflow: hidden; padding-left: 1.04vw; padding-bottom: 1.04vw; } .rmjz-bot-six:hover .rmjz-bot-f{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .rmjz-bot-f{ width: 100%; height: 100%; background: url(../images/vx.png) no-repeat center; background-size: 100% 100%; z-index: 1; position: absolute; top: 0; left: 0; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .ztzl-box{ width: 100%; height: 100vh; background-color: #ECEFF5; padding-top: 10.42vw; position: relative; } .ztzl-bot{ width: 100%; margin-top: 2.08vw; display: flex; flex-wrap: wrap; flex-direction: row; } .ztzl-bot-one{ width: 17.71vw; height: 6.25vw; display: block; position: relative; overflow: hidden; margin-bottom: 1.04vw; margin-right: 1.04vw; } .ztzl-bot-one:nth-child(4n){ margin-right: 0; } .ztzl-bot-one img{ width: 100%; height: 100%; display: block; } .swiper-news{ bottom: 1.25vw !important; right: 0; text-align: right !important; } .swiper-news .swiper-pagination-bullet{ width: 0.52vw !important; height: 0.52vw !important; border: 0.05vw solid #2D4486 !important; border-radius: 50% !important; background: transparent !important; margin: 0 0.1vw !important; } .swiper-news .swiper-pagination-bullet:last-child{ margin-right: 1.04vw !important; } .swiper-news .swiper-pagination-bullet-active{ width: 0.52vw !important; height: 0.52vw !important; background: #2D4486 !important; border-radius: 50% !important; } .wxgzh-box{ position: absolute; bottom: 52%; right: 0; display: flex; flex-direction: column; height:3.65vw; width: 20.83vw; z-index: 2; } .wxgzh-a{ width: 100%; display: flex; margin-bottom: 0.52vw; } .wxgzh-a:hover .wxgzh-p{ color: #01f0ff; } .wxgzh-time{ display: flex; height:100%; align-items: center; justify-content: space-evenly; flex-direction: column; } .wxgzh-time p{ font-size: 1.54vw; font-family: Source Han Sans CN; font-weight: 500; color: #FFFFFF; line-height: 1.54vw; } .wxgzh-time span{ font-size: 0.83vw; font-family: Source Han Sans CN; font-weight: 400; color: #FFFFFF; line-height:0.83vw; } .wxgzh-p{ width: 70%; font-size: 1.04vw; font-family: Source Han Sans CN; font-weight: 500; color: #FFFFFF; text-align: left; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis; line-height:1.76vw; } .wxgzh-line{ width: 0.05vw; height: 3.65vw; background:#fff; margin:0 0.52vw; }