.clear { clear: both; margin: 0px; padding: 0px; height: 0px; } .img_d { overflow: hidden; } .img_d:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .m-30 { margin-top: 30px; } @media only screen and (max-width: 1430px) { .m-30 { margin-top: 0.3rem; } } @media only screen and (min-width: 1430px) { .sy_ban { height: 100vh; } .sy_ban .swiper-slide img { height: 100%; width: 100%; object-fit: cover; } .sy_ban .swiper-slide .txtk { position: absolute; left: 0; /* margin-left: -600px; */ width: 100%; bottom: 0px; color: #fff; /* background-color: rgba(204, 0, 0, .5); */ padding: 0px 236px 40px 35px; height: 230px; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; z-index: 2; text-align: left; background: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); padding-top: 5vh; } .sy_ban .swiper-slide .txtk h1 { display: block; /* line-height:140px; */ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; height: 9vh; font-size: 28px; font-weight: 400; } .sy_ban .swiper-slide .txtk p.h1 { display: block; line-height: 40px; width: 100%; font-size: 26px; } .sy_ban .swiper-pagination-bullet { background: none; font-size: 18px; color: #fff; width: 20px; opacity: 1; height: 24px; line-height: 24px; margin: 0 10px; } .sy_ban .swiper-pagination-bullet-active { background-color: none; border: 0; font-size: 24px; width: 60px; display: block; text-align: left; position: relative; } .sy_ban .swiper-pagination-bullet-active::after { width: 45px; height: 1.5px; background: #ffffff; display: block; position: absolute; left: 14px; bottom: 4px; content: ''; } .sy_ban .sw-btn1 { position: absolute; right: 0; bottom: 65px; width: auto; padding: 0 50px; margin-right: 40px; height: 24px; display: flex; justify-content: space-between; align-items: center; text-align: right; } .sy_ban .sw-btn1 .sw-page { position: relative; width: auto; display: flex; align-items: center; height: 24px; } .sy_ban .sw-btn1 .swiper-button-next { background: url(../img/icon-sw-right.png) no-repeat center; background-size: contain; width: 30px; right: 10px; left: auto; } .sy_ban .sw-btn1 .swiper-button-prev { background: url(../img/icon-sw-left.png) no-repeat center; background-size: contain; width: 30px; right: auto; left: 10px; } .index-ss { margin-top: -65px; position: relative; z-index: 3; } .index-ss .ss-ipt { width: 1000px; height: 65px; background: url(../img/ss-bg.png) no-repeat center; background-size: 100% 100%; padding-left: 40px; } .index-ss .ss-ipt label { position: relative; } .index-ss .ss-ipt a { position: absolute; right: 0; bottom: 0px; } .index-ss .ss-ipt a img { width: 25px; } .index-ss .ss-ipt input { margin-top: 20px; width: 880px; height: 45px; line-height: 45px; color: #0b4da2; font-size: 20px; background-size: 25px; background-position: right center; border-bottom: 2px solid #dddddd; padding-right: 30px; } .index-ss .ss-ipt input::-webkit-input-placeholder { /* WebKit browsers */ color: #0b4da2; } .index-ss .ss-ipt input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #0b4da2; } .index-ss .ss-ipt input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #0b4da2; } .index-ss .ss-ipt input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #0b4da2; } .index-ss .ss-txt { line-height: 45px; font-size: 13px; padding-left: 40px; } .index-ss .ss-txt span { margin-left: 15px; } .index-ss .ss-txt .ss-wz { display: flex; } .index-ss .ss-txt .ss-wz p { width: 85px; } .index-ss .ss-txt .txt { display: inline-block; float: right; } } @media only screen and (min-width: 1000px) and (max-width: 1430px) { .sy_ban .sw-btn1 { display: block !important; } .sy_ban .sw-btn1 { position: absolute; right: 0; bottom: 50px; width: auto; padding: 0 40px; margin-right: 0.4rem; height: 24px; display: flex; justify-content: space-between; align-items: center; text-align: right; } .sy_ban .sw-btn1 .sw-page { position: relative; width: auto; display: flex; align-items: center; height: 24px; } .sy_ban .sw-btn1 .swiper-button-next { background: url(../img/icon-sw-right.png) no-repeat center; background-size: contain; width: 20px; right: 10px; left: auto; } .sy_ban .sw-btn1 .swiper-button-prev { background: url(../img/icon-sw-left.png) no-repeat center; background-size: contain; width: 20px; right: auto; left: 10px; } .sy_ban .swiper-pagination-bullet { display: block !important; } .sy_ban .swiper-pagination-bullet { background: none; font-size: 16px; color: #fff; width: 20px; opacity: 1; height: 24px; line-height: 24px; margin: 0 10px; } .sy_ban .swiper-pagination-bullet-active { background-color: none; border: 0; font-size: 20px; width: 30px; display: block; text-align: left; position: relative; } .sy_ban .swiper-pagination-bullet-active::after { width: 0.3rem; height: 2px; background: rgba(255, 255, 255, 0.5); display: block; position: absolute; left: 15px; bottom: 0; content: ''; } .index-ss .ss-ipt { width: 65% !important; } } @media only screen and (max-width: 1430px) { .sy_ban { height: 6.5rem; } .sy_ban .swiper-slide img { height: 100%; width: 100%; object-fit: cover; } .sy_ban .swiper-slide .txtk { position: absolute; left: 0; /* margin-left: -600px; */ width: 100%; bottom: 0px; color: #fff; /* background-color: rgba(204, 0, 0, .5); */ padding: 20px; padding-bottom: 65px; height: 160px; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; z-index: 2; text-align: left; background: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); padding-top: 5vh; } .sy_ban .swiper-slide .txtk h1 { display: block; /* line-height:140px; */ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; height: 10vh; font-size: 22px; font-weight: 400; } .sy_ban .swiper-slide .txtk p.h1 { display: block; line-height: 40px; width: 100%; font-size: 26px; } .sy_ban .sw-btn1 { display: none; } .sy_ban .swiper-pagination-bullet { display: none; } .index-ss { margin-top: -50px; position: relative; z-index: 3; } .index-ss .ss-ipt { width: 80%; height: 50px; background: url(../img/ss-bg.png) no-repeat center; background-size: 100% 100%; padding-left: 20px; } .index-ss .ss-ipt label { position: relative; } .index-ss .ss-ipt a { position: absolute; right: 0; bottom: 0px; } .index-ss .ss-ipt a img { width: 20px; } .index-ss .ss-ipt input { margin-top: 10px; width: 90%; height: 40px; line-height: 40px; color: #0b4da2; font-size: 18px; background-size: 20px; background-position: right center; border-bottom: 2px solid #dddddd; padding-right: 30px; } .index-ss .ss-ipt input::-webkit-input-placeholder { /* WebKit browsers */ color: #0b4da2; } .index-ss .ss-ipt input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #0b4da2; } .index-ss .ss-ipt input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #0b4da2; } .index-ss .ss-ipt input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #0b4da2; } .index-ss .ss-txt { line-height: 30px; font-size: 13px; padding-left: 20px; } .index-ss .ss-txt span { margin-left: 10px; } .index-ss .ss-txt .ss-wz { display: flex; } .index-ss .ss-txt .ss-wz p { width: 85px; word-break: keep-all; } .index-ss .ss-txt .txt { display: inline-block; float: right; } } @media only screen and (max-width: 800px) { .sy_ban { height: 4rem; } .sy_ban .swiper-slide img { height: 100%; width: 100%; object-fit: cover; } .sy_ban .swiper-slide .txtk { position: absolute; left: 0; /* margin-left: -600px; */ width: 100%; bottom: 0px; color: #fff; /* background-color: rgba(204, 0, 0, .5); */ padding: 0.2rem; padding-bottom: 0.7rem; height: 1rem; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; z-index: 2; text-align: left; background: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); padding-top: 5vh; } .sy_ban .swiper-slide .txtk h1 { display: block; /* line-height:140px; */ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; height: 1rem; font-size: 0.26rem; font-weight: 400; } .sy_ban .swiper-slide .txtk p.h1 { display: block; line-height: 0.4rem; width: 100%; font-size: 0.3rem; } .sy_ban .sw-btn1 { display: none; } .sy_ban .swiper-pagination-bullet { display: none; } .index-ss { margin-top: 0; position: relative; z-index: 3; } .index-ss .ss-ipt { width: 100%; height: 50px; background: url(../img/ss-bg.png) no-repeat center; background-size: 100% 100%; padding: 0 0.4rem; } .index-ss .ss-ipt label { position: relative; } .index-ss .ss-ipt a { position: absolute; right: 0; bottom: 0px; } .index-ss .ss-ipt a img { width: 20px; } .index-ss .ss-ipt input { margin-top: 10px; width: 100%; height: 40px; line-height: 40px; color: #0b4da2; font-size: 18px; background-size: 20px; background-position: right center; border-bottom: 2px solid #dddddd; padding-right: 30px; } .index-ss .ss-ipt input::-webkit-input-placeholder { /* WebKit browsers */ color: #0b4da2; } .index-ss .ss-ipt input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #0b4da2; } .index-ss .ss-ipt input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #0b4da2; } .index-ss .ss-ipt input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #0b4da2; } .index-ss .ss-txt { line-height: 30px; font-size: 13px; padding: 0 0.4rem; } .index-ss .ss-txt span { margin-left: 10px; } .index-ss .ss-txt .ss-wz { display: flex; } .index-ss .ss-txt .ss-wz p { width: 85px; word-break: keep-all; } .index-ss .ss-txt .txt { display: inline-block; float: right; } } @media only screen and (min-width: 1430px) { .sy-tit { position: relative; margin-bottom: 5px; } .sy-tit .en { text-align: center; font-size: 95px; color: rgba(215, 218, 219, 0.15); } .sy-tit .tit { position: absolute; font-size: 28px; width: 660px; left: 50%; margin-left: -330px; top: 33px; } .sy-tit .tit i img { width: 220px; } .sy-tit .tit span { width: 220px; text-align: center; display: inline-block; } .sy-news { padding-top: 35px; padding-bottom: 50px; } .sy-news .news-li { margin-top: 15px; } .sy-news .news-li li { width: 328px; height: 386px; float: left; margin-right: 29px; margin-bottom: 20px; box-shadow: 0 3px 6px 1px #c0bdbc; position: relative; } .sy-news .news-li li .imgk { height: 200px; } .sy-news .news-li li .imgk img { width: 100%; height: 100%; object-fit: cover; } .sy-news .news-li li .txt { background: url(../img/images/img-bg.jpg) no-repeat center; height: 186px; padding: 31px 24px; } .sy-news .news-li li .txt .type { font-size: 14px; color: #115396; } .sy-news .news-li li .txt .tit { /* margin-top: 15px; */ font-size: 19px; color: #343434; } .sy-news .news-li li .txt .time { margin-top: 15px; color: #999999; } .sy-news .news-li li:nth-child(1), .sy-news .news-li li:nth-child(6) { box-shadow: none; width: 686px; } .sy-news .news-li li:nth-child(1) .imgk, .sy-news .news-li li:nth-child(6) .imgk { height: 100%; } .sy-news .news-li li:nth-child(1) .txt, .sy-news .news-li li:nth-child(6) .txt { position: absolute; width: 100%; height: 130px; left: 0; bottom: 0; background-image: linear-gradient(rgba(0, 0, 0, 0), #000000); color: #fff; } .sy-news .news-li li:nth-child(1) .type, .sy-news .news-li li:nth-child(6) .type { font-size: 14px; color: #fff; } .sy-news .news-li li:nth-child(1) .tit, .sy-news .news-li li:nth-child(6) .tit { margin-top: 10px; font-size: 19px; color: #fff; } .sy-news .news-li li:nth-child(3n) { margin-right: 0; } .sy-more { display: block; width: 130px; height: 30px; line-height: 30px; border: 1px solid #ebebeb; color: #666666; font-size: 12px; text-align: center; margin: 30px auto; border-radius: 15px; } .sy-more:hover { border: 1px solid #01478e; background: #01478e; color: #fff; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .sy-tit { position: relative; margin-bottom: 0.05rem; } .sy-tit .en { text-align: center; font-size: 0.95rem; color: rgba(215, 218, 219, 0.15); } .sy-tit .tit { position: absolute; font-size: 0.28rem; width: 6.6rem; left: 50%; margin-left: -3.3rem; top: 0.33rem; } .sy-tit .tit i img { width: 2.2rem; } .sy-tit .tit span { width: 2.2rem; text-align: center; display: inline-block; } .sy-news { padding-top: 0.35rem; padding-bottom: 0.5rem; } .sy-news .news-li { margin-top: .15rem; } .sy-news .news-li li { width: 3.28rem; height: 3.86rem; float: left; margin-right: 0.29rem; margin-bottom: 0.2rem; box-shadow: 0 3px 6px 1px #c0bdbc; position: relative; } .sy-news .news-li li .imgk { height: 2rem; } .sy-news .news-li li .imgk img { width: 100%; height: 100%; object-fit: cover; } .sy-news .news-li li .txt { background: url(../img/images/img-bg.jpg) no-repeat center; height: 1.86rem; padding: 0.31rem 0.24rem; } .sy-news .news-li li .txt .type { font-size: 0.14rem; color: #115396; } .sy-news .news-li li .txt .tit { /* margin-top: 0.15rem; */ font-size: 0.19rem; color: #343434; } .sy-news .news-li li .txt .time { margin-top: 0.15rem; color: #999999; } .sy-news .news-li li:nth-child(1), .sy-news .news-li li:nth-child(6) { box-shadow: none; width: 6.86rem; } .sy-news .news-li li:nth-child(1) .imgk, .sy-news .news-li li:nth-child(6) .imgk { height: 100%; } .sy-news .news-li li:nth-child(1) .txt, .sy-news .news-li li:nth-child(6) .txt { position: absolute; width: 100%; height: 1.3rem; left: 0; bottom: 0; background-image: linear-gradient(rgba(0, 0, 0, 0), #000000); color: #fff; } .sy-news .news-li li:nth-child(1) .type, .sy-news .news-li li:nth-child(6) .type { font-size: 0.14rem; color: #fff; } .sy-news .news-li li:nth-child(1) .tit, .sy-news .news-li li:nth-child(6) .tit { margin-top: 0.1rem; font-size: 0.19rem; color: #fff; } .sy-news .news-li li:nth-child(3n) { margin-right: 0; } .sy-more { display: block; width: 1.3rem; height: 0.3rem; line-height: 0.3rem; border: 1px solid #ebebeb; color: #666666; font-size: 0.12rem; text-align: center; margin: 0.3rem auto; border-radius: 0.15rem; } .sy-more:hover { border: 1px solid #01478e; background: #01478e; color: #fff; } } @media only screen and (max-width: 800px) { .sy-tit { position: relative; } .sy-tit .en { text-align: center; font-size: 70px; color: #f1f3f4; } .sy-tit .tit { position: absolute; font-size: 28px; width: 70%; left: 50%; margin-left: -35%; top: 20px; } .sy-tit .tit i img { width: 30%; } .sy-tit .tit span { width: 40%; text-align: center; display: inline-block; } .sy-news { padding-top: 40px; padding-bottom: 40px; } .sy-news .news-li li { width: 23%; height: 386px; float: left; margin-right: 2%; margin-bottom: 20px; box-shadow: 0 3px 6px 1px #c0bdbc; position: relative; } .sy-news .news-li li .imgk { height: 185px; } .sy-news .news-li li .imgk img { width: 100%; height: 100%; object-fit: cover; } .sy-news .news-li li .txt { background: url(../img/images/img-bg.jpg) no-repeat center; height: 201px; padding: 31px 24px; } .sy-news .news-li li .txt .type { font-size: 12px; color: #115396; } .sy-news .news-li li .txt .tit { margin-top: 15px; font-size: 16px; color: #343434; } .sy-news .news-li li .txt .time { margin-top: 15px; color: #999999; } .sy-news .news-li li:nth-child(1), .sy-news .news-li li:nth-child(6) { box-shadow: none; width: 48%; } .sy-news .news-li li:nth-child(1) .imgk, .sy-news .news-li li:nth-child(6) .imgk { height: 100%; } .sy-news .news-li li:nth-child(1) .txt, .sy-news .news-li li:nth-child(6) .txt { position: absolute; width: 100%; height: 130px; left: 0; bottom: 0; background-image: linear-gradient(rgba(0, 0, 0, 0), #000000); color: #fff; } .sy-news .news-li li:nth-child(1) .type, .sy-news .news-li li:nth-child(6) .type { font-size: 12px; color: #fff; } .sy-news .news-li li:nth-child(1) .tit, .sy-news .news-li li:nth-child(6) .tit { margin-top: 10px; font-size: 16px; color: #fff; } .sy-news .news-li li:nth-child(3n) { margin-right: 0; } .sy-more { display: block; width: 130px; height: 30px; line-height: 30px; border: 1px solid #ebebeb; color: #666666; font-size: 12px; text-align: center; margin: 30px auto; border-radius: 15px; } .sy-more:hover { border: 1px solid #01478e; background: #01478e; color: #fff; } } @media only screen and (max-width: 800px) { .sy-tit { position: relative; } .sy-tit .en { text-align: center; font-size: 55px; color: #f1f3f4; } .sy-tit .tit { position: absolute; font-size: 26px; width: 100%; left: 50%; margin-left: -50%; top: 12px; } .sy-tit .tit i img { width: 30%; } .sy-tit .tit span { width: 40%; text-align: center; display: inline-block; } .sy-news { padding-top: 30px; padding-bottom: 30px; } .sy-news .news-li li { width: 49%; height: 60vw; float: left; margin-right: 2%; margin-bottom: 20px; box-shadow: 0 3px 6px 1px #c0bdbc; position: relative; } .sy-news .news-li li .imgk { height: 25vw; } .sy-news .news-li li .imgk img { width: 100%; height: 100%; object-fit: cover; } .sy-news .news-li li .txt { background: url(../img/images/img-bg.jpg) no-repeat center; height: 35vw; padding: 15px; } .sy-news .news-li li .txt .type { font-size: 12px; color: #115396; } .sy-news .news-li li .txt .tit { margin-top: 15px; font-size: 16px; color: #343434; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .sy-news .news-li li .txt .time { margin-top: 15px; color: #999999; } .sy-news .news-li li:nth-child(1), .sy-news .news-li li:nth-child(6) { box-shadow: none; width: 100%; height: 45vw; margin-right: 0; } .sy-news .news-li li:nth-child(1) .imgk, .sy-news .news-li li:nth-child(6) .imgk { height: 100%; } .sy-news .news-li li:nth-child(1) .txt, .sy-news .news-li li:nth-child(6) .txt { position: absolute; width: 100%; height: 100px; left: 0; bottom: 0; background-image: linear-gradient(rgba(0, 0, 0, 0), #000000); color: #fff; } .sy-news .news-li li:nth-child(1) .type, .sy-news .news-li li:nth-child(6) .type { font-size: 12px; color: #fff; } .sy-news .news-li li:nth-child(1) .tit, .sy-news .news-li li:nth-child(6) .tit { margin-top: 10px; font-size: 16px; color: #fff; } .sy-news .news-li li:nth-child(3n) { margin-right: 0; } .sy-news .news-li li:nth-child(5) { margin-right: 0; } .sy-more { width: 100px; margin: 20px auto; } } @media only screen and (min-width: 1430px) { .sy-events { padding-bottom: 65px; } .sy-events .bg { width: 100%; min-height: 645px; background: linear-gradient(to right, #f6faff 0%, #f6faff 90%, white 10%, white 100%); } .sy-tit2 { position: relative; padding-top: 46px; display: flex; align-items: center; } .sy-tit2 .sy-tit-name { position: relative; } .sy-tit2 .sy-tit-name .en { text-align: left; font-size: 95px; color: #f1f3f4; margin-left: -6px; } .sy-tit2 .sy-tit-name .tit { position: absolute; font-size: 28px; width: 390px; left: 0; top: 30px; } .sy-tit2 .sy-tit-name .tit i img { width: 203px; } .sy-tit2 .sy-tit-name .tit span { width: 165px; display: inline-block; } .sy-tit2 .tit-tips { font-size: 13px; width: 450px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 45px; } .sy-tit2 .sy-more2 { display: block; width: 130px; height: 30px; line-height: 30px; border: 1px solid #01478e; color: #01478e; font-size: 12px; text-align: center; border-radius: 15px; margin-left: 30px; } .sy-tit2 .sy-more2:hover { color: #fff; background-color: #01478e; } .sy-tit2 .sw-btn { position: relative; margin-left: 150px; } .sy-tit2 .sw-btn .swiper-button-next { background: url(../img/icon-sw2-right.png) no-repeat center; background-size: contain; width: 44px; left: 10px; right: auto; } .sy-tit2 .sw-btn .swiper-button-prev { background: url(../img/icon-sw2-left.png) no-repeat center; background-size: contain; width: 44px; left: auto; right: 10px; } .sy_ban2 { padding-top: 30px; } .sy_ban2 .swiper-slide li { float: left; width: 31%; margin-left: 2.3333%; } .sy_ban2 .swiper-slide li .type { font-size: 14px; margin-bottom: 10px; } .sy_ban2 .swiper-slide li .imgk { width: 100%; height: 15.35vw; } .sy_ban2 .swiper-slide li .imgk img { width: 100%; height: 100%; object-fit: cover; } .sy_ban2 .swiper-slide li .txt { padding-top: 22px; } .sy_ban2 .swiper-slide li .txt .name { font-size: 19px; margin-bottom: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 47px; /* 11-14 */ } .sy_ban2 .swiper-slide li .txt .bz p { margin-bottom: 5px; line-height: 22px; font-size: 14px; color: #01478e; } .sy_ban2 .swiper-slide li .txt .bz p i { display: inline-block; text-align: center; width: 24px; margin-right: 10px; } .sy_ban2 .swiper-slide li .txt .bz p i img { height: 20px; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .sy-events { padding-bottom: 0.65rem; } .sy-events .bg { width: 100%; min-height: 6.45rem; background: linear-gradient(to right, #f6faff 0%, #f6faff 90%, white 10%, white 100%); } .sy-tit2 { position: relative; padding-top: 0.46rem; display: flex; align-items: center; } .sy-tit2 .sy-tit-name { position: relative; } .sy-tit2 .sy-tit-name .en { text-align: left; font-size: 0.95rem; color: #f1f3f4; margin-left: -0.06rem; } .sy-tit2 .sy-tit-name .tit { position: absolute; font-size: 0.28rem; width: 3.9rem; left: 0; top: 0.3rem; } .sy-tit2 .sy-tit-name .tit i img { width: 2.03rem; } .sy-tit2 .sy-tit-name .tit span { width: 1.65rem; display: inline-block; } .sy-tit2 .tit-tips { font-size: 0.13rem; width: 4.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 0.45rem; } .sy-tit2 .sy-more2 { display: block; width: 1.3rem; height: 0.3rem; line-height: 0.3rem; border: 1px solid #01478e; color: #01478e; font-size: 0.12rem; text-align: center; border-radius: 0.15rem; margin-left: 0.3rem; } .sy-tit2 .sy-more2:hover { color: #fff; background-color: #01478e; } .sy-tit2 .sw-btn { position: relative; margin-left: 1.5rem; } .sy-tit2 .sw-btn .swiper-button-next { background: url(../img/icon-sw2-right.png) no-repeat center; background-size: contain; width: 0.44rem; left: 0.1rem; right: auto; } .sy-tit2 .sw-btn .swiper-button-prev { background: url(../img/icon-sw2-left.png) no-repeat center; background-size: contain; width: 0.44rem; left: auto; right: 0.1rem; } .sy_ban2 { padding-top: 0.3rem; } .sy_ban2 .swiper-slide li { float: left; width: 31%; margin-left: 2.3333%; } .sy_ban2 .swiper-slide li .type { font-size: 0.14rem; margin-bottom: 0.1rem; } .sy_ban2 .swiper-slide li .imgk { width: 100%; height: 15.35vw; } .sy_ban2 .swiper-slide li .imgk img { width: 100%; height: 100%; object-fit: cover; } .sy_ban2 .swiper-slide li .txt { padding-top: 0.22rem; } .sy_ban2 .swiper-slide li .txt .name { font-size: 0.19rem; margin-bottom: 0.3rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 0.47rem /* 11-14 */; } .sy_ban2 .swiper-slide li .txt .bz p { margin-bottom: 0.05rem; line-height: 0.22rem; font-size: 0.14rem; color: #01478e; } .sy_ban2 .swiper-slide li .txt .bz p i { display: inline-block; text-align: center; width: 0.24rem; margin-right: 0.1rem; } .sy_ban2 .swiper-slide li .txt .bz p i img { height: 0.2rem; } } @media only screen and (max-width: 800px) { .sy-events { padding-bottom: 45px; } .sy-events .bg { width: 100%; min-height: 645px; background: linear-gradient(to right, #f6faff 0%, #f6faff 90%, white 10%, white 100%); } .sy-tit2 { position: relative; padding-top: 30px; display: flex; align-items: center; flex-wrap: wrap; flex-direction: row; } .sy-tit2 .sy-tit-name { width: 100%; position: relative; } .sy-tit2 .sy-tit-name .en { text-align: left; font-size: 70px; color: #f1f3f4; margin-left: -6px; } .sy-tit2 .sy-tit-name .tit { position: absolute; font-size: 24px; width: 400px; left: 0; top: 20px; } .sy-tit2 .sy-tit-name .tit i img { width: 140px; } .sy-tit2 .sy-tit-name .tit span { width: 125px; display: inline-block; } .sy-tit2 .tit-tips { font-size: 13px; width: 450px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sy-tit2 .sy-more2 { display: block; width: 100px; height: 30px; line-height: 30px; border: 1px solid #01478e; color: #01478e; font-size: 12px; text-align: center; border-radius: 15px; margin-left: 20px; } .sy-tit2 .sy-more2:hover { color: #fff; background-color: #01478e; } .sy-tit2 .sw-btn { position: relative; margin-left: 100px; } .sy-tit2 .sw-btn .swiper-button-next { background: url(../img/icon-sw2-right.png) no-repeat center; background-size: contain; width: 30px; left: 10px; right: auto; } .sy-tit2 .sw-btn .swiper-button-prev { background: url(../img/icon-sw2-left.png) no-repeat center; background-size: contain; width: 30px; left: auto; right: 10px; } .sy_ban2 { padding-top: 30px; } .sy_ban2 .swiper-slide li { float: left; width: 48%; margin-left: 2%; } .sy_ban2 .swiper-slide li .type { font-size: 14px; margin-bottom: 10px; } .sy_ban2 .swiper-slide li .imgk { width: 100%; height: 46vw; } .sy_ban2 .swiper-slide li .imgk img { width: 100%; height: 100%; object-fit: cover; } .sy_ban2 .swiper-slide li .txt { padding-top: 15px; } .sy_ban2 .swiper-slide li .txt .name { font-size: 16px; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .sy_ban2 .swiper-slide li .txt .bz p { margin-bottom: 5px; line-height: 22px; font-size: 14px; color: #01478e; } .sy_ban2 .swiper-slide li .txt .bz p i { display: inline-block; text-align: center; width: 24px; margin-right: 10px; } .sy_ban2 .swiper-slide li .txt .bz p i img { height: 20px; } .sy_ban2 .swiper-slide li:nth-child(3) { display: none; } } @media only screen and (max-width: 800px) { .sy-events { padding-bottom: 45px; } .sy-events .bg { width: 100%; height: auto; min-height: 500px; padding-bottom: 30px; background: linear-gradient(to right, #f6faff 0%, #f6faff 90%, white 10%, white 100%); } .sy-tit2 { position: relative; padding-top: 30px; display: flex; align-items: center; flex-wrap: wrap; flex-direction: row; } .sy-tit2 .sy-tit-name { width: 100%; position: relative; } .sy-tit2 .sy-tit-name .en { text-align: left; font-size: 70px; color: #f1f3f4; margin-left: -6px; } .sy-tit2 .sy-tit-name .tit { position: absolute; font-size: 24px; width: auto; left: 0; top: 20px; } .sy-tit2 .sy-tit-name .tit i img { width: 140px; } .sy-tit2 .sy-tit-name .tit span { width: 125px; display: inline-block; } .sy-tit2 .tit-tips { font-size: 13px; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sy-tit2 .sy-more2 { display: block; width: 26%; height: 26px; line-height: 26px; border: 1px solid #01478e; color: #01478e; font-size: 12px; text-align: center; border-radius: 15px; margin-left: 4%; } .sy-tit2 .sy-more2:hover { color: #fff; background-color: #01478e; } .sy-tit2 .sw-btn { display: none; } .sy_ban2 { padding-top: 30px; } .sy_ban2 .swiper-slide li { float: left; width: 95%; margin-left: 5%; } .sy_ban2 .swiper-slide li .type { font-size: 14px; margin-bottom: 10px; } .sy_ban2 .swiper-slide li .imgk { width: 100%; height: 46vw; } .sy_ban2 .swiper-slide li .imgk img { width: 100%; height: 100%; object-fit: cover; } .sy_ban2 .swiper-slide li .txt { padding-top: 15px; } .sy_ban2 .swiper-slide li .txt .name { font-size: 16px; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 39px; /* 11-14 */ } .sy_ban2 .swiper-slide li .txt .bz p { margin-bottom: 5px; line-height: 22px; font-size: 14px; color: #01478e; } .sy_ban2 .swiper-slide li .txt .bz p i { display: inline-block; text-align: center; width: 22px; margin-right: 10px; } .sy_ban2 .swiper-slide li .txt .bz p i img { height: 18px; } .sy_ban2 .swiper-slide li:nth-child(2), .sy_ban2 .swiper-slide li:nth-child(3) { display: none; } } @media only screen and (min-width: 1430px) { .sy-ky { padding-top: 70px; height: 860px; background: url(../img/images/xsyj-bg.jpg) no-repeat center; background-size: cover; } .sy-ky .sy-tit3 .en { color: rgba(255, 255, 255, 0.15); } .sy-ky .sy-tit3 .tit { color: #fff; top: 33px; } .sy-ky .cont-box { background: url(../img/xs-bg3.png) no-repeat center; background-size: 100% 100%; padding: 15px; } .sy-ky .cont-box .lb-l { float: left; height: 540px; width: 540px; } .sy-ky .cont-box .lb-l .sy_ban3 { width: 540px; height: 540px; } .sy-ky .cont-box .lb-l .sy_ban3 .imgk { width: 100%; height: 100%; } .sy-ky .cont-box .lb-l .sy_ban3 .imgk img { width: 100%; height: 100%; object-fit: cover; } .sy-ky .cont-box .lb-l .sw-btn3 { position: absolute; right: 0; bottom: 0; width: 150px; height: 60px; line-height: 60px; background-color: rgba(11, 77, 162, 0.7); z-index: 2; display: flex; align-items: center; justify-content: space-between; } .sy-ky .cont-box .lb-l .sw-btn3 .sw-page3 { bottom: 0; color: #cccccc; font-size: 14px; } .sy-ky .cont-box .lb-l .sw-btn3 .sw-page3 .swiper-pagination-current { font-size: 19px; color: #fff; } .sy-ky .cont-box .lb-l .sw-btn3 .swiper-button-next { background: url(../img/icon-rjt.png) no-repeat center; background-size: contain; width: 8px; height: 20px; right: 15px; left: auto; margin-top: -10px; } .sy-ky .cont-box .lb-l .sw-btn3 .swiper-button-prev { background: url(../img/icon-ljt.png) no-repeat center; background-size: contain; width: 8px; height: 20px; right: auto; left: 15px; margin-top: -10px; } .sy-ky .cont-box .lb-r { float: right; width: 805px; height: 540px; background-color: #fff; overflow-y: auto; } .sy-ky .cont-box .lb-r .u1 li { padding-left: 50px; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; } .sy-ky .cont-box .lb-r .u1 li .bd { border-bottom: 1px solid #c1cbd6; padding-top: 1px; } .sy-ky .cont-box .lb-r .u1 li .num { font-size: 28px; color: #cccccc; margin-top: 12px; } .sy-ky .cont-box .lb-r .u1 li .tit { margin-top: 13px; font-size: 19px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .sy-ky .cont-box .lb-r .u1 li .name { margin-top: 10px; margin-bottom: 15px; font-size: 14px; color: #666666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .sy-ky .cont-box .lb-r .u1 li.on { padding-left: 25px; } .sy-ky .cont-box .lb-r .u1 li.on .bd { border-bottom: 1px solid #3c71b5; } .sy-ky .cont-box .lb-r .u1 li.on .num { color: #0b4da2; } .sy-ky .cont-box .lb-r .u1 li.on .tit { color: #0b4da2; } .sy-ky .sy-more3 { color: #fff; border: 1px solid #fff; } .sy-ky .sy-more3:hover { background: #fff; color: #0b4da2; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .sy-ky { padding-top: 0.7rem; height: 8.6rem; background: url(../img/images/xsyj-bg.jpg) no-repeat center; background-size: cover; } .sy-ky .sy-tit3 .en { color: rgba(255, 255, 255, 0.15); } .sy-ky .sy-tit3 .tit { color: #fff; top: 0.33rem; } .sy-ky .cont-box { background: url(../img/xs-bg3.png) no-repeat center; background-size: 100% 100%; padding: 0.15rem; } .sy-ky .cont-box .lb-l { float: left; height: 5.4rem; width: 5.4rem; } .sy-ky .cont-box .lb-l .sy_ban3 { width: 5.4rem; height: 5.4rem; } .sy-ky .cont-box .lb-l .sy_ban3 .imgk { width: 100%; height: 100%; } .sy-ky .cont-box .lb-l .sy_ban3 .imgk img { width: 100%; height: 100%; object-fit: cover; } .sy-ky .cont-box .lb-l .sw-btn3 { position: absolute; right: 0; bottom: 0; width: 1.5rem; height: 0.6rem; line-height: 0.6rem; background-color: rgba(11, 77, 162, 0.7); z-index: 2; display: flex; align-items: center; justify-content: space-between; } .sy-ky .cont-box .lb-l .sw-btn3 .sw-page3 { bottom: 0; color: #cccccc; font-size: 0.14rem; } .sy-ky .cont-box .lb-l .sw-btn3 .sw-page3 .swiper-pagination-current { font-size: 0.19rem; color: #fff; } .sy-ky .cont-box .lb-l .sw-btn3 .swiper-button-next { background: url(../img/icon-rjt.png) no-repeat center; background-size: contain; width: 0.08rem; height: 0.2rem; right: 0.15rem; left: auto; margin-top: -0.1rem; } .sy-ky .cont-box .lb-l .sw-btn3 .swiper-button-prev { background: url(../img/icon-ljt.png) no-repeat center; background-size: contain; width: 0.08rem; height: 0.2rem; right: auto; left: 0.15rem; margin-top: -0.1rem; } .sy-ky .cont-box .lb-r { float: right; width: 8.05rem; height: 5.4rem; background-color: #fff; overflow-y: auto; } .sy-ky .cont-box .lb-r .u1 li { padding-left: 0.5rem; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; } .sy-ky .cont-box .lb-r .u1 li .bd { border-bottom: 1px solid #c1cbd6; padding-top: 1px; } .sy-ky .cont-box .lb-r .u1 li .num { font-size: 0.28rem; color: #cccccc; margin-top: 0.12rem; } .sy-ky .cont-box .lb-r .u1 li .tit { margin-top: 0.13rem; font-size: 0.19rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .sy-ky .cont-box .lb-r .u1 li .name { margin-top: 0.1rem; margin-bottom: 0.15rem; font-size: 0.14rem; color: #666666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .sy-ky .cont-box .lb-r .u1 li.on { padding-left: 0.25rem; } .sy-ky .cont-box .lb-r .u1 li.on .bd { border-bottom: 1px solid #3c71b5; } .sy-ky .cont-box .lb-r .u1 li.on .num { color: #0b4da2; } .sy-ky .cont-box .lb-r .u1 li.on .tit { color: #0b4da2; } .sy-ky .sy-more3 { color: #fff; border: 1px solid #fff; } .sy-ky .sy-more3:hover { background: #fff; color: #0b4da2; } } @media only screen and (max-width: 800px) { .sy-ky { padding-top: 50px; padding-bottom: 40px; background: url(../img/images/xsyj-bg.jpg) no-repeat center; background-size: cover; } .sy-ky .sy-tit3 .en { color: rgba(255, 255, 255, 0.15); } .sy-ky .sy-tit3 .tit { color: #fff; } .sy-ky .cont-box { background: url(../img/xs-bg3.png) no-repeat center; background-size: 100% 100%; padding: 15px; } .sy-ky .cont-box .lb-l { float: left; height: 472px; width: 40%; } .sy-ky .cont-box .lb-l .sy_ban3 { width: 100%; height: 472px; } .sy-ky .cont-box .lb-l .sy_ban3 .imgk { width: 100%; height: 100%; } .sy-ky .cont-box .lb-l .sy_ban3 .imgk img { width: 100%; height: 100%; object-fit: cover; } .sy-ky .cont-box .lb-l .sw-btn3 { position: absolute; right: 0; bottom: 0; width: 150px; height: 60px; line-height: 60px; background-color: rgba(11, 77, 162, 0.7); z-index: 2; display: flex; align-items: center; justify-content: space-between; } .sy-ky .cont-box .lb-l .sw-btn3 .sw-page3 { bottom: 0; color: #cccccc; font-size: 14px; } .sy-ky .cont-box .lb-l .sw-btn3 .sw-page3 .swiper-pagination-current { font-size: 19px; color: #fff; } .sy-ky .cont-box .lb-l .sw-btn3 .swiper-button-next { background: url(../img/icon-rjt.png) no-repeat center; background-size: contain; width: 8px; height: 20px; right: 15px; left: auto; margin-top: -10px; } .sy-ky .cont-box .lb-l .sw-btn3 .swiper-button-prev { background: url(../img/icon-ljt.png) no-repeat center; background-size: contain; width: 8px; height: 20px; right: auto; left: 15px; margin-top: -10px; } .sy-ky .cont-box .lb-r { float: right; width: 58%; height: 472px; background-color: #fff; overflow-y: auto; } .sy-ky .cont-box .lb-r .u1 li { padding-left: 50px; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; } .sy-ky .cont-box .lb-r .u1 li .bd { border-bottom: 1px solid #c1cbd6; padding-top: 1px; } .sy-ky .cont-box .lb-r .u1 li .num { font-size: 24px; color: #cccccc; margin-top: 12px; } .sy-ky .cont-box .lb-r .u1 li .tit { margin-top: 13px; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .sy-ky .cont-box .lb-r .u1 li .name { margin-top: 10px; margin-bottom: 15px; font-size: 12px; color: #666666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .sy-ky .cont-box .lb-r .u1 li.on { padding-left: 25px; } .sy-ky .cont-box .lb-r .u1 li.on .bd { border-bottom: 1px solid #3c71b5; } .sy-ky .cont-box .lb-r .u1 li.on .num { color: #0b4da2; } .sy-ky .cont-box .lb-r .u1 li.on .tit { color: #0b4da2; } .sy-ky .sy-more3 { color: #fff; border: 1px solid #fff; } .sy-ky .sy-more3:hover { background: #fff; color: #0b4da2; } } @media only screen and (max-width: 800px) { .sy-ky { padding-top: 50px; padding-bottom: 40px; background: url(../img/images/xsyj-bg.jpg) no-repeat center; background-size: cover; } .sy-ky .sy-tit3 .en { color: rgba(255, 255, 255, 0.15); } .sy-ky .sy-tit3 .tit { color: #fff; } .sy-ky .cont-box { background: none; background-size: 100% 100%; padding: 15px 0; } .sy-ky .cont-box .lb-l { height: 93vw; width: 100%; } .sy-ky .cont-box .lb-l .sy_ban3 { width: 100%; height: 93vw; } .sy-ky .cont-box .lb-l .sy_ban3 .imgk { width: 100%; height: 100%; } .sy-ky .cont-box .lb-l .sy_ban3 .imgk img { width: 100%; height: 100%; object-fit: cover; } .sy-ky .cont-box .lb-l .sw-btn3 { position: absolute; right: 0; bottom: 0; width: 120px; height: 50px; line-height: 50px; background-color: rgba(11, 77, 162, 0.7); z-index: 2; display: flex; align-items: center; justify-content: space-between; } .sy-ky .cont-box .lb-l .sw-btn3 .sw-page3 { bottom: 0; color: #cccccc; font-size: 14px; } .sy-ky .cont-box .lb-l .sw-btn3 .sw-page3 .swiper-pagination-current { font-size: 19px; color: #fff; } .sy-ky .cont-box .lb-l .sw-btn3 .swiper-button-next { background: url(../img/icon-rjt.png) no-repeat center; background-size: contain; width: 8px; height: 20px; right: 15px; left: auto; margin-top: -10px; } .sy-ky .cont-box .lb-l .sw-btn3 .swiper-button-prev { background: url(../img/icon-ljt.png) no-repeat center; background-size: contain; width: 8px; height: 20px; right: auto; left: 15px; margin-top: -10px; } .sy-ky .cont-box .lb-r { width: 100%; height: auto; background-color: #fff; overflow-y: auto; } .sy-ky .cont-box .lb-r .u1 li { padding-left: 40px; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; } .sy-ky .cont-box .lb-r .u1 li .bd { border-bottom: 1px solid #c1cbd6; padding-top: 1px; } .sy-ky .cont-box .lb-r .u1 li .num { font-size: 22px; color: #cccccc; margin-top: 12px; } .sy-ky .cont-box .lb-r .u1 li .tit { margin-top: 13px; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .sy-ky .cont-box .lb-r .u1 li .name { margin-top: 10px; margin-bottom: 15px; font-size: 12px; color: #666666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .sy-ky .cont-box .lb-r .u1 li.on { padding-left: 20px; } .sy-ky .cont-box .lb-r .u1 li.on .bd { border-bottom: 1px solid #3c71b5; } .sy-ky .cont-box .lb-r .u1 li.on .num { color: #0b4da2; } .sy-ky .cont-box .lb-r .u1 li.on .tit { color: #0b4da2; } } @media only screen and (min-width: 1430px) { .sy-about { padding-top: 70px; padding-bottom: 65px; background: url(../img/images/ss-bg.jpg) no-repeat center; background-position: bottom center; background-size: 100% 70%; } .sy-about .tips { font-size: 14px; width: 950px; margin: 30px auto; margin-bottom: 45px; text-align: center; } .sy-about .sy_ban4 { width: 100%; } .sy-about .sy_ban4 .img_d2 { transition: all 0.5s; } .sy-about .sy_ban4 .swiper-slide { text-align: center; } .sy-about .sy_ban4 .swiper-slide a { width: 180px; height: 100%; display: block; margin: 0 auto; padding-bottom: 65px; } .sy-about .sy_ban4 .swiper-slide .imgk { width: 124px; height: 124px; margin: 0 auto; } .sy-about .sy_ban4 .swiper-slide .imgk:hover { transform: rotateZ(360deg); transform-origin: center; } .sy-about .sy_ban4 .swiper-slide .num { margin-top: 40px; font-size: 13px; } .sy-about .sy_ban4 .swiper-slide .num span { font-size: 38px; color: #0b4da2; font-weight: 600; } .sy-about .sy_ban4 .swiper-slide .jj { margin-top: 35px; font-size: 14px; } .sy-about .sy_ban4 .sw-page4 { bottom: 0; } .sy-about .sy_ban4 .sw-page4 .swiper-pagination-bullet { background-color: #c2d2e8; width: 11px; height: 11px; opacity: 1; } .sy-about .sy_ban4 .sw-page4 .swiper-pagination-bullet-active { background-color: #0b4da2; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .sy-about { padding-top: 0.7rem; padding-bottom: 0.65rem; background: url(../img/images/ss-bg.jpg) no-repeat center; background-position: bottom center; background-size: 100% 70%; } .sy-about .tips { font-size: 0.14rem; width: 9.5rem; margin: 0.3rem auto; margin-bottom: 0.45rem; text-align: center; } .sy-about .sy_ban4 { width: 100%; } .sy-about .sy_ban4 .img_d2 { transition: all 0.5s; } .sy-about .sy_ban4 .swiper-slide { text-align: center; } .sy-about .sy_ban4 .swiper-slide a { width: 1.8rem; height: 100%; display: block; margin: 0 auto; padding-bottom: 0.65rem; } .sy-about .sy_ban4 .swiper-slide .imgk { width: 1.24rem; height: 1.24rem; margin: 0 auto; } .sy-about .sy_ban4 .swiper-slide .imgk:hover { transform: rotateZ(360deg); transform-origin: center; } .sy-about .sy_ban4 .swiper-slide .num { margin-top: 0.4rem; font-size: 0.13rem; } .sy-about .sy_ban4 .swiper-slide .num span { font-size: 0.38rem; color: #0b4da2; font-weight: 600; } .sy-about .sy_ban4 .swiper-slide .jj { margin-top: 0.35rem; font-size: 0.14rem; } .sy-about .sy_ban4 .sw-page4 { bottom: 0; } .sy-about .sy_ban4 .sw-page4 .swiper-pagination-bullet { background-color: #c2d2e8; width: 0.11rem; height: 0.11rem; opacity: 1; } .sy-about .sy_ban4 .sw-page4 .swiper-pagination-bullet-active { background-color: #0b4da2; } } @media only screen and (max-width: 800px) { .sy-about { padding-top: 50px; padding-bottom: 40px; background: url(../img/images/ss-bg.jpg) no-repeat center; background-position: bottom center; background-size: cover; } .sy-about .tips { font-size: 14px; width: 100%; margin: 20px auto; margin-bottom: 30px; text-align: center; } .sy-about .sy_ban4 { width: 100%; } .sy-about .sy_ban4 .img_d2 { transition: all 0.5s; } .sy-about .sy_ban4 .swiper-slide { text-align: center; } .sy-about .sy_ban4 .swiper-slide a { width: 100%; height: 100%; display: block; margin: 0 auto; padding-bottom: 40px; } .sy-about .sy_ban4 .swiper-slide .imgk { width: 100px; height: 100px; margin: 0 auto; } .sy-about .sy_ban4 .swiper-slide .imgk:hover { transform: rotateZ(360deg); transform-origin: center; } .sy-about .sy_ban4 .swiper-slide .num { margin-top: 40px; font-size: 13px; } .sy-about .sy_ban4 .swiper-slide .num span { font-size: 38px; color: #0b4da2; font-weight: 600; } .sy-about .sy_ban4 .swiper-slide .jj { margin-top: 20px; font-size: 14px; padding: 0 10px; } .sy-about .sy_ban4 .sw-page4 { bottom: 0; } .sy-about .sy_ban4 .sw-page4 .swiper-pagination-bullet { background-color: #c2d2e8; width: 11px; height: 11px; opacity: 1; } .sy-about .sy_ban4 .sw-page4 .swiper-pagination-bullet-active { background-color: #0b4da2; } } @media only screen and (min-width: 1430px) { .sy-tz { background: url(../img/images/bg2.jpg) no-repeat center; background-position: bottom center; background-size: 100% 100%; padding: 65px 0; padding-bottom: 30px; } .sy-tz .u2 { margin-top: 30px; } .sy-tz .u2 li { float: left; width: 31%; height: 214px; margin-right: 3%; padding-left: 13px; margin-bottom: 30px; } .sy-tz .u2 li a { display: block; width: 100%; height: 100%; background-color: #ffffff; box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.3); padding-top: 29px; padding-right: 35px; padding-bottom: 30px; border-bottom: 4px solid #0b4da2; } .sy-tz .u2 li:nth-child(3n) { margin-right: 0; } .sy-tz .u2 li .tit { display: flex; align-items: center; height: 60px; margin-left: -15px; } .sy-tz .u2 li .tit .time { width: 60px; height: 60px; text-align: center; background-color: #0b4da2; color: #fff; } .sy-tz .u2 li .tit .time p { font-size: 31px; margin-top: 3px; } .sy-tz .u2 li .tit .time span { font-size: 12px; } .sy-tz .u2 li .tit .name { flex: 1; font-size: 24px; margin-left: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .sy-tz .u2 li .jj { margin-top: 37px; font-size: 13px; margin-left: 60px; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 20px; } } @media only screen and (max-width: 1430px) { .sy-tz { background: url(../img/images/bg2.jpg) no-repeat center; background-position: bottom center; background-size: cover; padding: .5rem 0; padding-bottom: .3rem; } .sy-tz .u2 { margin-top: .3rem; } .sy-tz .u2 li { float: left; width: 31%; height: 185px; margin-right: 3%; padding-left: 13px; margin-bottom: 30px; } .sy-tz .u2 li a { display: block; width: 100%; height: 100%; background-color: #ffffff; box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.3); padding-top: .29rem; padding-right: .35rem; padding-bottom: .3rem; border-bottom: 4px solid #0b4da2; } .sy-tz .u2 li:nth-child(3n) { margin-right: 0; } .sy-tz .u2 li .tit { display: flex; align-items: center; height: 55px; margin-left: -15px; } .sy-tz .u2 li .tit .time { width: 55px; height: 55px; text-align: center; background-color: #0b4da2; color: #fff; } .sy-tz .u2 li .tit .time p { font-size: 26px; margin-top: 3px; } .sy-tz .u2 li .tit .time span { font-size: 10px; } .sy-tz .u2 li .tit .name { flex: 1; font-size: .2rem; margin-left: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .sy-tz .u2 li .jj { margin-top: 20px; font-size: 13px; margin-left: 60px; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 20px; } } @media only screen and (max-width: 800px) { .sy-tz { background: url(../img/images/bg2.jpg) no-repeat center; background-position: bottom center; background-size: cover; padding: 30px 0; } .sy-tz .u2 { margin-top: 40px; } .sy-tz .u2 li { float: left; width: 49%; height: 185px; margin-right: 2%; padding-left: 13px; margin-bottom: 30px; } .sy-tz .u2 li a { display: block; width: 100%; height: 100%; background-color: #ffffff; box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.3); padding-top: 29px; padding-right: 15px; padding-bottom: 20px; border-bottom: 4px solid #0b4da2; } .sy-tz .u2 li:nth-child(2n) { margin-right: 0; } .sy-tz .u2 li:nth-child(3) { margin-right: 2%; } .sy-tz .u2 li .tit { display: flex; align-items: center; height: 45px; margin-left: -15px; } .sy-tz .u2 li .tit .time { width: 55px; height: 45px; text-align: center; background-color: #0b4da2; color: #fff; } .sy-tz .u2 li .tit .time p { font-size: 20px; margin-top: 3px; } .sy-tz .u2 li .tit .time span { font-size: 10px; } .sy-tz .u2 li .tit .name { flex: 1; font-size: 16px; margin-left: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .sy-tz .u2 li .jj { margin-top: 20px; font-size: 13px; margin-left: 20px; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } } @media only screen and (min-width: 1430px) { .sy-link { background: url(../img/images/link-bg.jpg) no-repeat center; background-size: cover; position: relative; padding-top: 75px; padding-bottom: 20px; } .sy-link .sy-tit5 { background: url(../img/tit-tx.png) no-repeat center; height: 64px; line-height: 64px; padding-left: 0.4rem; width: 286px; background-size: 100% 100%; font-size: 28px; color: #fff; position: absolute; top: -15px; } .sy-link .tab-item { float: left; width: 878px; color: #fff; } .sy-link .tab-item .tab-list { display: none; padding-right: 55px; } .sy-link .tab-item .tab-list.on { display: block; } .sy-link .tab-item .tab-list .num { font-size: 24px; color: #fff; display: flex; align-items: center; } .sy-link .tab-item .tab-list .num i { margin-left: 10px; display: block; width: 100%; flex: 1; height: 2px; background-color: #ff9900; } .sy-link .tab-item .tab-list .u3 { margin-top: 10px; } .sy-link .tab-item .tab-list .u3 li { float: left; width: 33%; font-size: 14px; margin-top: 20px; } .sy-link .tab-item .tab-list .u3 li a { width: 100%; color: #fff; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .sy-link .tab-change { float: right; width: 520px; color: #fff; } .sy-link .tab-change .tab-btn { transition: all 0.5s; width: 260px; height: 170px; position: relative; text-align: center; float: left; cursor: pointer; padding-top: 45px; } .sy-link .tab-change .tab-btn i { height: 43px; margin: 0 auto; } .sy-link .tab-change .tab-btn i img { height: 43px; } .sy-link .tab-change .tab-btn p { width: 100%; margin-top: 15px; font-size: 24px; } .sy-link .tab-change .tab-btn:nth-child(1) { border-right: 1px solid #fff; border-bottom: 1px solid #fff; } .sy-link .tab-change .tab-btn:nth-child(1) .num { position: absolute; right: 15px; bottom: 15px; } .sy-link .tab-change .tab-btn:nth-child(2) { border-bottom: 1px solid #fff; } .sy-link .tab-change .tab-btn:nth-child(2) .num { position: absolute; left: 15px; bottom: 15px; } .sy-link .tab-change .tab-btn:nth-child(3) { border-right: 1px solid #fff; } .sy-link .tab-change .tab-btn:nth-child(3) .num { position: absolute; right: 15px; top: 15px; } .sy-link .tab-change .tab-btn:nth-child(4) .num { position: absolute; left: 15px; top: 15px; } .sy-link .tab-change .tab-btn.on .num { display: none; } .sy-link .tab-change .tab-btn.on:nth-child(1) { background: url(../img/images/link.jpg) no-repeat center; background-size: cover; } .sy-link .tab-change .tab-btn.on:nth-child(2) { background: url(../img/images/link.jpg) no-repeat center; background-size: cover; } .sy-link .tab-change .tab-btn.on:nth-child(3) { background: url(../img/images/link.jpg) no-repeat center; background-size: cover; } .sy-link .tab-change .tab-btn.on:nth-child(4) { background: url(../img/images/link.jpg) no-repeat center; background-size: cover; } } @media only screen and (max-width: 1430px) { .sy-link { background: url(../img/images/link-bg.jpg) no-repeat center; background-size: cover; position: relative; padding-top: 75px; padding-bottom: 20px; } .sy-link .sy-tit5 { background: url(../img/tit-tx.png) no-repeat center; height: 64px; line-height: 64px; padding-left: 0.4rem; width: 286px; background-size: 100% 100%; font-size: 28px; color: #fff; position: absolute; top: -15px; } .sy-link .tab-item { float: left; width: 9rem; color: #fff; } .sy-link .tab-item .tab-list { display: none; padding-right: 55px; } .sy-link .tab-item .tab-list.on { display: block; } .sy-link .tab-item .tab-list .num { font-size: 24px; color: #fff; display: flex; align-items: center; } .sy-link .tab-item .tab-list .num i { margin-left: 10px; display: block; width: 100%; flex: 1; height: 2px; background-color: #ff9900; } .sy-link .tab-item .tab-list .u3 { margin-top: 10px; } .sy-link .tab-item .tab-list .u3 li { float: left; width: 33%; font-size: 14px; margin-top: 20px; } .sy-link .tab-item .tab-list .u3 li a { width: 100%; color: #fff; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .sy-link .tab-change { float: right; width: 5rem; color: #fff; } .sy-link .tab-change .tab-btn { transition: all 0.5s; width: 50%; height: 170px; position: relative; text-align: center; float: left; cursor: pointer; padding-top: 45px; } .sy-link .tab-change .tab-btn i { height: 43px; margin: 0 auto; } .sy-link .tab-change .tab-btn i img { height: 43px; } .sy-link .tab-change .tab-btn p { width: 100%; margin-top: 15px; font-size: 24px; } .sy-link .tab-change .tab-btn:nth-child(1) { border-right: 1px solid #fff; border-bottom: 1px solid #fff; } .sy-link .tab-change .tab-btn:nth-child(1) .num { position: absolute; right: 15px; bottom: 15px; } .sy-link .tab-change .tab-btn:nth-child(2) { border-bottom: 1px solid #fff; } .sy-link .tab-change .tab-btn:nth-child(2) .num { position: absolute; left: 15px; bottom: 15px; } .sy-link .tab-change .tab-btn:nth-child(3) { border-right: 1px solid #fff; } .sy-link .tab-change .tab-btn:nth-child(3) .num { position: absolute; right: 15px; top: 15px; } .sy-link .tab-change .tab-btn:nth-child(4) .num { position: absolute; left: 15px; top: 15px; } .sy-link .tab-change .tab-btn.on .num { display: none; } .sy-link .tab-change .tab-btn.on:nth-child(1) { background: url(../img/images/link.jpg) no-repeat center; background-size: cover; } .sy-link .tab-change .tab-btn.on:nth-child(2) { background: url(../img/images/link.jpg) no-repeat center; background-size: cover; } .sy-link .tab-change .tab-btn.on:nth-child(3) { background: url(../img/images/link.jpg) no-repeat center; background-size: cover; } .sy-link .tab-change .tab-btn.on:nth-child(4) { background: url(../img/images/link.jpg) no-repeat center; background-size: cover; } } @media only screen and (max-width: 1000px) { .sy-link { background: url(../img/images/link-bg.jpg) no-repeat center; background-size: cover; position: relative; padding-top: 75px; padding-bottom: 20px; } .sy-link .sy-tit5 { background: url(../img/tit-tx.png) no-repeat center; height: 64px; line-height: 64px; padding-left: 0.4rem; width: 286px; background-size: 100% 100%; font-size: 28px; color: #fff; position: absolute; top: -15px; } .sy-link .tab-item { width: 100%; color: #fff; margin-top: 15px; } .sy-link .tab-item .tab-list { display: none; padding-right: 0; } .sy-link .tab-item .tab-list.on { display: block; } .sy-link .tab-item .tab-list .num { font-size: 20px; color: #fff; display: flex; align-items: center; } .sy-link .tab-item .tab-list .num i { margin-left: 10px; display: block; width: 100%; flex: 1; height: 2px; background-color: #ff9900; } .sy-link .tab-item .tab-list .u3 li { float: left; width: 33%; padding-right: 5px; font-size: 12px; margin-top: 15px; } .sy-link .tab-item .tab-list .u3 li a { color: #fff; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .sy-link .tab-change { width: 100%; color: #fff; } .sy-link .tab-change .tab-btn { transition: all 0.5s; width: 50%; height: 150px; position: relative; text-align: center; float: left; cursor: pointer; padding-top: 30px; } .sy-link .tab-change .tab-btn i { height: 43px; margin: 0 auto; } .sy-link .tab-change .tab-btn i img { height: 43px; } .sy-link .tab-change .tab-btn p { width: 100%; margin-top: 15px; font-size: 20px; } .sy-link .tab-change .tab-btn:nth-child(1) { border-right: 1px solid #fff; border-bottom: 1px solid #fff; } .sy-link .tab-change .tab-btn:nth-child(1) .num { position: absolute; right: 15px; bottom: 15px; } .sy-link .tab-change .tab-btn:nth-child(2) { border-bottom: 1px solid #fff; } .sy-link .tab-change .tab-btn:nth-child(2) .num { position: absolute; left: 15px; bottom: 15px; } .sy-link .tab-change .tab-btn:nth-child(3) { border-right: 1px solid #fff; } .sy-link .tab-change .tab-btn:nth-child(3) .num { position: absolute; right: 15px; top: 15px; } .sy-link .tab-change .tab-btn:nth-child(4) .num { position: absolute; left: 15px; top: 15px; } .sy-link .tab-change .tab-btn.on .num { display: none; } .sy-link .tab-change .tab-btn.on:nth-child(1) { background: url(../img/images/link.jpg) no-repeat center; background-size: cover; } .sy-link .tab-change .tab-btn.on:nth-child(2) { background: url(../img/images/link.jpg) no-repeat center; background-size: cover; } .sy-link .tab-change .tab-btn.on:nth-child(3) { background: url(../img/images/link.jpg) no-repeat center; background-size: cover; } .sy-link .tab-change .tab-btn.on:nth-child(4) { background: url(../img/images/link.jpg) no-repeat center; background-size: cover; } } @media only screen and (max-width: 800px) { .sy-link { background: url(../img/images/link-bg.jpg) no-repeat center; background-size: cover; position: relative; padding-top: 55px; padding-bottom: 20px; } .sy-link .sy-tit5 { background: url(../img/tit-tx.png) no-repeat center; height: 45px; line-height: 45px; padding-left: 0.4rem; width: 60%; max-width: 285px; background-size: 100% 100%; font-size: 24px; color: #fff; position: absolute; top: -15px; } .sy-link .tab-item { width: 100%; color: #fff; margin-top: 15px; } .sy-link .tab-item .tab-list { display: none; } .sy-link .tab-item .tab-list.on { display: block; } .sy-link .tab-item .tab-list .num { font-size: 20px; color: #fff; display: flex; align-items: center; } .sy-link .tab-item .tab-list .num i { margin-left: 10px; display: block; width: 100%; flex: 1; height: 3px; background-color: #ff9900; } .sy-link .tab-item .tab-list .u3 li { float: left; width: 50%; padding-right: 5px; font-size: 12px; margin-top: 15px; } .sy-link .tab-item .tab-list .u3 li a { color: #fff; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .sy-link .tab-change { width: 100%; color: #fff; } .sy-link .tab-change .tab-btn { transition: all 0.5s; width: 50%; height: 150px; position: relative; text-align: center; float: left; cursor: pointer; padding-top: 30px; } .sy-link .tab-change .tab-btn i { height: 43px; margin: 0 auto; } .sy-link .tab-change .tab-btn i img { height: 43px; } .sy-link .tab-change .tab-btn p { width: 100%; margin-top: 15px; font-size: 20px; } .sy-link .tab-change .tab-btn:nth-child(1) { border-right: 1px solid #fff; border-bottom: 1px solid #fff; } .sy-link .tab-change .tab-btn:nth-child(1) .num { position: absolute; right: 15px; bottom: 15px; } .sy-link .tab-change .tab-btn:nth-child(2) { border-bottom: 1px solid #fff; border-left: 1px solid #fff; } .sy-link .tab-change .tab-btn:nth-child(2) .num { position: absolute; left: 15px; bottom: 15px; } .sy-link .tab-change .tab-btn:nth-child(3) { border-top: 1px solid #fff; border-right: 1px solid #fff; } .sy-link .tab-change .tab-btn:nth-child(3) .num { position: absolute; right: 15px; top: 15px; } .sy-link .tab-change .tab-btn:nth-child(4) { border-left: 1px solid #fff; border-top: 1px solid #fff; } .sy-link .tab-change .tab-btn:nth-child(4) .num { position: absolute; left: 15px; top: 15px; } .sy-link .tab-change .tab-btn.on .num { display: none; } .sy-link .tab-change .tab-btn.on:nth-child(1) { background: url(../img/images/link.jpg) no-repeat center; background-size: cover; } .sy-link .tab-change .tab-btn.on:nth-child(2) { background: url(../img/images/link.jpg) no-repeat center; background-size: cover; } .sy-link .tab-change .tab-btn.on:nth-child(3) { background: url(../img/images/link.jpg) no-repeat center; background-size: cover; } .sy-link .tab-change .tab-btn.on:nth-child(4) { background: url(../img/images/link.jpg) no-repeat center; background-size: cover; } } @media only screen and (min-width: 1430px) { .ny-box { padding-top: 100px; padding-bottom: 85px; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .ny-box { padding-top: 1rem; padding-bottom: .5rem; } } @media only screen and (max-width: 800px) { .ny-box { padding-top: 50px; padding-bottom: 50px; } } @media only screen and (min-width: 1430px) { .sjyx { /*婊氬姩鏉℃牱寮?/ } .sjyx .email { overflow: hidden; position: relative; width: 100%; height: 485px; padding: 80px; border: 1px solid #e0e0e0; scrollbar-face-color: #0b4da2; /*婊氬姩鏉¢鑹?/ scrollbar-shadow-color: #999; /*婊氬姩鏉¢槾褰遍鑹?/ } .sjyx .email .i1 { position: absolute; left: 0; top: 0; background: url(../img/icon-ysj.png) no-repeat center; background-size: 100% 100%; width: 110px; height: 110px; } .sjyx .email .i2 { position: absolute; right: 0; bottom: 0; background: url(../img/icon-zxj.png) no-repeat center; background-size: 100% 100%; width: 110px; height: 110px; } .sjyx .email .login-btn { display: block; width: 258px; height: 58px; line-height: 58px; border-radius: 5px; font-size: 20px; font-weight: 600; text-align: center; color: #ffffff; background: #01478e; margin: 30px auto; } .sjyx .email .p1 { margin-bottom: 40px; font-size: 20px; line-height: 32px; } .sjyx .e2 { padding: 0; height: auto; } .sjyx .e2 .u4 { min-height: 300px; padding: 10px 60px; } .sjyx .e2 li { border-bottom: 1px solid #d6d6d6; padding-bottom: 45px; padding-top: 40px; } .sjyx .e2 li:last-child { border: 0 solid #000; } .sjyx .e2 li .q .quest { display: flex; align-items: center; font-size: 20px; } .sjyx .e2 li .q .quest .tit { margin-left: 10px; flex: 1; } .sjyx .e2 li .q .txt { font-size: 16px; padding-left: 80px; line-height: 28px; } .sjyx .e2 li .a { margin-top: 35px; } .sjyx .e2 li .a .quest { display: flex; align-items: flex-start; font-size: 20px; } .sjyx .e2 li .a .txt { padding-top: 25px; font-size: 16px; flex: 1; line-height: 28px; } .sjyx .form-1 { margin-top: 80px; } .sjyx .form-1 .form-item { display: flex; margin-bottom: 40px; float: left; width: 100%; } .sjyx .form-1 .form-list .form-item2:nth-child(2n) { margin-right: 0; } .sjyx .form-1 .form-item2 { width: 48%; margin-right: 4%; } .sjyx .form-1 .form-item .name { width: 115px; font-size: 20px; line-height: 50px; } .sjyx .form-1 .form-item .ipt { width: 100%; flex: 1; border: 1px solid #d6d6d6; min-height: 50px; } .sjyx .form-1 .form-item .ipt input { width: 100%; height: 50px; line-height: 50px; font-size: 18px; padding: 0 15px; color: #333; } .sjyx .form-1 .form-item .ipt select { width: 100%; height: 50px; line-height: 50px; font-size: 18px; padding: 0 15px; color: #333; border: 0 solid #000; outline: none; } .sjyx .form-1 .form-item .ipt label { display: block; width: 100%; height: 50px; line-height: 50px; font-size: 18px; padding: 0 15px; color: #333; } .sjyx .form-1 .form-item .ipt .upload { width: 0; height: 0; opacity:0; filter:alpha(opacity=0); } .sjyx .form-1 .form-item .ipt .txt { width: 100%; height: 280px; padding: 15px; font-size: 18px; color: #333; resize: none; } .sjyx .u4::-webkit-scrollbar { width: 3px; height: 3px; position: absolute; right: 0; } .sjyx .u4::-webkit-scrollbar-thumb { /* border-radius: 10px; */ background: rgba(32, 50, 96, 0.7); background: #0b4da2; } .sjyx .u4::-webkit-scrollbar-track { background: #fff; } .sjyx .form-btns { display: flex; align-items: center; justify-content: center; } .sjyx .form-btn { display: block; width: 258px; height: 58px; line-height: 58px; border-radius: 5px; font-size: 20px; text-align: center; color: #ffffff; background: #01478e; margin: 30px; border: 1px solid #01478e; } .sjyx .form-btn2 { color: #01478e; background-color: #fff; } } @media only screen and (max-width: 1430px) { .sjyx { /*婊氬姩鏉℃牱寮?/ } .sjyx .email { overflow: hidden; position: relative; width: 100%; padding: 30px; border: 1px solid #e0e0e0; scrollbar-face-color: #0b4da2; /*婊氬姩鏉¢鑹?/ scrollbar-shadow-color: #999; /*婊氬姩鏉¢槾褰遍鑹?/ } .sjyx .email .i1 { position: absolute; left: 0; top: 0; background: url(../img/icon-ysj.png) no-repeat center; background-size: 100% 100%; width: 80px; height: 80px; } .sjyx .email .i2 { position: absolute; right: 0; bottom: 0; background: url(../img/icon-zxj.png) no-repeat center; background-size: 100% 100%; width: 80px; height: 80px; } .sjyx .email .login-btn { display: block; width: 200px; height: 40px; line-height: 40px; border-radius: 5px; font-size: 16px; font-weight: 600; text-align: center; color: #ffffff; background: #01478e; margin: 30px auto; } .sjyx .email .p1 { margin-bottom: 20px; font-size: 18px; line-height: 30px; } .sjyx .e2 { padding: 0; height: auto; } .sjyx .e2 .u4 { min-height: 300px; padding: 15px ; } .sjyx .e2 li { border-bottom: 1px solid #d6d6d6; padding-bottom: 25px; padding-top: 20px; } .sjyx .e2 li:last-child { border: 0 solid #000; } .sjyx .e2 li .q .quest { display: flex; align-items: center; font-size: 16px; } .sjyx .e2 li .q .quest i img { height: 60px; } .sjyx .e2 li .q .quest .tit { margin-left: 10px; flex: 1; } .sjyx .e2 li .q .txt { font-size: 14px; padding-left: 65px; line-height: 26px; } .sjyx .e2 li .a { margin-top: 35px; } .sjyx .e2 li .a i img { height: 60px; } .sjyx .e2 li .a .quest { display: flex; align-items: flex-start; font-size: 20px; } .sjyx .e2 li .a .txt { padding-top: 15px; font-size: 14px; flex: 1; line-height: 26px; } .sjyx .form-1 { margin-top: 80px; } /* .sjyx .form-1 .form-item { display: flex; margin-bottom: 40px; } */ .sjyx .form-1 .form-item { display: flex; margin-bottom: .4rem; float: left; width: 100%; } .sjyx .form-1 .form-list .form-item2:nth-child(2n) { margin-right: 0; } .sjyx .form-1 .form-item2 { width: 48%; margin-right: 4%; } /* .sjyx .form-1 .form-item .name { width: 105px; font-size: 20px; line-height: 50px; } */ .sjyx .form-1 .form-item .ipt { width: 100%; flex: 1; border: 1px solid #d6d6d6; min-height: .5rem; } .sjyx .form-1 .form-item .name { width: 1.4rem; font-size: .2rem; line-height: .5rem; } /* .sjyx .form-1 .form-item .ipt { width: 85%; border: 1px solid #d6d6d6; min-height: 50px; } */ .sjyx .form-1 .form-item .ipt input { width: 100%; height: .5rem; line-height: .5rem; font-size: .18rem; padding: 0 15px; color: #333; } .sjyx .form-1 .form-item .ipt select { width: 100%; height: .5rem; line-height: .5rem; font-size: .18rem; padding: 0 15px; color: #333; border: 0 solid #000; outline: none; } .sjyx .form-1 .form-item .ipt label { display: block; width: 100%; height: .5rem; line-height: .5rem; font-size: .18rem; padding: 0 15px; color: #333; } .sjyx .form-1 .form-item .ipt .upload { width: 0; height: 0; opacity:0; filter:alpha(opacity=0); } .sjyx .form-1 .form-item .ipt .txt { width: 100%; height: 2.8rem; padding: 15px; font-size: .18rem; color: #333; resize: none; } .sjyx .u4::-webkit-scrollbar { width: 3px; height: 3px; position: absolute; right: 0; } .sjyx .u4::-webkit-scrollbar-thumb { /* border-radius: 10px; */ background: rgba(32, 50, 96, 0.7); background: #0b4da2; } .sjyx .u4::-webkit-scrollbar-track { background: #fff; } .sjyx .form-btn { display: block; width: 200px; height: 40px; line-height: 40px; border-radius: 5px; font-size: 18px; text-align: center; color: #ffffff; background: #01478e; margin: 30px auto; border: 1px solid #01478e; } .sjyx .form-btn2 { color: #01478e; background-color: #fff; } } @media only screen and (max-width: 800px) { .sjyx { /*婊氬姩鏉℃牱寮?/ } .sjyx .email { overflow: hidden; position: relative; width: 100%; padding: 30px; border: 1px solid #e0e0e0; scrollbar-face-color: #0b4da2; /*婊氬姩鏉¢鑹?/ scrollbar-shadow-color: #999; /*婊氬姩鏉¢槾褰遍鑹?/ } .sjyx .email .i1 { position: absolute; left: 0; top: 0; background: url(../img/icon-ysj.png) no-repeat center; background-size: 100% 100%; width: 80px; height: 80px; } .sjyx .email .i2 { position: absolute; right: 0; bottom: 0; background: url(../img/icon-zxj.png) no-repeat center; background-size: 100% 100%; width: 80px; height: 80px; } .sjyx .email .login-btn { display: block; width: 200px; height: 40px; line-height: 40px; border-radius: 5px; font-size: 16px; font-weight: 600; text-align: center; color: #ffffff; background: #01478e; margin: 30px auto; } .sjyx .email .p1 { margin-bottom: 20px; font-size: 18px; } .sjyx .e2 { padding: 0; height: auto; } .sjyx .e2 .u4 { min-height: 300px; padding: 15px ; } .sjyx .e2 li { border-bottom: 1px solid #d6d6d6; padding-bottom: 25px; padding-top: 20px; } .sjyx .e2 li:last-child { border: 0 solid #000; } .sjyx .e2 li .q .quest { display: flex; align-items: center; font-size: 16px; } .sjyx .e2 li .q .quest i img { height: 60px; } .sjyx .e2 li .q .quest .tit { margin-left: 10px; flex: 1; } .sjyx .e2 li .q .txt { font-size: 14px; padding-left: 65px; line-height: 26px; } .sjyx .form-1 { margin-top: 50px; } .sjyx .form-1 .form-item { display: flex; margin-bottom: 40px; } .sjyx .form-1 .form-item2 { width: 100%; } .sjyx .form-1 .form-item .name { width: 100px; font-size: 18px; line-height: 40px; } .sjyx .form-1 .form-item .ipt { width: 80%; border: 1px solid #d6d6d6; min-height: 40px; flex: 1; } .sjyx .form-1 .form-item .ipt input { width: 100%; height: 40px; line-height: 40px; font-size: 16px; padding: 0 15px; color: #333; } .sjyx .form-1 .form-item .ipt select { width: 100%; height: 40px; line-height: 40px; font-size: 16px; padding: 0 15px; color: #333; border: 0 solid #000; outline: none; } .sjyx .form-1 .form-item .ipt label { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 16px; padding: 0 15px; color: #333; } .sjyx .form-1 .form-item .ipt .upload { width: 0; height: 0; opacity:0; filter:alpha(opacity=0); } .sjyx .form-1 .form-item .ipt .txt { width: 100%; height: 280px; padding: 15px; font-size: 16px; color: #333; resize: none; } .sjyx .u4::-webkit-scrollbar { width: 3px; height: 3px; position: absolute; right: 0; } .sjyx .u4::-webkit-scrollbar-thumb { /* border-radius: 10px; */ background: rgba(32, 50, 96, 0.7); background: #0b4da2; } .sjyx .u4::-webkit-scrollbar-track { background: #fff; } } @font-face { font-family: 'ysbt'; src: url('../fonts/ysbt.ttf'); } .fm { font-family: 'ysbt'; } @media only screen and (min-width: 1430px) { .xy-xyjj { background: url(../img/nybg.jpg) no-repeat center; background-position: bottom center; background-size: 100% auto; } .xy-xyjj .dsj { margin-top: 70px; } .xy-xyjj .dsj .tit { font-family: 'ysbt'; font-size: 60px; color: #01478e; margin-bottom: 50px; } .xy-xyjj .dsj .u8 li { min-height: 110px; display: flex; align-items: center; } .xy-xyjj .dsj .u8 li .year { width: 100px; font-size: 36px; color: #01478e; position: relative; } .xy-xyjj .dsj .u8 li .year i { width: 8px; height: 8px; background-color: #01478e; border-radius: 50%; position: absolute; right: -4px; top: 50%; margin-top: -4px; } .xy-xyjj .dsj .u8 li .txt { width: 100%; flex: 1; border-left: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; font-size: 18px; min-height: 110px; display: flex; /*align-items: center;*/ padding: 15px 30px; flex-flow: column; justify-content: center; } .xy-xyjj .dsj .u8 .i1 { display: block; position: relative; height: 120px; margin-left: 85px; } .xy-xyjj .dsj .u8 .i1::after { content: ''; position: absolute; width: 1px; height: 100px; left: 15px; top: 0; background: #d2d2d2; } .xy-xyjj .dsj .u8 .i1 img { position: absolute; bottom: 0; z-index: 2; width: 30px; height: 30px; } .txt-cont { font-size: 18px; } .txt-cont p { margin-bottom: 25px; line-height: 30px; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .xy-xyjj { background: url(../img/nybg.jpg) no-repeat center; background-position: bottom center; background-size: 100% auto; } .xy-xyjj .dsj { margin-top: 70px; } .xy-xyjj .dsj .tit { font-family: 'ysbt'; font-size: 0.6rem; color: #01478e; margin-bottom: 0.5rem; } .xy-xyjj .dsj .u8 li { min-height: 1.1rem; display: flex; align-items: center; } .xy-xyjj .dsj .u8 li .year { width: 1rem; font-size: 0.36rem; color: #01478e; position: relative; } .xy-xyjj .dsj .u8 li .year i { width: 8px; height: 8px; background-color: #01478e; border-radius: 50%; position: absolute; right: -4px; top: 50%; margin-top: -4px; } .xy-xyjj .dsj .u8 li .txt { width: 100%; flex: 1; border-left: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; font-size: 0.18rem; min-height: 1.1rem; display: flex; /*align-items: center;*/ padding: 15px 30px; flex-flow: column; justify-content: center; } .xy-xyjj .dsj .u8 .i1 { display: block; position: relative; height: 120px; margin-left: 0.85rem; } .xy-xyjj .dsj .u8 .i1::after { content: ''; position: absolute; width: 1px; height: 100px; left: 0.15rem; top: 0; background: #d2d2d2; } .xy-xyjj .dsj .u8 .i1 img { position: absolute; bottom: 0; z-index: 2; width: 0.3rem; height: 0.3rem; } .txt-cont { font-size: 0.18rem; } .txt-cont p { margin-bottom: 0.25rem; line-height: 0.3rem; } } @media only screen and (max-width: 800px) { .xy-xyjj { background: url(../img/nybg.jpg) no-repeat center; background-position: bottom center; background-size: 100% auto; } .xy-xyjj .dsj { margin-top: 50px; } .xy-xyjj .dsj .tit { font-family: 'ysbt'; font-size: 50px; color: #01478e; margin-bottom: 40px; } .xy-xyjj .dsj .u8 li { min-height: 100px; display: flex; align-items: center; } .xy-xyjj .dsj .u8 li .year { width: 100px; font-size: 30px; color: #01478e; position: relative; } .xy-xyjj .dsj .u8 li .year i { width: 8px; height: 8px; background-color: #01478e; border-radius: 50%; position: absolute; right: -4px; top: 50%; margin-top: -4px; } .xy-xyjj .dsj .u8 li .txt { width: 100%; flex: 1; border-left: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; font-size: 16px; min-height: 100px; display: flex; /*align-items: center;*/ padding: 15px; flex-flow: column; justify-content: center; } .xy-xyjj .dsj .u8 .i1 { display: block; position: relative; height: 120px; margin-left: 85px; } .xy-xyjj .dsj .u8 .i1::after { content: ''; position: absolute; width: 1px; height: 100px; left: 15px; top: 0; background: #d2d2d2; } .xy-xyjj .dsj .u8 .i1 img { position: absolute; bottom: 0; z-index: 2; width: 30px; height: 30px; } .txt-cont { font-size: 16px; } .txt-cont p { margin-bottom: 25px; line-height: 28px; } .txt-cont .p-img { text-align: center; } } @media only screen and (max-width: 800px) { .xy-xyjj .dsj { margin-top: 40px; } .xy-xyjj .dsj .tit { font-family: 'ysbt'; font-size: 40px; color: #01478e; margin-bottom: 30px; } .xy-xyjj .dsj .u8 li { min-height: 100px; display: flex; align-items: center; } .xy-xyjj .dsj .u8 li .year { width: 70px; font-size: 24px; color: #01478e; position: relative; } .xy-xyjj .dsj .u8 li .year i { width: 8px; height: 8px; background-color: #01478e; border-radius: 50%; position: absolute; right: -4px; top: 50%; margin-top: -4px; } .xy-xyjj .dsj .u8 li .txt { width: 100%; flex: 1; border-left: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; font-size: 14px; min-height: 100px; display: flex; /*align-items: center;*/ padding: 15px; flex-flow: column; justify-content: center; } .xy-xyjj .dsj .u8 .i1 { display: block; position: relative; height: 120px; margin-left: 55px; } .xy-xyjj .dsj .u8 .i1::after { content: ''; position: absolute; width: 1px; height: 100px; left: 15px; top: 0; background: #d2d2d2; } .xy-xyjj .dsj .u8 .i1 img { position: absolute; bottom: 0; z-index: 2; width: 30px; height: 30px; } .txt-cont p { margin-bottom: 20px; line-height: 26px; } } @media only screen and (min-width: 1430px) { .xy-lxwm .tab { display: flex; align-items: center; border-bottom: 1px solid #d9d9d9; margin-bottom: 45px; } .xy-lxwm .tab .tab-item { cursor: pointer; font-size: 20px; margin-right: 120px; height: 45px; } .xy-lxwm .tab .tab-item.on { font-weight: 600; color: #01478e; border-bottom: 4px solid #01478e; } .xy-lxwm .tab-box .tab-list { display: none; } .xy-lxwm .tab-box .tab-list.on { display: block; } .xy-lxwm .tab-box .tab-list .u5 li { float: left; width: 335px; height: 700px; padding: 18px; border: 1px solid #d9d9d9; margin-right: 32px; margin-bottom: 30px; } .xy-lxwm .tab-box .tab-list .u5 li .imgk { width: 100%; height: 397px; } .xy-lxwm .tab-box .tab-list .u5 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .xy-lxwm .tab-box .tab-list .u5 li .name { font-size: 18px; margin-top: 30px; } .xy-lxwm .tab-box .tab-list .u5 li .name span { font-size: 20px; color: #01478e; font-weight: 600; margin-right: 25px; } .xy-lxwm .tab-box .tab-list .u5 li .zw { font-size: 18px; margin-top: 15px; margin-bottom: 25px; } .xy-lxwm .tab-box .tab-list .u5 li .ad { overflow-y: auto; height: 200px; word-break: break-all; /*婊氬姩鏉℃牱寮?/ } .xy-lxwm .tab-box .tab-list .u5 li .ad p { font-size: 16px; margin-bottom: 5px; } .xy-lxwm .tab-box .tab-list .u5 li .ad::-webkit-scrollbar { width: 3px; height: 3px; position: absolute; right: 0; } .xy-lxwm .tab-box .tab-list .u5 li .ad::-webkit-scrollbar-thumb { /* border-radius: 10px; */ background: rgba(102, 102, 102, 0.7); border-radius: 2px; } .xy-lxwm .tab-box .tab-list .u5 li .ad::-webkit-scrollbar-track { background: #fff; } .xy-lxwm .tab-box .tab-list .u5 li:nth-child(3n) { margin-right: 0; } .xy-lxwm .tab-box .tab-list .u6 li { float: left; width: 335px; height: 654px; padding: 18px; border: 1px solid #d9d9d9; margin-right: 32px; margin-bottom: 30px; } .xy-lxwm .tab-box .tab-list .u6 li .imgk { width: 100%; height: 397px; } .xy-lxwm .tab-box .tab-list .u6 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .xy-lxwm .tab-box .tab-list .u6 li .name { font-size: 16px; margin-top: 30px; color: #01478e; font-weight: 600; } .xy-lxwm .tab-box .tab-list .u6 li .name span { font-size: 18px; color: #333; font-weight: 600; margin-right: 25px; } .xy-lxwm .tab-box .tab-list .u6 li .zw { font-size: 18px; margin-top: 15px; } .xy-lxwm .tab-box .tab-list .u6 li .ad { margin-top: 15px; height: 160px; overflow-y: auto; word-break: break-all; /*婊氬姩鏉℃牱寮?/ } .xy-lxwm .tab-box .tab-list .u6 li .ad p { font-size: 16px; } .xy-lxwm .tab-box .tab-list .u6 li .ad p span { font-size: 16px; } .xy-lxwm .tab-box .tab-list .u6 li .ad p i { color: #01478e; } .xy-lxwm .tab-box .tab-list .u6 li .ad::-webkit-scrollbar { width: 3px; height: 3px; position: absolute; right: 0; } .xy-lxwm .tab-box .tab-list .u6 li .ad::-webkit-scrollbar-thumb { /* border-radius: 10px; */ background: rgba(102, 102, 102, 0.7); border-radius: 2px; } .xy-lxwm .tab-box .tab-list .u6 li .ad::-webkit-scrollbar-track { background: #fff; } .xy-lxwm .tab-box .tab-list .u6 li:nth-child(3n) { margin-right: 0; } .xy-lxwm .tab-box .tab-list .u7 { display: none; } .xy-lxwm .tab-box .tab-list .u7.on { display: block; } .xy-lxwm .tab-box .tab-list .u7 li { float: left; width: 335px; height: 654px; padding: 18px; border: 1px solid #d9d9d9; margin-right: 32px; margin-bottom: 30px; } .xy-lxwm .tab-box .tab-list .u7 li .imgk { width: 100%; height: 397px; } .xy-lxwm .tab-box .tab-list .u7 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .xy-lxwm .tab-box .tab-list .u7 li .name { font-size: 16px; margin-top: 30px; color: #01478e; font-weight: 600; } .xy-lxwm .tab-box .tab-list .u7 li .name span { font-size: 18px; color: #333; font-weight: 600; margin-right: 25px; } .xy-lxwm .tab-box .tab-list .u7 li .zw { font-size: 18px; margin-top: 15px; } .xy-lxwm .tab-box .tab-list .u7 li .ad { margin-top: 15px; word-break: break-all; height: 160px; overflow-y: auto; /*婊氬姩鏉℃牱寮?/ } .xy-lxwm .tab-box .tab-list .u7 li .ad p { font-size: 16px; } .xy-lxwm .tab-box .tab-list .u7 li .ad p span { font-size: 16px; } .xy-lxwm .tab-box .tab-list .u7 li .ad p i { color: #01478e; } .xy-lxwm .tab-box .tab-list .u7 li .ad::-webkit-scrollbar { width: 3px; height: 3px; position: absolute; right: 0; } .xy-lxwm .tab-box .tab-list .u7 li .ad::-webkit-scrollbar-thumb { /* border-radius: 10px; */ background: rgba(102, 102, 102, 0.7); border-radius: 2px; } .xy-lxwm .tab-box .tab-list .u7 li .ad::-webkit-scrollbar-track { background: #fff; } .xy-lxwm .tab-box .tab-list .u7 li:nth-child(3n) { margin-right: 0; } .xy-lxwm .tab-box .tab2 { width: 100%; display: flex; align-items: center; margin-bottom: 50px; margin-top: 20px; } .xy-lxwm .tab-box .tab2 .tab-item { width: 34%; height: 60px; line-height: 60px; /* text-align: center; */ font-size: 20px; background-color: #f5f5f5; padding: 0 20px; } .xy-lxwm .tab-box .tab2 .tab-item.on { color: #fff; font-weight: 600; background-color: #01478e; cursor: pointer; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .xy-lxwm .tab { display: flex; align-items: center; border-bottom: 1px solid #d9d9d9; margin-bottom: 0.45rem; } .xy-lxwm .tab .tab-item { cursor: pointer; font-size: 0.2rem; margin-right: 1.2rem; height: 0.45rem; } .xy-lxwm .tab .tab-item.on { font-weight: 600; color: #01478e; border-bottom: 0.04rem solid #01478e; } .xy-lxwm .tab-box .tab-list { display: none; } .xy-lxwm .tab-box .tab-list.on { display: block; } .xy-lxwm .tab-box .tab-list .u5 li { float: left; width: 3.35rem; height: 7rem; padding: 0.18rem; border: 1px solid #d9d9d9; margin-right: 0.32rem; margin-bottom: 0.3rem; } .xy-lxwm .tab-box .tab-list .u5 li .imgk { width: 100%; height: 3.97rem; } .xy-lxwm .tab-box .tab-list .u5 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .xy-lxwm .tab-box .tab-list .u5 li .name { font-size: 0.18rem; margin-top: 0.3rem; } .xy-lxwm .tab-box .tab-list .u5 li .name span { font-size: 0.2rem; color: #01478e; font-weight: 600; margin-right: 0.25rem; } .xy-lxwm .tab-box .tab-list .u5 li .zw { font-size: 0.18rem; margin-top: 0.15rem; margin-bottom: 0.25rem; } .xy-lxwm .tab-box .tab-list .u5 li .ad { overflow-y: auto; height: 2rem; word-break: break-all; /*婊氬姩鏉℃牱寮?/ } .xy-lxwm .tab-box .tab-list .u5 li .ad p { font-size: 0.16rem; margin-bottom: 0.05rem; } .xy-lxwm .tab-box .tab-list .u5 li .ad::-webkit-scrollbar { width: 3px; height: 3px; position: absolute; right: 0; } .xy-lxwm .tab-box .tab-list .u5 li .ad::-webkit-scrollbar-thumb { /* border-radius: 10px; */ background: rgba(102, 102, 102, 0.7); border-radius: 2px; } .xy-lxwm .tab-box .tab-list .u5 li .ad::-webkit-scrollbar-track { background: #fff; } .xy-lxwm .tab-box .tab-list .u5 li:nth-child(3n) { margin-right: 0; } .xy-lxwm .tab-box .tab-list .u6 li { float: left; width: 3.35rem; height: 6.54rem; padding: 0.18rem; border: 1px solid #d9d9d9; margin-right: 0.32rem; margin-bottom: 0.3rem; } .xy-lxwm .tab-box .tab-list .u6 li .imgk { width: 100%; height: 3.97rem; } .xy-lxwm .tab-box .tab-list .u6 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .xy-lxwm .tab-box .tab-list .u6 li .name { font-size: 0.16rem; margin-top: 0.3rem; color: #01478e; font-weight: 600; } .xy-lxwm .tab-box .tab-list .u6 li .name span { font-size: 0.18rem; color: #333; font-weight: 600; margin-right: 0.25rem; } .xy-lxwm .tab-box .tab-list .u6 li .zw { font-size: 0.18rem; margin-top: 0.18rem; } .xy-lxwm .tab-box .tab-list .u6 li .ad { margin-top: 0.15rem; height: 1.6rem; overflow-y: auto; word-break: break-all; /*婊氬姩鏉℃牱寮?/ } .xy-lxwm .tab-box .tab-list .u6 li .ad p { font-size: 0.16rem; } .xy-lxwm .tab-box .tab-list .u6 li .ad p span { font-size: 0.16rem; } .xy-lxwm .tab-box .tab-list .u6 li .ad p i { color: #01478e; } .xy-lxwm .tab-box .tab-list .u6 li .ad::-webkit-scrollbar { width: 3px; height: 3px; position: absolute; right: 0; } .xy-lxwm .tab-box .tab-list .u6 li .ad::-webkit-scrollbar-thumb { /* border-radius: 10px; */ background: rgba(102, 102, 102, 0.7); border-radius: 2px; } .xy-lxwm .tab-box .tab-list .u6 li .ad::-webkit-scrollbar-track { background: #fff; } .xy-lxwm .tab-box .tab-list .u6 li:nth-child(3n) { margin-right: 0; } .xy-lxwm .tab-box .tab-list .u7 { display: none; } .xy-lxwm .tab-box .tab-list .u7.on { display: block; } .xy-lxwm .tab-box .tab-list .u7 li { float: left; width: 3.35rem; height: 6.54rem; padding: 0.18rem; border: 1px solid #d9d9d9; margin-right: 0.32rem; margin-bottom: 0.3rem; } .xy-lxwm .tab-box .tab-list .u7 li .imgk { width: 100%; height: 3.97rem; } .xy-lxwm .tab-box .tab-list .u7 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .xy-lxwm .tab-box .tab-list .u7 li .name { font-size: 0.16rem; margin-top: 0.3rem; color: #01478e; font-weight: 600; } .xy-lxwm .tab-box .tab-list .u7 li .name span { font-size: 0.18rem; color: #333; font-weight: 600; margin-right: 0.25rem; } .xy-lxwm .tab-box .tab-list .u7 li .zw { font-size: 0.18rem; margin-top: 0.15rem; } .xy-lxwm .tab-box .tab-list .u7 li .ad { margin-top: 0.15rem; word-break: break-all; height: 1.6rem; overflow-y: auto; /*婊氬姩鏉℃牱寮?/ } .xy-lxwm .tab-box .tab-list .u7 li .ad p { font-size: 0.16rem; } .xy-lxwm .tab-box .tab-list .u7 li .ad p span { font-size: 0.16rem; } .xy-lxwm .tab-box .tab-list .u7 li .ad p i { color: #01478e; } .xy-lxwm .tab-box .tab-list .u7 li .ad::-webkit-scrollbar { width: 3px; height: 3px; position: absolute; right: 0; } .xy-lxwm .tab-box .tab-list .u7 li .ad::-webkit-scrollbar-thumb { /* border-radius: 10px; */ background: rgba(102, 102, 102, 0.7); border-radius: 2px; } .xy-lxwm .tab-box .tab-list .u7 li .ad::-webkit-scrollbar-track { background: #fff; } .xy-lxwm .tab-box .tab-list .u7 li:nth-child(3n) { margin-right: 0; } .xy-lxwm .tab-box .tab2 { width: 100%; display: flex; align-items: center; margin-bottom: 0.5rem; margin-top: 0.2rem; } .xy-lxwm .tab-box .tab2 .tab-item { width: 34%; height: 0.6rem; line-height: 0.6rem; /* text-align: center; */ font-size: 0.2rem; padding: 0 .2rem; background-color: #f5f5f5; } .xy-lxwm .tab-box .tab2 .tab-item.on { color: #fff; font-weight: 600; background-color: #01478e; cursor: pointer; } } @media only screen and (max-width: 800px) { .xy-lxwm .tab { display: flex; align-items: center; border-bottom: 1px solid #d9d9d9; margin-bottom: 25px; } .xy-lxwm .tab .tab-item { cursor: pointer; font-size: 20px; margin-right: 50px; height: 45px; } .xy-lxwm .tab .tab-item.on { font-weight: 600; color: #01478e; border-bottom: 4px solid #01478e; } .xy-lxwm .tab-box .tab-list { display: none; } .xy-lxwm .tab-box .tab-list.on { display: block; } .xy-lxwm .tab-box .tab-list .u5 li { float: left; width: 48%; height: 700px; padding: 18px; border: 1px solid #d9d9d9; margin-right: 4%; margin-bottom: 30px; } .xy-lxwm .tab-box .tab-list .u5 li .imgk { width: 300px; height: 397px; margin: 0 auto; } .xy-lxwm .tab-box .tab-list .u5 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .xy-lxwm .tab-box .tab-list .u5 li .name { font-size: 16px; margin-top: 30px; text-align: center; } .xy-lxwm .tab-box .tab-list .u5 li .name span { font-size: 18px; color: #01478e; font-weight: 600; margin-right: 15px; } .xy-lxwm .tab-box .tab-list .u5 li .zw { font-size: 14px; margin-top: 15px; margin-bottom: 20px; text-align: center; } .xy-lxwm .tab-box .tab-list .u5 li .ad { text-align: left; overflow-y: auto; height: 185px; word-break: break-all; /*婊氬姩鏉℃牱寮?/ } .xy-lxwm .tab-box .tab-list .u5 li .ad p { font-size: 12px; margin-bottom: 5px; } .xy-lxwm .tab-box .tab-list .u5 li .ad::-webkit-scrollbar { width: 3px; height: 3px; position: absolute; right: 0; } .xy-lxwm .tab-box .tab-list .u5 li .ad::-webkit-scrollbar-thumb { /* border-radius: 10px; */ background: rgba(102, 102, 102, 0.7); border-radius: 2px; } .xy-lxwm .tab-box .tab-list .u5 li .ad::-webkit-scrollbar-track { background: #fff; } .xy-lxwm .tab-box .tab-list .u5 li:nth-child(2n) { margin-right: 0; } .xy-lxwm .tab-box .tab-list .u6 li { float: left; width: 48%; height: 654px; padding: 18px; border: 1px solid #d9d9d9; margin-right: 4%; margin-bottom: 30px; } .xy-lxwm .tab-box .tab-list .u6 li .imgk { margin: 0 auto; width: 300px; height: 397px; } .xy-lxwm .tab-box .tab-list .u6 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .xy-lxwm .tab-box .tab-list .u6 li .name { text-align: center; font-size: 16px; margin-top: 30px; color: #01478e; font-weight: 600; } .xy-lxwm .tab-box .tab-list .u6 li .name span { font-size: 18px; color: #333; font-weight: 600; margin-right: 25px; } .xy-lxwm .tab-box .tab-list .u6 li .zw { font-size: 14px; margin-top: 15px; text-align: center; } .xy-lxwm .tab-box .tab-list .u6 li .ad { margin-top: 15px; height: 160px; overflow-y: auto; word-break: break-all; } .xy-lxwm .tab-box .tab-list .u6 li .ad p { font-size: 12px; } .xy-lxwm .tab-box .tab-list .u6 li .ad p span { font-size: 12px; } .xy-lxwm .tab-box .tab-list .u6 li .ad p i { color: #01478e; } .xy-lxwm .tab-box .tab-list .u6 li .ad::-webkit-scrollbar { width: 3px; height: 3px; position: absolute; right: 0; } .xy-lxwm .tab-box .tab-list .u6 li .ad::-webkit-scrollbar-thumb { /* border-radius: 10px; */ background: rgba(102, 102, 102, 0.7); border-radius: 2px; } .xy-lxwm .tab-box .tab-list .u6 li .ad::-webkit-scrollbar-track { background: #fff; } .xy-lxwm .tab-box .tab-list .u6 li:nth-child(2n) { margin-right: 0; } .xy-lxwm .tab-box .tab-list .u7 { display: none; } .xy-lxwm .tab-box .tab-list .u7.on { display: block; } .xy-lxwm .tab-box .tab-list .u7 li { float: left; width: 48%; height: 654px; padding: 18px; border: 1px solid #d9d9d9; margin-right: 4%; margin-bottom: 30px; } .xy-lxwm .tab-box .tab-list .u7 li .imgk { width: 300px; height: 397px; margin: 0 auto; } .xy-lxwm .tab-box .tab-list .u7 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .xy-lxwm .tab-box .tab-list .u7 li .name { text-align: center; font-size: 16px; margin-top: 30px; color: #01478e; font-weight: 600; } .xy-lxwm .tab-box .tab-list .u7 li .name span { font-size: 18px; color: #333; font-weight: 600; } .xy-lxwm .tab-box .tab-list .u7 li .zw { text-align: center; font-size: 14px; margin-top: 15px; } .xy-lxwm .tab-box .tab-list .u7 li .ad { margin-top: 15px; height: 160px; overflow-y: auto; word-break: break-all; /*婊氬姩鏉℃牱寮?/ } .xy-lxwm .tab-box .tab-list .u7 li .ad p { font-size: 12px; } .xy-lxwm .tab-box .tab-list .u7 li .ad p span { font-size: 12px; } .xy-lxwm .tab-box .tab-list .u7 li .ad p i { color: #01478e; } .xy-lxwm .tab-box .tab-list .u7 li .ad::-webkit-scrollbar { width: 3px; height: 3px; position: absolute; right: 0; } .xy-lxwm .tab-box .tab-list .u7 li .ad::-webkit-scrollbar-thumb { /* border-radius: 10px; */ background: rgba(102, 102, 102, 0.7); border-radius: 2px; } .xy-lxwm .tab-box .tab-list .u7 li .ad::-webkit-scrollbar-track { background: #fff; } .xy-lxwm .tab-box .tab-list .u7 li:nth-child(2n) { margin-right: 0; } .xy-lxwm .tab-box .tab2 { width: 100%; display: flex; align-items: center; margin-bottom: 30px; margin-top: 10px; } .xy-lxwm .tab-box .tab2 .tab-item { width: 34%; height: 50px; line-height: 50px; text-align: center; font-size: 16px; background-color: #f5f5f5; } .xy-lxwm .tab-box .tab2 .tab-item.on { color: #fff; font-weight: 600; background-color: #01478e; cursor: pointer; } } @media only screen and (max-width: 800px) { .xy-lxwm .tab { display: flex; align-items: center; border-bottom: 1px solid #d9d9d9; margin-bottom: 25px; } .xy-lxwm .tab .tab-item { cursor: pointer; font-size: 16px; margin-right: 30px; height: 40px; } .xy-lxwm .tab .tab-item.on { font-weight: 600; color: #01478e; border-bottom: 4px solid #01478e; } .xy-lxwm .tab-box .tab-list { display: none; } .xy-lxwm .tab-box .tab-list.on { display: block; } .xy-lxwm .tab-box .tab-list .u5 li { float: left; width: 48%; height: 440px; padding: 15px; border: 1px solid #d9d9d9; margin-right: 4%; margin-bottom: 30px; } .xy-lxwm .tab-box .tab-list .u5 li .imgk { max-width: 150px; width: 100%; height: 200px; margin: 0 auto; } .xy-lxwm .tab-box .tab-list .u5 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .xy-lxwm .tab-box .tab-list .u5 li .name { font-size: 14px; margin-top: 20px; text-align: center; } .xy-lxwm .tab-box .tab-list .u5 li .name span { font-size: 14px; color: #01478e; font-weight: 600; margin-right: 15px; } .xy-lxwm .tab-box .tab-list .u5 li .zw { font-size: 14px; margin-top: 15px; margin-bottom: 15px; text-align: left; } .xy-lxwm .tab-box .tab-list .u5 li .ad { height: 145px; word-break: break-all; /*婊氬姩鏉℃牱寮?/ } .xy-lxwm .tab-box .tab-list .u5 li .ad p { font-size: 12px; margin-bottom: 5px; } .xy-lxwm .tab-box .tab-list .u5 li .ad::-webkit-scrollbar { width: 3px; height: 3px; position: absolute; right: 0; } .xy-lxwm .tab-box .tab-list .u5 li .ad::-webkit-scrollbar-thumb { /* border-radius: 10px; */ background: rgba(102, 102, 102, 0.7); border-radius: 2px; } .xy-lxwm .tab-box .tab-list .u5 li .ad::-webkit-scrollbar-track { background: #fff; } .xy-lxwm .tab-box .tab-list .u5 li:nth-child(2n) { margin-right: 0; } .xy-lxwm .tab-box .tab-list .u6 li { float: left; width: 48%; height: 470px; padding: 18px; border: 1px solid #d9d9d9; margin-right: 4%; margin-bottom: 30px; } .xy-lxwm .tab-box .tab-list .u6 li .imgk { margin: 0 auto; max-width: 150px; width: 100%; height: 200px; } .xy-lxwm .tab-box .tab-list .u6 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .xy-lxwm .tab-box .tab-list .u6 li .name { text-align: center; font-size: 14px; margin-top: 20px; color: #01478e; font-weight: 600; } .xy-lxwm .tab-box .tab-list .u6 li .name span { display: block; font-size: 18px; color: #333; font-weight: 600; margin-right: 0; } .xy-lxwm .tab-box .tab-list .u6 li .zw { font-size: 14px; margin-top: 15px; text-align: center; } .xy-lxwm .tab-box .tab-list .u6 li .ad { margin-top: 15px; height: 140px; word-break: break-all; } .xy-lxwm .tab-box .tab-list .u6 li .ad p { font-size: 12px; } .xy-lxwm .tab-box .tab-list .u6 li .ad p i { color: #01478e; } .xy-lxwm .tab-box .tab-list .u6 li:nth-child(2n) { margin-right: 0; } .xy-lxwm .tab-box .tab-list .u7 { display: none; } .xy-lxwm .tab-box .tab-list .u7.on { display: block; } .xy-lxwm .tab-box .tab-list .u7 li { float: left; width: 48%; height: 440px; padding: 10px; border: 1px solid #d9d9d9; margin-right: 4%; margin-bottom: 30px; } .xy-lxwm .tab-box .tab-list .u7 li .imgk { max-width: 150px; width: 100%; height: 200px; margin: 0 auto; } .xy-lxwm .tab-box .tab-list .u7 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .xy-lxwm .tab-box .tab-list .u7 li .name { text-align: center; font-size: 14px; margin-top: 20px; color: #01478e; font-weight: 600; } .xy-lxwm .tab-box .tab-list .u7 li .name span { font-size: 18px; color: #333; font-weight: 600; } .xy-lxwm .tab-box .tab-list .u7 li .zw { text-align: center; font-size: 14px; margin-top: 15px; } .xy-lxwm .tab-box .tab-list .u7 li .ad { margin-top: 15px; height: 150px; word-break: break-all; /*婊氬姩鏉℃牱寮?/ } .xy-lxwm .tab-box .tab-list .u7 li .ad p { font-size: 12px; } .xy-lxwm .tab-box .tab-list .u7 li .ad p i { color: #01478e; } .xy-lxwm .tab-box .tab-list .u7 li .ad::-webkit-scrollbar { width: 3px; height: 3px; position: absolute; right: 0; } .xy-lxwm .tab-box .tab-list .u7 li .ad::-webkit-scrollbar-thumb { /* border-radius: 10px; */ background: rgba(102, 102, 102, 0.7); border-radius: 2px; } .xy-lxwm .tab-box .tab-list .u7 li .ad::-webkit-scrollbar-track { background: #fff; } .xy-lxwm .tab-box .tab-list .u7 li:nth-child(2n) { margin-right: 0; } .xy-lxwm .tab-box .tab2 { width: 100%; display: flex; align-items: center; margin-bottom: 30px; margin-top: 10px; } .xy-lxwm .tab-box .tab2 .tab-item { width: 34%; height: 50px; line-height: 50px; text-align: left; font-size: 10px; padding: 0 15px; background-color: #f5f5f5; } .xy-lxwm .tab-box .tab2 .tab-item.on { color: #fff; font-weight: 600; background-color: #01478e; cursor: pointer; } } @media only screen and (min-width: 1430px) { .xy-xyld .u8 li { float: left; width: 400px; height: 654px; padding: 18px 48px; border: 1px solid #d9d9d9; margin-right: 130px; margin-bottom: 50px; } .xy-xyld .u8 li .imgk { width: 100%; height: 397px; } .xy-xyld .u8 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .xy-xyld .u8 li .name { font-size: 16px; margin-top: 30px; font-weight: 600; } .xy-xyld .u8 li .name span { font-size: 20px; color: #023d7e; font-weight: 600; margin-right: 25px; } .xy-xyld .u8 li .zw { font-size: 18px; margin-top: 15px; } .xy-xyld .u8 li .ad { margin-top: 25px; word-break: break-all; } .xy-xyld .u8 li .ad p { font-size: 16px; margin-bottom: 5px; } .xy-xyld .u8 li .ad p i { color: #01478e; } .xy-xyld .u8 li:nth-child(2n) { margin-right: 0; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .xy-xyld .u8 li { float: left; width: 4rem; height: 6.54rem; padding: 0.18rem 0.47rem; border: 1px solid #d9d9d9; margin-right: 1.3rem; margin-bottom: 0.5rem; } .xy-xyld .u8 li .imgk { width: 100%; height: 3.97rem; } .xy-xyld .u8 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .xy-xyld .u8 li .name { font-size: 0.16rem; margin-top: 0.3rem; font-weight: 600; } .xy-xyld .u8 li .name span { font-size: 0.2rem; color: #023d7e; font-weight: 600; margin-right: 0.25rem; } .xy-xyld .u8 li .zw { font-size: 0.18rem; margin-top: 0.18rem; } .xy-xyld .u8 li .ad { margin-top: 0.25rem; word-break: break-all; } .xy-xyld .u8 li .ad p { font-size: 0.16rem; margin-bottom: 0.05rem; } .xy-xyld .u8 li .ad p i { color: #01478e; } .xy-xyld .u8 li:nth-child(2n) { margin-right: 0; } } @media only screen and (max-width: 800px) { .xy-xyld .u8 li { float: left; width: 48%; height: 654px; padding: 18px; border: 1px solid #d9d9d9; margin-right: 4%; margin-bottom: 30px; } .xy-xyld .u8 li .imgk { width: 300px; height: 400px; margin: 0 auto; } .xy-xyld .u8 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .xy-xyld .u8 li .name { font-size: 16px; margin-top: 30px; font-weight: 600; text-align: center; } .xy-xyld .u8 li .name span { font-size: 20px; color: #023d7e; font-weight: 600; } .xy-xyld .u8 li .zw { font-size: 18px; margin-top: 15px; text-align: center; } .xy-xyld .u8 li .ad { margin-top: 25px; word-break: break-all; } .xy-xyld .u8 li .ad p { font-size: 16px; margin-bottom: 5px; } .xy-xyld .u8 li .ad p i { color: #01478e; } .xy-xyld .u8 li:nth-child(2n) { margin-right: 0; } } @media only screen and (max-width: 800px) { .xy-xyld .u8 li { float: left; width: 48%; height: 425px; padding: 10px; border: 1px solid #d9d9d9; margin-right: 4%; margin-bottom: 30px; } .xy-xyld .u8 li .imgk { width: 100%; max-width: 150px; height: 200px; margin: 0 auto; } .xy-xyld .u8 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .xy-xyld .u8 li .name { font-size: 16px; margin-top: 20px; font-weight: 600; text-align: center; } .xy-xyld .u8 li .name span { font-size: 18px; color: #023d7e; font-weight: 600; } .xy-xyld .u8 li .zw { font-size: 14px; margin-top: 15px; text-align: center; } .xy-xyld .u8 li .ad { margin-top: 15px; word-break: break-all; } .xy-xyld .u8 li .ad p { font-size: 12px; margin-bottom: 5px; } .xy-xyld .u8 li .ad p i { color: #01478e; } .xy-xyld .u8 li:nth-child(2n) { margin-right: 0; } } @media only screen and (min-width: 1430px) { .xy-xksz .js_list2 { margin-bottom: 30px; } .xy-xksz .js_list2 li { margin-bottom: 30px; width: 100%; float: left; border: 1px solid #dddddd; } .xy-xksz .js_list2 li:last-child { margin-bottom: 0; } .xy-xksz .js_list2 .bt { display: block; width: 100%; padding-left: 40px; line-height: 60px; background: #eceded; font-size: 20px; position: relative; font-weight: 400; transition: all 0.5; } .xy-xksz .js_list2 .bt:after { content: ''; background: url(../img/icon-sz2.png) no-repeat center; position: absolute; height: 60px; width: 40px; line-height: 60px; right: 40px; top: 0px; } .xy-xksz .js_list2 .bt:hover, .xy-xksz .js_list2 .bt.on { color: #fff; background-color: #01478e; } .xy-xksz .js_list2 .bt.on:after { background: url(../img/icon-sz.png) no-repeat center; } .xy-xksz .js_list2 .nr { font-size: 16px; padding: 25px 40px; display: none; background-color: #fff; width: 100%; overflow-x: auto; line-height: 26px; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .xy-xksz .js_list2 { margin-bottom: 0.3rem; } .xy-xksz .js_list2 li { margin-bottom: 0.3rem; width: 100%; float: left; border: 1px solid #dddddd; } .xy-xksz .js_list2 li:last-child { margin-bottom: 0; } .xy-xksz .js_list2 .bt { display: block; width: 100%; padding-left: 0.4rem; line-height: 0.6rem; background: #eceded; font-size: 0.2rem; position: relative; font-weight: 400; transition: all 0.5; } .xy-xksz .js_list2 .bt:after { content: ''; background: url(../img/icon-sz2.png) no-repeat center; position: absolute; background-size: 0.15rem; height: 0.6rem; width: 0.4rem; line-height: 0.6rem; right: 0.4rem; top: 0px; } .xy-xksz .js_list2 .bt:hover, .xy-xksz .js_list2 .bt.on { color: #fff; background-color: #01478e; } .xy-xksz .js_list2 .bt.on:after { background: url(../img/icon-sz.png) no-repeat center; } .xy-xksz .js_list2 .nr { font-size: 0.16rem; padding: 0.25rem 0.4rem; display: none; background-color: #fff; width: 100%; overflow-x: auto; line-height: 0.26rem; } } @media only screen and (max-width: 800px) { .xy-xksz .js_list2 { margin-bottom: 30px; } .xy-xksz .js_list2 li { margin-bottom: 30px; width: 100%; float: left; border: 1px solid #dddddd; } .xy-xksz .js_list2 li:last-child { margin-bottom: 0; } .xy-xksz .js_list2 .bt { display: block; width: 100%; padding-left: 40px; line-height: 60px; background: #eceded; font-size: 20px; position: relative; font-weight: 400; transition: all 0.5; } .xy-xksz .js_list2 .bt:after { content: ''; background: url(../img/icon-sz2.png) no-repeat center; position: absolute; height: 60px; width: 40px; line-height: 60px; right: 25px; top: 0px; } .xy-xksz .js_list2 .bt:hover, .xy-xksz .js_list2 .bt.on { color: #fff; background-color: #01478e; } .xy-xksz .js_list2 .bt.on:after { background: url(../img/icon-sz.png) no-repeat center; } .xy-xksz .js_list2 .nr { font-size: 16px; padding: 25px 40px; display: none; background-color: #fff; width: 100%; overflow-x: auto; line-height: 26px; } } @media only screen and (max-width: 800px) { .xy-xksz .js_list2 { margin-bottom: 30px; } .xy-xksz .js_list2 li { margin-bottom: 0.3rem; width: 100%; float: left; border: 1px solid #dddddd; } .xy-xksz .js_list2 li:last-child { margin-bottom: 0; } .xy-xksz .js_list2 .bt { display: block; width: 100%; padding-left: 15px; line-height: 50px; background: #eceded; font-size: 18px; position: relative; font-weight: 400; transition: all 0.5; } .xy-xksz .js_list2 .bt:after { content: ''; background: url(../img/icon-sz2.png) no-repeat center; position: absolute; height: 50px; width: 40px; line-height: 50px; right: 10px; top: 0px; } .xy-xksz .js_list2 .bt:hover, .xy-xksz .js_list2 .bt.on { color: #fff; background-color: #01478e; } .xy-xksz .js_list2 .bt.on:after { background: url(../img/icon-sz.png) no-repeat center; } .xy-xksz .js_list2 .nr { font-size: 16px; padding: 15px; display: none; background-color: #fff; width: 100%; overflow-x: auto; line-height: 26px; } } @media only screen and (min-width: 1430px) { .xy-yxsz { background: url(../img/nybg2.jpg) no-repeat center; background-position: bottom center; background-size: 100% auto; padding-bottom: 70px; } .u19 li { float: left; width: 329px; height: 142px; border-top: 3px solid #01478e; transition: all 0.5s; position: relative; box-shadow: 0 0 5px 3px rgba(11, 77, 162, 0.1); margin-right: 40px; margin-bottom: 35px; background-color: #fff; } .u19 li a { padding: 26px 30px; display: block; width: 100%; height: 100%; } .u19 li .name { font-size: 24px; transition: all 0.5s; } .u19 li i { position: absolute; right: 0; bottom: 0; display: block; width: 173px; height: 42px; background: url(../img/icon-sz4.png) no-repeat center; transition: all 0.5s; } .u19 li:hover { background-color: #01478e; } .u19 li:hover .name { color: #fff; } .u19 li:hover i { right: 36px; bottom: 50px; display: block; width: 24px; height: 8px; background: url(../img/icon-sz3.png) no-repeat center; } .u19 li:nth-child(3n) { margin-right: 0; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .xy-yxsz { background: url(../img/nybg2.jpg) no-repeat center; background-position: bottom center; background-size: 100% auto; padding-bottom: 0.7rem; } .u19 li { float: left; width: 3.29rem; height: 1.42rem; border-top: 0.03rem solid #01478e; transition: all 0.5s; position: relative; box-shadow: 0 0 5px 3px rgba(11, 77, 162, 0.1); margin-right: 0.4rem; margin-bottom: 0.35rem; background-color: #fff; } .u19 li a { padding: 0.26rem 0.3rem; display: block; width: 100%; height: 100%; } .u19 li .name { font-size: 0.24rem; transition: all 0.5s; } .u19 li i { position: absolute; right: 0; bottom: 0; display: block; width: 1.73rem; height: 0.42rem; background: url(../img/icon-sz4.png) no-repeat center; transition: all 0.5s; } .u19 li:hover { background-color: #01478e; } .u19 li:hover .name { color: #fff; } .u19 li:hover i { right: 0.36rem; bottom: 0.5rem; display: block; width: 0.24rem; height: 0.08rem; background: url(../img/icon-sz3.png) no-repeat center; background-size: contain; } .u19 li:nth-child(3n) { margin-right: 0; } } @media only screen and (max-width: 800px) { .xy-yxsz { background: url(../img/nybg2.jpg) no-repeat center; background-position: bottom center; background-size: 100% auto; padding-bottom: 50px; } .u19 li { float: left; width: 48%; height: 120px; border-top: 3px solid #01478e; transition: all 0.5s; position: relative; box-shadow: 0 0 5px 3px rgba(11, 77, 162, 0.1); margin-right: 4%; margin-bottom: 25px; background-color: #fff; } .u19 li a { padding: 26px 30px; display: block; width: 100%; height: 100%; } .u19 li .name { font-size: 20px; transition: all 0.5s; } .u19 li i { position: absolute; right: 0; bottom: 0; display: block; width: 130px; height: 30px; background: url(../img/icon-sz4.png) no-repeat center; transition: all 0.5s; } .u19 li:hover { background-color: #01478e; } .u19 li:hover .name { color: #fff; } .u19 li:hover i { right: 30px; bottom: 30px; display: block; width: 24px; height: 8px; background: url(../img/icon-sz3.png) no-repeat center; } .u19 li:nth-child(2n) { margin-right: 0; } } @media only screen and (max-width: 800px) { .xy-yxsz { background: url(../img/nybg2.jpg) no-repeat center; background-position: bottom center; background-size: 100% auto; padding-bottom: 50px; } .u19 li { float: left; width: 48%; height: 120px; border-top: 3px solid #01478e; transition: all 0.5s; position: relative; box-shadow: 0 0 5px 3px rgba(11, 77, 162, 0.1); margin-right: 4%; margin-bottom: 25px; background-color: #fff; } .u19 li a { padding: 26px 30px; display: block; width: 100%; height: 100%; } .u19 li .name { font-size: 20px; transition: all 0.5s; } .u19 li i { position: absolute; right: 0; bottom: 0; display: block; width: 130px; height: 30px; background: url(../img/icon-sz4.png) no-repeat center; transition: all 0.5s; } .u19 li:hover { background-color: #01478e; } .u19 li:hover .name { color: #fff; } .u19 li:hover i { right: 30px; bottom: 30px; display: block; width: 24px; height: 8px; background: url(../img/icon-sz3.png) no-repeat center; } .u19 li:nth-child(2n) { margin-right: 0; } } @media only screen and (min-width: 1430px) { .xy-xxgk .tab { display: flex; align-items: center; border-bottom: 1px solid #d9d9d9; margin-bottom: 45px; } .xy-xxgk .tab .tab-item { cursor: pointer; font-size: 20px; margin-right: 120px; height: 45px; } .xy-xxgk .tab .tab-item.on { font-weight: 600; color: #01478e; border-bottom: 4px solid #01478e; } .xy-xxgk .tab-box .tab-list { display: none; } .xy-xxgk .tab-box .tab-list.on { display: block; } .u9 { margin-bottom: 40px; } .u9 li { border-bottom: 1px solid #dadada; } .u9 li a { display: flex; align-items: center; height: 86px; } .u9 li i { background: url(../img/icon-li2.png) no-repeat center; display: block; width: 12px; height: 12px; margin-left: 22px; margin-right: 15px; } .u9 li .name { font-size: 18px; width: 100%; padding-right: 17px; flex: 1; } .u9 li .time { font-size: 16px; padding-right: 17px; } .u9 li:hover { border-bottom: 1px solid #01478e; background: #01478e; } .u9 li:hover .name { color: #fff; } .u9 li:hover .time { color: #fff; } .u9 li:hover i { background: url(../img/icon-li1.png) no-repeat center; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .xy-xxgk .tab { display: flex; align-items: center; border-bottom: 1px solid #d9d9d9; margin-bottom: 0.45rem; } .xy-xxgk .tab .tab-item { cursor: pointer; font-size: 0.2rem; margin-right: 1.2rem; height: 0.45rem; } .xy-xxgk .tab .tab-item.on { font-weight: 600; color: #01478e; border-bottom: 0.04rem solid #01478e; } .xy-xxgk .tab-box .tab-list { display: none; } .xy-xxgk .tab-box .tab-list.on { display: block; } .u9 { margin-bottom: 0.4rem; } .u9 li { border-bottom: 1px solid #dadada; } .u9 li a { display: flex; align-items: center; height: 0.86rem; } .u9 li i { background: url(../img/icon-li2.png) no-repeat center; background-size: contain; display: block; width: 0.12rem; height: 0.12rem; margin-left: 0.22rem; margin-right: 0.15rem; } .u9 li .name { font-size: 0.18rem; width: 100%; padding-right: 0.17rem; flex: 1; } .u9 li .time { font-size: 0.16rem; padding-right: 0.17rem; } .u9 li:hover { border-bottom: 1px solid #01478e; background: #01478e; } .u9 li:hover .name { color: #fff; } .u9 li:hover .time { color: #fff; } .u9 li:hover i { background: url(../img/icon-li1.png) no-repeat center; background-size: contain; } } @media only screen and (max-width: 800px) { .xy-xxgk .tab { display: flex; align-items: center; border-bottom: 1px solid #d9d9d9; margin-bottom: 45px; } .xy-xxgk .tab .tab-item { cursor: pointer; font-size: 18px; margin-right: 80px; height: 45px; } .xy-xxgk .tab .tab-item.on { font-weight: 600; color: #01478e; border-bottom: 4px solid #01478e; } .xy-xxgk .tab-box .tab-list { display: none; } .xy-xxgk .tab-box .tab-list.on { display: block; } .u9 { margin-bottom: 40px; } .u9 li { border-bottom: 1px solid #dadada; } .u9 li a { display: flex; align-items: center; height: 86px; } .u9 li i { background: url(../img/icon-li2.png) no-repeat center; display: block; width: 12px; height: 12px; margin-left: 22px; margin-right: 15px; } .u9 li .name { font-size: 18px; width: 100%; padding-right: 17px; flex: 1; } .u9 li .time { font-size: 16px; padding-right: 17px; } .u9 li:hover { border-bottom: 1px solid #01478e; background: #01478e; } .u9 li:hover .name { color: #fff; } .u9 li:hover .time { color: #fff; } .u9 li:hover i { background: url(../img/icon-li1.png) no-repeat center; } } @media only screen and (max-width: 800px) { .xy-xxgk .tab { display: flex; align-items: center; border-bottom: 1px solid #d9d9d9; margin-bottom: 20px; } .xy-xxgk .tab .tab-item { cursor: pointer; font-size: 16px; margin-right: 40px; height: 45px; } .xy-xxgk .tab .tab-item.on { font-weight: 600; color: #01478e; border-bottom: 4px solid #01478e; } .xy-xxgk .tab-box .tab-list { display: none; } .xy-xxgk .tab-box .tab-list.on { display: block; } .u9 { margin-bottom: 30px; } .u9 li { border-bottom: 1px solid #dadada; } .u9 li a { display: flex; align-items: center; height: 70px; } .u9 li i { background: url(../img/icon-li2.png) no-repeat center; display: block; width: 12px; height: 12px; margin-left: 15px; margin-right: 15px; } .u9 li .name { font-size: 16px; width: 100%; padding-right: 10px; flex: 1; } .u9 li .time { font-size: 14px; padding-right: 10px; } .u9 li:hover { border-bottom: 1px solid #01478e; background: #01478e; } .u9 li:hover .name { color: #fff; } .u9 li:hover .time { color: #fff; } .u9 li:hover i { background: url(../img/icon-li1.png) no-repeat center; } } @media only screen and (min-width: 1430px) { .swiper-lm { width: 100%; position: relative; float: left; margin-bottom: 40px; font-size: 0px; } .swiper-lm .swiper-lm-container { width: 100%; float: left; overflow: hidden; } .swiper-lm .swiper-slide { width: auto; position: relative; display: inline-block; } .swiper-lm .swiper-slide a { display: inline-block; font-size: 20px; margin-right: 70px; height: 55px; line-height: 55px; width: auto; } .swiper-lm .swiper-slide a.on { font-weight: 600; color: #01478e; border-bottom: 4px solid #01478e; } .swiper-lm-button-next, .swiper-lm-button-prev { width: 25px !important; height: 55px !important; background: url("../img/icon-sz5.png") #fff center no-repeat !important; outline: none; top: 0px !important; margin: 0 !important; } .swiper-lm-button-next { right: 0px !important; } .swiper-lm-button-prev { left: 0px !important; transform: rotate(180deg) !important; } .swiper-button-disabled { opacity: 0 !important; } .xy-xz-tzgg .tab { width: 100%; border-bottom: 1px solid #d9d9d9; } .xy-xz-tzgg .tab-box .tab-list { display: none; } .xy-xz-tzgg .tab-box .tab-list.on { display: block; } .swiper-lm.tab { width: 100%; border-bottom: 1px solid #d9d9d9; } .u10 { margin-bottom: 40px; } .u10 li { border-bottom: 1px solid #e6e6e6; } .u10 li a { height: 103px; display: flex; align-items: center; } .u10 li .time { height: 63px; width: 63px; text-align: center; color: #fff; background: #01478e; padding-top: 10px; } .u10 li .time p { font-size: 24px; } .u10 li .time span { font-size: 14px; } .u10 li .name { width: 100%; flex: 1; padding-left: 32px; padding-right: 15px; font-size: 18px; font-weight: 600; } .u10 li:hover .name { color: #01478e; } .ny-ss { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } .ny-ss .sel { width: 263px; height: 54px; } .ny-ss .sel select { width: 100%; height: 54px; border: 0; font-size: 16px; border: 1px solid #cccccc; outline: none; padding: 0 10px; } .ny-ss .ss-ipt { width: 557px; border: 1px solid #cccccc; padding: 0 18px; font-size: 16px; height: 54px; } .ny-ss .ss-ipt input { width: 100%; height: 54px; font-size: 16px; color: #333; } .ny-ss .ss-btn { width: 210px; height: 54px; line-height: 54px; border-radius: 5px; color: #fff; background-color: #01478e; font-size: 18px; text-align: center; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .swiper-lm { width: 100%; position: relative; float: left; margin-bottom: 0.4rem; font-size: 0px; } .swiper-lm .swiper-lm-container { width: 100%; float: left; overflow: hidden; } .swiper-lm .swiper-slide { width: auto; position: relative; display: inline-block; } .swiper-lm .swiper-slide a { display: inline-block; font-size: 0.2rem; margin-right: 0.7rem; height: 0.55rem; line-height: 0.55rem; width: auto; } .swiper-lm .swiper-slide a.on { font-weight: 600; color: #01478e; border-bottom: 0.04rem solid #01478e; } .swiper-lm-button-next, .swiper-lm-button-prev { width: 0.25rem !important; height: 0.55rem !important; background: url("../img/icon-sz5.png") #fff center no-repeat !important; outline: none; top: 0px !important; margin: 0 !important; } .swiper-lm-button-next { right: 0px !important; } .swiper-lm-button-prev { left: 0px !important; transform: rotate(180deg) !important; } .swiper-button-disabled { opacity: 0 !important; } .xy-xz-tzgg .tab { width: 100%; border-bottom: 1px solid #d9d9d9; } .xy-xz-tzgg .tab-box .tab-list { display: none; } .xy-xz-tzgg .tab-box .tab-list.on { display: block; } .swiper-lm.tab { width: 100%; border-bottom: 1px solid #d9d9d9; } .u10 { margin-bottom: 0.4rem; } .u10 li { border-bottom: 1px solid #e6e6e6; } .u10 li a { min-height: 1.03rem; display: flex; align-items: center; } .u10 li .time { min-height: 0.63rem; width: 63px; text-align: center; color: #fff; background: #01478e; padding-top: 0.1rem; padding-bottom: 0.1rem; } .u10 li .time p { font-size: 0.24rem; } .u10 li .time span { font-size: 0.14rem; } .u10 li .name { width: 100%; flex: 1; padding-left: 0.32rem; padding-right: 0.15rem; font-size: 0.18rem; font-weight: 600; } .u10 li:hover .name { color: #01478e; } .ny-ss { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.3rem; } .ny-ss .sel { width: 2.63rem; height: 0.54rem; } .ny-ss .sel select { width: 100%; height: 0.54rem; border: 0; font-size: 0.16rem; border: 1px solid #cccccc; outline: none; padding: 0 0.1rem; } .ny-ss .ss-ipt { width: 5.57rem; border: 1px solid #cccccc; padding: 0 0.18rem; font-size: 0.16rem; height: 0.54rem; } .ny-ss .ss-ipt input { width: 100%; height: 0.54rem; font-size: 0.16rem; color: #333; } .ny-ss .ss-btn { width: 2.1rem; height: 0.54rem; line-height: 0.54rem; border-radius: 0.05rem; color: #fff; background-color: #01478e; font-size: 0.18rem; text-align: center; } } @media only screen and (max-width: 800px) { .swiper-lm { width: 100%; position: relative; float: left; margin-bottom: 25px; font-size: 0px; } .swiper-lm .swiper-lm-container { width: 100%; float: left; overflow: hidden; } .swiper-lm .swiper-slide { width: auto; position: relative; display: inline-block; } .swiper-lm .swiper-slide a { display: inline-block; font-size: 15px; margin-right: 60px; height: 55px; line-height: 55px; width: auto; } .swiper-lm .swiper-slide a.on { font-weight: 600; color: #01478e; border-bottom: 4px solid #01478e; } .swiper-lm-button-next, .swiper-lm-button-prev { width: 25px !important; height: 55px !important; background: url("../img/icon-sz5.png") #fff center no-repeat !important; outline: none; top: 0px !important; margin: 0 !important; } .swiper-lm-button-next { right: 0px !important; } .swiper-lm-button-prev { left: 0px !important; transform: rotate(180deg) !important; } .swiper-button-disabled { opacity: 0 !important; } .xy-xz-tzgg .tab { width: 100%; border-bottom: 1px solid #d9d9d9; } .xy-xz-tzgg .tab-box .tab-list { display: none; } .xy-xz-tzgg .tab-box .tab-list.on { display: block; } .swiper-lm.tab { width: 100%; border-bottom: 1px solid #d9d9d9; } .u10 { margin-bottom: 30px; } .u10 li { border-bottom: 1px solid #e6e6e6; } .u10 li a { height: 103px; display: flex; align-items: center; } .u10 li .time { height: 63px; width: 63px; text-align: center; color: #fff; background: #01478e; padding-top: 10px; } .u10 li .time p { font-size: 24px; } .u10 li .time span { font-size: 14px; } .u10 li .name { width: 100%; flex: 1; padding-left: 32px; padding-right: 15px; font-size: 18px; font-weight: 600; } .u10 li:hover .name { color: #01478e; } .ny-ss { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } .ny-ss .sel { width: 20%; height: 54px; } .ny-ss .sel select { width: 100%; height: 54px; border: 0; font-size: 16px; border: 1px solid #cccccc; outline: none; padding: 0 10px; } .ny-ss .ss-ipt { width: 55%; border: 1px solid #cccccc; padding: 0 18px; font-size: 16px; height: 54px; } .ny-ss .ss-ipt input { width: 100%; height: 54px; font-size: 16px; color: #333; } .ny-ss .ss-btn { width: 20%; height: 54px; line-height: 54px; border-radius: 5px; color: #fff; background-color: #01478e; font-size: 18px; text-align: center; } } @media only screen and (max-width: 800px) { .swiper-lm { width: 100%; position: relative; float: left; margin-bottom: 25px; font-size: 0px; } .swiper-lm .swiper-lm-container { width: 100%; float: left; overflow: hidden; } .swiper-lm .swiper-slide { width: auto; position: relative; display: inline-block; } .swiper-lm .swiper-slide a { display: inline-block; font-size: 16px; margin-right: 30px; height: 55px; line-height: 55px; width: auto; } .swiper-lm .swiper-slide a.on { font-weight: 600; color: #01478e; border-bottom: 4px solid #01478e; } .swiper-lm-button-next, .swiper-lm-button-prev { width: 25px !important; height: 55px !important; background: url("../img/icon-sz5.png") #fff center no-repeat !important; outline: none; top: 0px !important; margin: 0 !important; } .swiper-lm-button-next { right: 0px !important; } .swiper-lm-button-prev { left: 0px !important; transform: rotate(180deg) !important; } .swiper-button-disabled { opacity: 0 !important; } .xy-xz-tzgg .tab { width: 100%; } .xy-xz-tzgg .tab-box .tab-list { display: none; } .xy-xz-tzgg .tab-box .tab-list.on { display: block; } .swiper-lm.tab { width: 100%; border-bottom: 1px solid #d9d9d9; } .u10 { margin-bottom: 30px; } .u10 li { border-bottom: 1px solid #e6e6e6; } .u10 li a { height: 103px; display: flex; align-items: center; } .u10 li .time { height: 63px; width: 63px; text-align: center; color: #fff; background: #01478e; padding-top: 10px; } .u10 li .time p { font-size: 22px; } .u10 li .time span { font-size: 12px; } .u10 li .name { width: 100%; flex: 1; padding-left: 15px; padding-right: 15px; font-size: 16px; font-weight: 400; } .u10 li:hover .name { color: #01478e; } .ny-ss { display: block; margin-bottom: 30px; } .ny-ss .sel { width: 100%; height: 40px; margin-bottom: 5px; } .ny-ss .sel select { width: 100%; height: 40px; border: 0; font-size: 16px; border: 1px solid #cccccc; outline: none; padding: 0 10px; } .ny-ss .ss-ipt { width: 100%; margin-bottom: 5px; border: 1px solid #cccccc; padding: 0 18px; font-size: 16px; height: 40px; } .ny-ss .ss-ipt input { width: 100%; height: 40px; font-size: 16px; color: #333; } .ny-ss .ss-btn { width: 100%; height: 40px; line-height: 40px; border-radius: 5px; color: #fff; background-color: #01478e; font-size: 16px; text-align: center; } } @media only screen and (min-width: 1430px) { .u11 { margin-bottom: 40px; } .u11 li { margin-bottom: 30px; } .u11 li a { height: 93px; display: flex; align-items: center; background: #f5f5f5; } .u11 li .name { width: 100%; flex: 11; padding-left: 50px; padding-right: 15px; font-size: 18px; font-weight: 600; } .u11 li:hover .name { color: #01478e; } .u11 li .load { padding-right: 40px; text-align: right; flex: 1; } .u11 li .load img { width: 25px; height: 25px; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .u11 { margin-bottom: 0.4rem; } .u11 li { margin-bottom: 0.3rem; } .u11 li a { height: 0.93rem; display: flex; align-items: center; background: #f5f5f5; } .u11 li .name { width: 100%; flex: 11; padding-left: 0.5rem; padding-right: 0.15rem; font-size: 0.18rem; font-weight: 600; } .u11 li:hover .name { color: #01478e; } .u11 li .load { padding-right: 0.4rem; text-align: right; flex: 1; } .u11 li .load img { width: 0.25rem; height: 0.25rem; } } @media only screen and (max-width: 800px) { .u11 { margin-bottom: 40px; } .u11 li { margin-bottom: 30px; } .u11 li a { height: 93px; display: flex; align-items: center; background: #f5f5f5; } .u11 li .name { width: 100%; flex: 11; padding-left: 50px; padding-right: 15px; font-size: 18px; font-weight: 600; } .u11 li:hover .name { color: #01478e; } .u11 li .load { padding-right: 40px; text-align: right; flex: 1; } .u11 li .load img { width: 25px; height: 25px; } } @media only screen and (max-width: 800px) { .u11 { margin-bottom: 40px; } .u11 li { margin-bottom: 0.3rem; } .u11 li a { height: 75px; display: flex; align-items: center; background: #f5f5f5; } .u11 li .name { width: 100%; flex: 11; padding-left: 15px; padding-right: 15px; font-size: 16px; font-weight: 400; } .u11 li:hover .name { color: #01478e; } .u11 li .load { padding-right: 20px; text-align: right; flex: 1; } .u11 li .load img { width: 20px; height: 20px; } } @media only screen and (min-width: 1430px) { .u12 li { width: 323px; height: 398px; float: left; margin-right: 50px; margin-bottom: 40px; } .u12 li a { display: block; width: 100%; height: 100%; border: 1px solid #e8e8e8; } .u12 li .imgk { width: 300px; height: 224px; margin: 12px; } .u12 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .u12 li .tit { font-size: 18px; position: relative; margin-top: 25px; margin-right: 15px; padding-left: 30px; transition: all 0.5; } .u12 li .tit::after { content: ''; width: 4px; height: 41px; position: absolute; background: #bc261a; left: 0px; top: 0; } .u12 li .time { padding-left: 30px; font-size: 14px; color: #666666; margin-top: 30px; } .u12 li:nth-child(3n) { margin-right: 0; } .u12 li:hover .tit { color: #bc261a; } .u12 li a:hover { color: #bc261a; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .u12 li { width: 3.23rem; height: 3.98rem; float: left; margin-right: 0.5rem; margin-bottom: 0.4rem; } .u12 li a { display: block; width: 100%; height: 100%; border: 1px solid #e8e8e8; } .u12 li .imgk { width: 3rem; height: 2.24rem; margin: 0.12rem; } .u12 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .u12 li .tit { font-size: 0.18rem; position: relative; margin-top: 0.25rem; margin-right: 0.15rem; padding-left: 0.3rem; transition: all 0.5; } .u12 li .tit::after { content: ''; width: 0.04rem; height: 0.41rem; position: absolute; background: #bc261a; left: 0px; top: 0; } .u12 li .time { padding-left: 0.3rem; font-size: 0.14rem; color: #666666; margin-top: 0.3rem; } .u12 li:nth-child(3n) { margin-right: 0; } .u12 li:hover .tit { color: #bc261a; } .u12 li a:hover { color: #bc261a; } } @media only screen and (max-width: 800px) { .u12 li { width: 32%; height: auto; float: left; margin-right: 2%; margin-bottom: 20px; } .u12 li a { display: block; width: 100%; height: 100%; border: 1px solid #e8e8e8; padding-bottom: 20px; } .u12 li .imgk { width: 94%; height: 20vw; margin: 3%; } .u12 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .u12 li .tit { font-size: 16px; position: relative; margin-top: 20px; margin-right: 10px; padding-left: 20px; transition: all 0.5; height: 41px; } .u12 li .tit::after { content: ''; width: 4px; height: 41px; position: absolute; background: #bc261a; left: 0px; top: 0; } .u12 li .time { padding-left: 20px; font-size: 14px; color: #666666; margin-top: 20px; } .u12 li:nth-child(3n) { margin-right: 0; } .u12 li:hover .tit { color: #bc261a; } .u12 li a:hover { color: #bc261a; } } @media only screen and (max-width: 800px) { .u12 li { width: 48%; height: auto; float: left; margin-right: 4%; margin-bottom: 20px; } .u12 li a { display: block; width: 100%; height: 100%; border: 1px solid #e8e8e8; padding-bottom: 15px; } .u12 li .imgk { width: 94%; height: 31vw; margin: 3%; } .u12 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .u12 li .tit { font-size: 16px; position: relative; margin-top: 20px; margin-right: 10px; padding-left: 20px; transition: all 0.5; height: 42px; line-height: 21px; } .u12 li .tit::after { content: ''; width: 4px; height: 41px; position: absolute; background: #bc261a; left: 0px; top: 0; } .u12 li .time { padding-left: 20px; font-size: 14px; color: #666666; margin-top: 20px; } .u12 li:nth-child(3n) { margin-right: 4%; } .u12 li:nth-child(2n) { margin-right: 0; } .u12 li:hover .tit { color: #bc261a; } .u12 li a:hover { color: #bc261a; } } @media only screen and (min-width: 1430px) { .cont-txt .tit { text-align: center; margin: 0 110px; margin-bottom: 15px; font-size: 24px; } .cont-txt .tit2 { text-align: center; margin: 0 110px; margin-bottom: 26px; font-size: 20px; } .cont-txt .line { width: 100%; border-bottom: 1px solid #e6e6e6; } .cont-txt .jj { font-size: 16px; color: #999999; text-align: center; margin-top: 15px; } .cont-txt .nr { padding: 50px 0; } .cont-txt .nr a { color: #01478e; text-decoration: underline; } .cont-txt .nr p { font-size: 18px; line-height: 30px; } .cont-txt .nr .p-img { text-align: center; text-indent: 0; } .cont-txt .nr img { /* margin: 40px auto; */ } .cont-txt .sgd { margin-top: 50px; font-size: 16px; line-height: 30px; } .cont-txt .sgd .lk { width: 80%; } .cont-txt .sgd .ab_fx { float: right; width: 142px; height: 36px; margin-top: -30px; border: 1px solid #e6e6e6; background: #f5f5f5; text-align: center; line-height: 36px; } .cont-txt .sgd .ab_fx a { display: block; width: 100%; height: 100%; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .cont-txt .tit { text-align: center; margin: 0 1.1rem; margin-bottom: 0.15rem; font-size: 0.24rem; } .cont-txt .tit2 { text-align: center; margin: 0 1.1rem; margin-bottom: .26rem; font-size: .2rem; } .cont-txt .line { width: 100%; border-bottom: 1px solid #e6e6e6; } .cont-txt .jj { font-size: 0.16rem; color: #999999; text-align: center; margin-top: 0.15rem; } .cont-txt .nr { padding: 0.5rem 0; } .cont-txt .nr a { color: #01478e; text-decoration: underline; } .cont-txt .nr p { font-size: 0.18rem; line-height: 0.3rem; } .cont-txt .nr .p-img { text-align: center; text-indent: 0; } .cont-txt .nr img { /* margin: 0.4rem auto; */ } .cont-txt .sgd { margin-top: 0.5rem; font-size: 0.16rem; line-height: 0.3rem; } .cont-txt .sgd .lk { width: 80%; } .cont-txt .sgd .ab_fx { float: right; width: 1.42rem; height: 0.36rem; margin-top: -0.3rem; border: 1px solid #e6e6e6; background: #f5f5f5; text-align: center; line-height: 0.36rem; } .cont-txt .sgd .ab_fx a { display: block; width: 100%; height: 100%; } } @media only screen and (max-width: 800px) { .cont-txt .tit { text-align: center; margin: 0 50px; margin-bottom: 15px; font-size: 20px; } .cont-txt .tit2 { text-align: center; margin: 0 50px; margin-bottom: 26px; font-size: 16px; } .cont-txt .line { width: 100%; border-bottom: 1px solid #e6e6e6; } .cont-txt .jj { font-size: 14px; color: #999999; text-align: center; margin-top: 15px; } .cont-txt .nr { padding: 30px 0; } .cont-txt .nr a { color: #01478e; text-decoration: underline; } .cont-txt .nr p { font-size: 16px; line-height: 28px; } .cont-txt .nr .p-img { text-align: center; text-indent: 0; } .cont-txt .nr img { /* margin: 20px auto; */ } .cont-txt .sgd { margin-top: 30px; font-size: 16px; line-height: 30px; } .cont-txt .sgd .ab_fx { margin-top: 15px; width: 200px; height: 36px; border: 1px solid #e6e6e6; background: #f5f5f5; text-align: center; line-height: 36px; } .cont-txt .sgd .ab_fx a { display: block; width: 100%; height: 100%; } } @media only screen and (max-width: 800px) { .cont-txt .tit { text-align: center; margin: 0 20px; margin-bottom: 10px; font-size: 18px; } .cont-txt .tit2 { text-align: center; margin: 0 20px; margin-bottom: 20px; font-size: 16px; } .cont-txt .line { width: 100%; border-bottom: 1px solid #e6e6e6; } .cont-txt .jj { font-size: 14px; color: #999999; text-align: center; margin-top: 15px; } .cont-txt .nr { padding: 30px 0; } .cont-txt .nr a { color: #01478e; text-decoration: underline; } .cont-txt .nr p { font-size: 16px; line-height: 28px; } .cont-txt .nr .p-img { text-align: center; text-indent: 0; } .cont-txt .nr img { /* margin: 20px auto; */ } .cont-txt .sgd { margin-top: 30px; font-size: 16px; line-height: 30px; } .cont-txt .sgd .ab_fx { margin: 0 auto; margin-top: 15px; width: 200px; height: 36px; border: 1px solid #e6e6e6; background: #f5f5f5; text-align: center; line-height: 36px; } .cont-txt .sgd .ab_fx a { display: block; width: 100%; height: 100%; } } @media only screen and (min-width: 1430px) { .tab1 { width: 100%; } .tab1 table { width: 100%; border: 1px solid #d9d9d9; border-collapse: collapse; text-align: center; } .tab1 table thead td { background-color: #01478e; border-right: 1px solid #d9d9d9; text-align: center; color: #fff; height: 60px; padding: 10px 10px; } .tab1 table tbody tr:nth-child(2n) { background: #f5f5f5; } .tab1 table tbody td { border: 1px solid #d9d9d9; height: 60px; padding: 10px 10px; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .tab1 { width: 100%; } .tab1 table { width: 100%; border: 1px solid #d9d9d9; border-collapse: collapse; text-align: center; } .tab1 table thead td { background-color: #01478e; border-right: 1px solid #d9d9d9; text-align: center; color: #fff; height: 0.6rem; padding: 0.1rem ; } .tab1 table tbody tr:nth-child(2n) { background: #f5f5f5; } .tab1 table tbody td { border: 1px solid #d9d9d9; height: 0.6rem; padding: 0.1rem 0.1rem; } } @media only screen and (max-width: 800px) { .tab1 { width: 100%; overflow-x: auto; } .tab1 table { width: 100%; width: 1400px; border: 1px solid #d9d9d9; border-collapse: collapse; text-align: center; } .tab1 .table { width: 100%; } .tab1 table thead td { background-color: #01478e; border-right: 1px solid #d9d9d9; text-align: center; color: #fff; height: 50px; padding: 10px 10px; } .tab1 table tbody tr:nth-child(2n) { background: #f5f5f5; } .tab1 table tbody td { border: 1px solid #d9d9d9; height: 50px; padding: 10px 10px; } } @media only screen and (min-width: 1430px) { .rc-bks .u13 { width: 100%; } .rc-bks .u13 li { width: 519px; min-height: 237px; position: relative; float: left; margin-right: 30px; margin-bottom: 27px; } .rc-bks .u13 li .bgi { width: 100%; height: 237px; } .rc-bks .u13 li .bgi img { width: 100%; height: 100%; object-fit: cover; } .rc-bks .u13 li .name { position: absolute; left: 50px; top: 80px; font-size: 36px; color: #fff; } .rc-bks .u13 li .more { position: absolute; top: 105px; right: 50px; font-size: 14px; color: #fff; } .rc-bks .u13 li .i1 { position: absolute; bottom: 40px; right: 50px; transition: all 0.5s; } .rc-bks .u13 li:nth-child(2n) { margin-right: 0; } .rc-bks .u13 li .more-box { position: relative; width: 489px; height: 350px; background-color: #fff; padding: 30px 35px; margin-left: 15px; margin-top: -93px; box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1); overflow: hidden; } .rc-bks .u13 li .more-box .u14 { border-top: 2px solid #01478e; overflow-y: auto; height: 100%; } .rc-bks .u13 li .more-box .u14 dd a { display: flex; align-items: center; justify-content: space-between; height: 54px; width: 100%; border-bottom: 1px solid #e8e8e8; font-size: 18px; line-height: 54px; } .rc-bks .u13 li:hover .i1 { transform: translateX(20px); } .rc-bks .ny-tit2 { margin-top: 70px; margin-bottom: 15px; display: flex; align-items: center; } .rc-bks .ny-tit2 span { font-size: 36px; font-weight: 600; margin-right: 40px; } .rc-bks .ny-tit2 i { flex: 1; } .rc-bks .ny_ban .u15 { padding-bottom: 55px; } .rc-bks .ny_ban .u15 li { width: 509px; height: 75px; border: 1px solid #dddddd; float: left; margin-right: 50px; margin-bottom: 27px; } .rc-bks .ny_ban .u15 li a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 10px 24px; } .rc-bks .ny_ban .u15 li .name { font-size: 18px; flex: 1; width: 100%; } .rc-bks .ny_ban .u15 li:nth-child(2n) { margin-right: 0; } .rc-bks .ny_ban .swiper-pagination-bullet { width: 15px; height: 15px; } .rc-bks .ny_ban .swiper-pagination-bullet-active { background: #023474; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .rc-bks .u13 { width: 100%; } .rc-bks .u13 li { width: 5.19rem; min-height: 2.37rem; position: relative; float: left; margin-right: 0.3rem; margin-bottom: 0.27rem; } .rc-bks .u13 li .bgi { width: 100%; height: 2.37rem; } .rc-bks .u13 li .bgi img { width: 100%; height: 100%; object-fit: cover; } .rc-bks .u13 li .name { position: absolute; left: 0.5rem; top: 0.8rem; font-size: 0.36rem; color: #fff; } .rc-bks .u13 li .more { position: absolute; top: 1.05rem; right: 0.5rem; font-size: 0.14rem; color: #fff; } .rc-bks .u13 li .i1 { position: absolute; bottom: 0.4rem; right: 0.5rem; transition: all 0.5s; } .rc-bks .u13 li:nth-child(2n) { margin-right: 0; } .rc-bks .u13 li .more-box { position: relative; width: 4.89rem; height: 3.5rem; background-color: #fff; padding: 0.3rem 0.35rem; margin-left: 0.15rem; margin-top: -0.93rem; box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1); overflow: hidden; } .rc-bks .u13 li .more-box .u14 { border-top: 2px solid #01478e; overflow-y: auto; height: 100%; } .rc-bks .u13 li .more-box .u14 dd a { display: flex; align-items: center; justify-content: space-between; height: 0.54rem; width: 100%; border-bottom: 1px solid #e8e8e8; font-size: 0.18rem; line-height: 0.54rem; } .rc-bks .u13 li:hover .i1 { transform: translateX(0.2rem); } .rc-bks .ny-tit2 { margin-top: 0.7rem; margin-bottom: 0.15rem; display: flex; align-items: center; } .rc-bks .ny-tit2 span { font-size: 0.36rem; font-weight: 600; margin-right: 0.4rem; } .rc-bks .ny-tit2 i { flex: 1; } .rc-bks .ny_ban .u15 { padding-bottom: 0.55rem; } .rc-bks .ny_ban .u15 li { width: 5.09rem; height: 0.75rem; border: 1px solid #dddddd; float: left; margin-right: 0.5rem; margin-bottom: 0.27rem; } .rc-bks .ny_ban .u15 li a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0.1rem 0.24rem; } .rc-bks .ny_ban .u15 li .name { font-size: 0.18rem; flex: 1; width: 100%; } .rc-bks .ny_ban .u15 li:nth-child(2n) { margin-right: 0; } .rc-bks .ny_ban .swiper-pagination-bullet { width: 0.15rem; height: 0.15rem; } .rc-bks .ny_ban .swiper-pagination-bullet-active { background: #023474; } } @media only screen and (max-width: 800px) { .rc-bks .u13 { width: 100%; } .rc-bks .u13 li { width: 48%; min-height: 237px; position: relative; float: left; margin-right: 4%; margin-bottom: 27px; } .rc-bks .u13 li .bgi { width: 100%; height: 237px; } .rc-bks .u13 li .bgi img { width: 100%; height: 100%; object-fit: cover; } .rc-bks .u13 li .name { position: absolute; left: 50px; top: 80px; font-size: 36px; color: #fff; } .rc-bks .u13 li .more { position: absolute; top: 105px; right: 50px; font-size: 14px; color: #fff; } .rc-bks .u13 li .i1 { position: absolute; bottom: 40px; right: 50px; transition: all 0.5s; } .rc-bks .u13 li:nth-child(2n) { margin-right: 0; } .rc-bks .u13 li .more-box { position: relative; width: 96%; height: 350px; background-color: #fff; padding: 30px 35px; margin-left: 2%; margin-top: -93px; box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1); overflow: hidden; } .rc-bks .u13 li .more-box .u14 { border-top: 2px solid #01478e; overflow-y: auto; height: 100%; } .rc-bks .u13 li .more-box .u14 dd a { display: flex; align-items: center; justify-content: space-between; min-height: 54px; width: 100%; border-bottom: 1px solid #e8e8e8; font-size: 16px; padding: 10px 0; } .rc-bks .u13 li:hover .i1 { transform: translateX(20px); } .rc-bks .ny-tit2 { margin-top: 50px; margin-bottom: 15px; display: flex; align-items: center; } .rc-bks .ny-tit2 span { font-size: 30px; font-weight: 600; margin-right: 30px; word-break: keep-all; } .rc-bks .ny-tit2 i { flex: 1; } .rc-bks .ny_ban .u15 { padding-bottom: 55px; } .rc-bks .ny_ban .u15 li { width: 48%; height: 70px; border: 1px solid #dddddd; float: left; margin-right: 4%; margin-bottom: 20px; } .rc-bks .ny_ban .u15 li a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 10px 24px; } .rc-bks .ny_ban .u15 li .name { font-size: 16px; flex: 1; width: 100%; } .rc-bks .ny_ban .u15 li:nth-child(2n) { margin-right: 0; } .rc-bks .ny_ban .swiper-pagination-bullet { width: 15px; height: 15px; } .rc-bks .ny_ban .swiper-pagination-bullet-active { background: #023474; } } @media only screen and (max-width: 800px) { .rc-bks .u13 { width: 100%; } .rc-bks .u13 li { width: 100%; min-height: 237px; position: relative; float: none; margin-right: 0; margin-bottom: 27px; } .rc-bks .u13 li .bgi { width: 100%; height: 237px; } .rc-bks .u13 li .bgi img { width: 100%; height: 100%; object-fit: cover; } .rc-bks .u13 li .name { position: absolute; left: 30px; top: 80px; font-size: 28px; color: #fff; } .rc-bks .u13 li .more { position: absolute; top: 105px; right: 30px; font-size: 14px; color: #fff; } .rc-bks .u13 li .i1 { position: absolute; bottom: 40px; right: 30px; } .rc-bks .u13 li .more-box { position: relative; width: 96%; height: auto; background-color: #fff; padding: 20px; margin-left: 2%; margin-top: -93px; box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1); overflow: hidden; } .rc-bks .u13 li .more-box .u14 { border-top: 2px solid #01478e; overflow-y: auto; height: 100%; } .rc-bks .u13 li .more-box .u14 dd a { display: flex; align-items: center; justify-content: space-between; min-height: 54px; width: 100%; border-bottom: 1px solid #e8e8e8; font-size: 16px; padding: 10px 0; } .rc-bks .ny-tit2 { margin-top: 30px; margin-bottom: 15px; display: flex; align-items: center; } .rc-bks .ny-tit2 span { font-size: 30px; font-weight: 600; margin-right: 30px; word-break: keep-all; } .rc-bks .ny_ban .u15 { padding-bottom: 55px; } .rc-bks .ny_ban .u15 li { width: 48%; height: 83px; border: 1px solid #dddddd; float: left; margin-right: 4%; margin-bottom: 20px; } .rc-bks .ny_ban .u15 li a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 15px; } .rc-bks .ny_ban .u15 li .name { font-size: 16px; flex: 1; width: 100%; margin-right: 5px; } .rc-bks .ny_ban .u15 li:nth-child(2n) { margin-right: 0; } .rc-bks .ny_ban .swiper-pagination-bullet { width: 15px; height: 15px; } .rc-bks .ny_ban .swiper-pagination-bullet-active { background: #023474; } } @media only screen and (min-width: 1430px) { .sz-szgk .sz-jj .js { float: left; width: 242px; height: 242px; position: relative; } .sz-szgk .sz-jj .js .bg { transition: all 0.5s; } .sz-szgk .sz-jj .js .name { position: absolute; font-size: 30px; left: 57px; top: 80px; } .sz-szgk .sz-jj .js .num { position: absolute; top: 130px; left: 57px; font-size: 16px; color: #01478e; } .sz-szgk .sz-jj .js .num span { font-size: 40px; } .sz-szgk .sz-jj .js:hover .bg { transform: rotateZ(360deg); transform-origin: center; } .sz-szgk .sz-jj .xx { width: 740px; float: right; } .sz-szgk .sz-jj .xx p { font-size: 24px; color: #01478e; margin-bottom: 20px; font-weight: 600; } .sz-szgk .sz-jj .xx .u16 li { border-bottom: 1px solid #e6e6e6; position: relative; float: left; width: 324px; height: 57px; line-height: 57px; padding-left: 24px; margin-right: 80px; } .sz-szgk .sz-jj .xx .u16 li:after { content: ''; background: url('../img/icon-dian.png') no-repeat center; background-size: contain; position: absolute; left: 0; top: 25px; width: 5px; height: 5px; } .sz-szgk .sz-jj .xx .u16 li:nth-child(1), .sz-szgk .sz-jj .xx .u16 li:nth-child(2) { border-top: 2px solid #efefef; } .sz-szgk .sz-jj .xx .u16 li:nth-child(2n) { margin-right: 0; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .sz-szgk .sz-jj .js { float: left; width: 2.42rem; height: 2.42rem; position: relative; } .sz-szgk .sz-jj .js .bg { transition: all 0.5s; } .sz-szgk .sz-jj .js .name { position: absolute; font-size: 0.3rem; left: 0.57rem; top: 0.8rem; } .sz-szgk .sz-jj .js .num { position: absolute; top: 1.3rem; left: 0.57rem; font-size: 0.16rem; color: #01478e; } .sz-szgk .sz-jj .js .num span { font-size: 0.4rem; } .sz-szgk .sz-jj .js:hover .bg { transform: rotateZ(360deg); transform-origin: center; } .sz-szgk .sz-jj .xx { width: 8rem; float: right; } .sz-szgk .sz-jj .xx p { font-size: 0.24rem; color: #01478e; margin-bottom: 0.2rem; font-weight: 600; } .sz-szgk .sz-jj .xx .u16 li { border-bottom: 1px solid #e6e6e6; position: relative; float: left; width: 3.7rem; height: 0.57rem; line-height: 0.57rem; padding-left: 0.24rem; margin-right: 0.5rem; font-size: 0.16rem; } .sz-szgk .sz-jj .xx .u16 li:after { content: ''; background: url('../img/icon-dian.png') no-repeat center; background-size: contain; position: absolute; left: 0; top: 0.25rem; width: 0.05rem; height: 0.05rem; } .sz-szgk .sz-jj .xx .u16 li:nth-child(1), .sz-szgk .sz-jj .xx .u16 li:nth-child(2) { border-top: 2px solid #efefef; } .sz-szgk .sz-jj .xx .u16 li:nth-child(2n) { margin-right: 0; } } @media only screen and (max-width: 800px) { .sz-szgk .sz-jj .js { width: 242px; height: 242px; position: relative; margin: 0 auto; } .sz-szgk .sz-jj .js .bg { transition: all 0.5s; } .sz-szgk .sz-jj .js .name { position: absolute; font-size: 30px; left: 57px; top: 80px; } .sz-szgk .sz-jj .js .num { position: absolute; top: 130px; left: 57px; font-size: 16px; color: #01478e; } .sz-szgk .sz-jj .js .num span { font-size: 40px; } .sz-szgk .sz-jj .js:hover .bg { transform: rotateZ(360deg); transform-origin: center; } .sz-szgk .sz-jj .xx p { margin-top: 15px; font-size: 24px; color: #01478e; margin-bottom: 20px; font-weight: 600; } .sz-szgk .sz-jj .xx .u16 li { border-bottom: 1px solid #e6e6e6; position: relative; float: left; width: 48%; height: 57px; line-height: 57px; padding-left: 24px; margin-right: 4%; } .sz-szgk .sz-jj .xx .u16 li:after { content: ''; background: url('../img/icon-dian.png') no-repeat center; background-size: contain; position: absolute; left: 0; top: 25px; width: 5px; height: 5px; } .sz-szgk .sz-jj .xx .u16 li:nth-child(1), .sz-szgk .sz-jj .xx .u16 li:nth-child(2) { border-top: 2px solid #efefef; } .sz-szgk .sz-jj .xx .u16 li:nth-child(2n) { margin-right: 0; } } @media only screen and (max-width: 800px) { .sz-szgk .sz-jj .js { width: 242px; height: 242px; position: relative; margin: 0 auto; } .sz-szgk .sz-jj .js .bg { transition: all 0.5s; } .sz-szgk .sz-jj .js .name { position: absolute; font-size: 30px; left: 57px; top: 80px; } .sz-szgk .sz-jj .js .num { position: absolute; top: 130px; left: 57px; font-size: 16px; color: #01478e; } .sz-szgk .sz-jj .js .num span { font-size: 40px; } .sz-szgk .sz-jj .js:hover .bg { transform: rotateZ(360deg); transform-origin: center; } .sz-szgk .sz-jj .xx p { margin-top: 15px; font-size: 20px; color: #01478e; margin-bottom: 15px; font-weight: 600; } .sz-szgk .sz-jj .xx .u16 li { border-bottom: 1px solid #e6e6e6; position: relative; float: left; width: 100%; height: 57px; line-height: 57px; padding-left: 24px; font-size: 16px; margin-right: 0; } .sz-szgk .sz-jj .xx .u16 li:after { content: ''; background: url('../img/icon-dian.png') no-repeat center; background-size: contain; position: absolute; left: 0; top: 25px; width: 5px; height: 5px; } .sz-szgk .sz-jj .xx .u16 li:nth-child(1) { border-top: 2px solid #efefef; } .sz-szgk .sz-jj .xx .u16 li:nth-child(2) { border-top: 0px solid #efefef; } .sz-szgk .sz-jj .xx .u16 li:nth-child(2n) { margin-right: 0; } } @media only screen and (min-width: 1430px) { .u17 li { display: flex; justify-content: space-between; padding: 20px; padding-right: 57px; padding-bottom: 37px; border: 1px solid #d9d9d9; margin-bottom: 29px; } .u17 li .info { flex: 1; } .u17 li .imgk { width: 246px; height: 328px; margin-right: 54px; } .u17 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .u17 li .name { font-size: 16px; border-bottom: 1px solid #d9d9d9; margin-top: 15px; padding-bottom: 30px; font-weight: 600; } .u17 li .name span { font-size: 20px; color: #01478e; margin-right: 32px; } .u17 li .txt { font-size: 16px; margin-top: 30px; line-height: 28px; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .u17 li { display: flex; justify-content: space-between; padding: 0.2rem; padding-right: 0.57rem; padding-bottom: 0.37rem; border: 1px solid #d9d9d9; margin-bottom: 0.29rem; } .u17 li .info { flex: 1; } .u17 li .imgk { width: 2.46rem; height: 3.28rem; margin-right: 0.54rem; } .u17 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .u17 li .name { font-size: 0.16rem; border-bottom: 1px solid #d9d9d9; margin-top: 0.15rem; padding-bottom: 0.3rem; font-weight: 600; } .u17 li .name span { font-size: 0.2rem; color: #01478e; margin-right: 0.32rem; } .u17 li .txt { font-size: 0.16rem; margin-top: 0.3rem; line-height: 0.28rem; } } @media only screen and (max-width: 800px) { .u17 li { display: flex; justify-content: space-between; padding: 20px; padding-right: 57px; padding-bottom: 37px; border: 1px solid #d9d9d9; margin-bottom: 29px; } .u17 li .info { flex: 1; } .u17 li .imgk { width: 246px; height: 328px; margin-right: 54px; } .u17 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .u17 li .name { font-size: 16px; border-bottom: 1px solid #d9d9d9; margin-top: 15px; padding-bottom: 30px; font-weight: 600; } .u17 li .name span { font-size: 20px; color: #01478e; margin-right: 32px; } .u17 li .txt { font-size: 16px; margin-top: 30px; line-height: 28px; } } @media only screen and (max-width: 800px) { .u17 li { display: flex; justify-content: space-between; padding: 20px; border: 1px solid #d9d9d9; margin-bottom: 29px; } .u17 li .info { flex: 1; width: 62%; } .u17 li .imgk { width: 35%; height: fit-content; margin-right: 3%; } .u17 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .u17 li .name { font-size: 14px; border-bottom: 1px solid #d9d9d9; margin-top: 10px; padding-bottom: 15px; font-weight: 600; } .u17 li .name span { font-size: 16px; color: #01478e; margin-right: 15px; } .u17 li .txt { font-size: 14px; margin-top: 15px; line-height: 24px; } } @media only screen and (min-width: 1430px) { .u18 li { border: 1px solid #dcdcdc; margin-bottom: 30px; } .u18 li a::after { content: ''; width: 8px; height: 15px; background: #01478e; left: 0; top: 32px; position: absolute; } .u18 li a { position: relative; display: block; width: 100%; height: 80px; font-size: 18px; line-height: 80px; padding-left: 48px; } .u18 li:hover { background: #01478e; } .u18 li:hover a { color: #fff; } .u18 li:hover a::after { content: ''; width: 8px; height: 15px; background: #fff; left: 0; top: 32px; position: absolute; } .u18 li a:hover { color: #fff; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .u18 li { border: 1px solid #dcdcdc; margin-bottom: 0.3rem; } .u18 li a::after { content: ''; width: 0.08rem; height: 0.15rem; background: #01478e; left: 0; top: 0.32rem; position: absolute; } .u18 li a { position: relative; display: block; width: 100%; height: 0.8rem; font-size: 0.18rem; line-height: 0.8rem; padding-left: 0.48rem; } .u18 li:hover { background: #01478e; } .u18 li:hover a { color: #fff; } .u18 li:hover a::after { content: ''; width: 0.08rem; height: 0.15rem; background: #fff; left: 0; top: 0.32rem; position: absolute; } .u18 li a:hover { color: #fff; } } @media only screen and (max-width: 800px) { .u18 li { border: 1px solid #dcdcdc; margin-bottom: 30px; } .u18 li a::after { content: ''; width: 6px; height: 15px; background: #01478e; left: 0; top: 22px; position: absolute; } .u18 li a { position: relative; display: block; width: 100%; height: 60px; font-size: 16px; line-height: 60px; padding-left: 30px; } .u18 li:hover { background: #01478e; } .u18 li:hover a { color: #fff; } .u18 li:hover a::after { content: ''; width: 6px; height: 15px; background: #fff; left: 0; top: 22px; position: absolute; } .u18 li a:hover { color: #fff; } } @media only screen and (min-width: 1430px) { .u20 li { width: 315px; margin-bottom: 25px; margin-right: 62px; float: left; padding-bottom: 15px; } .u20 li a { width: 100%; } .u20 li .imgk { width: 315px; height: 236px; } .u20 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .u20 li .name { height: 73px; font-size: 18px; padding-top: 25px; } .u20 li:nth-child(3n) { margin-right: 0; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .u20 li { width: 3.15rem; margin-bottom: 0.25rem; margin-right: 0.62rem; float: left; padding-bottom: 0.15rem; } .u20 li a { width: 100%; } .u20 li .imgk { width: 3.15rem; height: 2.36rem; } .u20 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .u20 li .name { height: 0.73rem; font-size: 0.18rem; padding-top: 0.25rem; line-height: 1.3; } .u20 li:nth-child(3n) { margin-right: 0; } } @media only screen and (max-width: 800px) { .u20 li { width: 48%; margin-bottom: 25px; margin-right: 4%; float: left; padding-bottom: 15px; } .u20 li a { width: 100%; } .u20 li .imgk { width: 100%; height: 30vw; } .u20 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .u20 li .name { height: 55px; font-size: 16px; padding-top: 15px; line-height: 1.33; } .u20 li:nth-child(2n) { margin-right: 0; } } @media only screen and (min-width: 1430px) { .u22 li { float: left; width: 660px; height: 345px; border: 1px solid #dcdcdc; position: relative; margin-right: 80px; margin-bottom: 50px; } .u22 li a { display: block; width: 100%; height: 100%; padding: 34px 43px; } .u22 li .tit { font-size: 24px; margin-bottom: 15px; color: #01478e; } .u22 li .tit2 { font-size: 18px; margin-bottom: 30px; color: #333; } .u22 li .tit3 { font-size: 18px; font-weight: 600; margin-bottom: 10px; color: #333; } .u22 li .info { border-top: 1px solid #d2d2d2; padding-top: 30px; color: #333; } .u22 li .txt { font-size: 16px; line-height: 24px; color: #333; } .u22 li .more { display: none; } .u22 li:nth-child(2n) { margin-right: 0; } .u22 li:hover { border: 1px solid #01478e; } .u22 li:hover .more { display: block; position: absolute; right: 0; bottom: 0; width: 182px; height: 60px; padding-left: 15px; background: url(../img/icon-cp.png) no-repeat center; line-height: 60px; color: #fff; text-align: center; font-size: 16px; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .u22 li { float: left; width: 6.6rem; height: 3.45rem; border: 1px solid #dcdcdc; position: relative; margin-right: 0.8rem; margin-bottom: 0.5rem; } .u22 li a { display: block; width: 100%; height: 100%; padding: 0.34rem 0.43rem; } .u22 li .tit { font-size: 0.24rem; margin-bottom: 0.15rem; color: #01478e; } .u22 li .tit2 { font-size: 0.18rem; margin-bottom: 0.3rem; color: #333; } .u22 li .tit3 { font-size: 0.18rem; font-weight: 600; margin-bottom: 0.1rem; color: #333; } .u22 li .info { border-top: 1px solid #d2d2d2; padding-top: 0.3rem; color: #333; } .u22 li .txt { font-size: 0.16rem; line-height: 0.24rem; color: #333; } .u22 li .more { display: none; } .u22 li:nth-child(2n) { margin-right: 0; } .u22 li:hover { border: 1px solid #01478e; } .u22 li:hover .more { display: block; position: absolute; right: 0; bottom: 0; width: 1.82rem; height: 0.6rem; padding-left: 0.15rem; background: url(../img/icon-cp.png) no-repeat center; background-size: contain; line-height: 0.6rem; color: #fff; text-align: center; font-size: 0.16rem; } } @media only screen and (max-width: 800px) { .u22 li { float: left; width: 48%; height: 305px; border: 1px solid #dcdcdc; position: relative; margin-right: 4%; margin-bottom: 30px; } .u22 li a { display: block; width: 100%; height: 100%; padding: 25px; } .u22 li .tit { font-size: 22px; margin-bottom: 15px; color: #01478e; } .u22 li .tit2 { font-size: 16px; margin-bottom: 20px; color: #333; } .u22 li .tit3 { font-size: 16px; font-weight: 600; margin-bottom: 10px; color: #333; } .u22 li .info { border-top: 1px solid #d2d2d2; padding-top: 20px; color: #333; } .u22 li .txt { font-size: 16px; line-height: 24px; color: #333; } .u22 li .more { display: none; } .u22 li:nth-child(2n) { margin-right: 0; } .u22 li:hover { border: 1px solid #01478e; } .u22 li:hover .more { display: block; position: absolute; right: 0; bottom: 0; width: 182px; height: 60px; padding-left: 15px; background: url(../img/icon-cp.png) no-repeat center; line-height: 60px; color: #fff; text-align: center; font-size: 16px; } } @media only screen and (max-width: 800px) { .u22 li { float: none; width: 100%; height: 315px; border: 1px solid #dcdcdc; position: relative; margin-right: 0%; margin-bottom: 30px; } .u22 li a { display: block; width: 100%; height: 100%; padding: 25px; } .u22 li .tit { font-size: 22px; margin-bottom: 15px; color: #01478e; } .u22 li .tit2 { font-size: 16px; margin-bottom: 20px; color: #333; } .u22 li .tit3 { font-size: 16px; font-weight: 600; margin-bottom: 10px; color: #333; } .u22 li .info { border-top: 1px solid #d2d2d2; padding-top: 20px; color: #333; } .u22 li .txt { font-size: 16px; line-height: 24px; color: #333; } .u22 li .more { display: block; position: absolute; right: 0; bottom: 0; width: 117px; height: 40px; padding-left: 15px; background: url(../img/icon-cp.png) no-repeat center; background-size: contain; line-height: 40px; color: #fff; text-align: center; font-size: 16px; } .u22 li:nth-child(2n) { margin-right: 0; } .u22 li:hover { border: 1px solid #01478e; } .u22 li:hover .more { display: block; position: absolute; right: 0; bottom: 0; width: 117px; height: 40px; padding-left: 15px; background: url(../img/icon-cp.png) no-repeat center; background-size: contain; line-height: 40px; color: #fff; text-align: center; font-size: 16px; } } @media only screen and (min-width: 1430px) { .ny-xzzx .ny-tit { width: 100%; font-family: 'ysbt'; font-size: 48px; color: #01478e; display: flex; align-items: center; margin-bottom: 30px; } .ny-xzzx .ny-tit span { margin: 0 30px; } .ny-xzzx .ny-tit i { flex: 1; } .ny-xzzx .tzgg { padding-bottom: 100px; } .ny-xzzx .tzgg .fr { /* width: 650px; */ width: 100%; } .ny-xzzx .tzgg .fr .u9 li { width: 49%; margin-right: 2%; float: left; } .ny-xzzx .tzgg .fr .u9 li:nth-child(2n) { margin-right: 0; } .ny-xzzx .tzgg .fr .u9 li a { height: 81px; } .ny-xzzx .tzgg .fr .u9 li i { margin-left: 0; } .ny-xzzx .tzgg .fr .u9 li:hover { border-bottom: 1px solid #dadada; background: none; } .ny-xzzx .tzgg .fr .u9 li:hover i { background: url(../img/icon-li2.png) no-repeat center; } .ny-xzzx .tzgg .fr .u9 li:hover .name { color: #01478e; } .ny-xzzx .tzgg .fr .u9 li:hover .time { color: #333; } .ny-xzzx .tzgg .fr .more { float: right; font-size: 16px; color: #666666; } .ny-xzzx .tzgg .fr .more:hover { color: #01478e; } .ny-xzzx .tab li { float: left; width: 216px; height: 60px; line-height: 40px; font-size: 18px; text-align: center; padding: 10px; border: 1px solid #e1e1e1; margin-right: 20px; cursor: pointer; margin-bottom: 30px; } .ny-xzzx .tab li.on { border: 1px solid #01478e; background-color: #01478e; color: #fff; } .ny-xzzx .tab li:last-child { margin-right: 0; } .ny-xzzx .ny_ban2 { width: 688px; height: 475px; } .ny-xzzx .ny_ban2 .swiper-slide { position: relative; } .ny-xzzx .ny_ban2 .swiper-slide .imgk { width: 100%; height: 100%; } .ny-xzzx .ny_ban2 .swiper-slide .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-xzzx .ny_ban2 .swiper-slide h1 { position: absolute; bottom: 55px; left: 40px; font-size: 18px; color: #fff; width: 608px; } .ny-xzzx .ny_ban2 .sw-ny-page2 { bottom: 20px; right: 30px; left: auto; width: auto; } .ny-xzzx .ny_ban2 .sw-ny-page2 .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #fff; } .ny-xzzx .ny_ban2 .sw-ny-page2 .swiper-pagination-bullet-active { background: #fff; } .ny-xzzx .bszn { height: 572px; background: url(../img/images/img16.jpg) no-repeat center; background-size: cover; padding-top: 95px; } .ny-xzzx .bszn .tit { float: left; padding-top: 30px; } .ny-xzzx .bszn .tit p { font-family: 'ysbt'; font-size: 48px; color: #fff; display: flex; align-items: center; margin-bottom: 70px; } .ny-xzzx .bszn .tit .more { display: block; width: 172px; height: 52px; line-height: 52px; border: 1px solid #fff; font-size: 18px; text-align: center; color: #fff; opacity: 0.7; } .ny-xzzx .bszn .tit .more:hover { opacity: 1; border: 1px solid #01478e; color: #fff; background: #01478e; } .ny-xzzx .bszn .tab2 { float: right; width: 930px; } .ny-xzzx .bszn .tab2 .tab-top li { width: 155px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; border: 1px solid #dddddd; float: left; background-color: #f7f7f7; cursor: pointer; } .ny-xzzx .bszn .tab2 .tab-top li.on { background-color: #01478e; border: 1px solid #01478e; color: #fff; box-sizing: border-box; } .ny-xzzx .bszn .tab-box { background: rgba(255, 255, 255, 0.89); padding: 50px 60px; padding-top: 30px; } .ny-xzzx .bszn .tab-box .u9 li a { height: 84px; } .ny-xzzx .bszn .tab-box .u9 li i { margin-left: 0; } .ny-xzzx .bszn .tab-box .u9 li:hover { border-bottom: 1px solid #dadada; background: none; } .ny-xzzx .bszn .tab-box .u9 li:hover i { background: url(../img/icon-li2.png) no-repeat center; } .ny-xzzx .bszn .tab-box .u9 li:hover .name { color: #01478e; } .ny-xzzx .bszn .tab-box .u9 li:hover .time { color: #333; } .ny-xzzx .xzzq { padding-top: 90px; } .ny-xzzx .xzzq .u11 li { float: left; width: 670px; height: 93px; margin-right: 60px; } .ny-xzzx .xzzq .u11 li:nth-child(2n) { margin-right: 0; } .ny-xzzx .xzzq .more { display: table; margin: 0 auto; font-size: 16px; color: #666666; } .ny-xzzx .xzzq .more:hover { color: #01478e; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .ny-xzzx .ny-tit { width: 100%; font-family: 'ysbt'; font-size: 0.48rem; color: #01478e; display: flex; align-items: center; margin-bottom: 0.3rem; } .ny-xzzx .ny-tit span { margin: 0 0.3rem; } .ny-xzzx .ny-tit i { flex: 1; } .ny-xzzx .tzgg { padding-bottom: 1rem; } .ny-xzzx .tzgg .fr { /* width: 6.5rem; */ width: 100%; } .ny-xzzx .tzgg .fr .u9 li { width: 49%; margin-right: 2%; float: left; } .ny-xzzx .tzgg .fr .u9 li:nth-child(2n) { margin-right: 0; } .ny-xzzx .tzgg .fr .u9 li a { height: 0.81rem; } .ny-xzzx .tzgg .fr .u9 li i { margin-left: 0; } .ny-xzzx .tzgg .fr .u9 li:hover { border-bottom: 1px solid #dadada; background: none; } .ny-xzzx .tzgg .fr .u9 li:hover i { background: url(../img/icon-li2.png) no-repeat center; } .ny-xzzx .tzgg .fr .u9 li:hover .name { color: #01478e; } .ny-xzzx .tzgg .fr .u9 li:hover .time { color: #333; } .ny-xzzx .tzgg .fr .more { float: right; font-size: 0.16rem; color: #666666; } .ny-xzzx .tzgg .fr .more:hover { color: #01478e; } .ny-xzzx .tab li { float: left; width: 2.16rem; height: 0.6rem; line-height: 0.4rem; font-size: 0.18rem; text-align: center; padding: 0.1rem; border: 1px solid #e1e1e1; margin-right: 0.2rem; cursor: pointer; margin-bottom: 0.3rem; } .ny-xzzx .tab li.on { border: 1px solid #01478e; background-color: #01478e; color: #fff; } .ny-xzzx .tab li:last-child { margin-right: 0; } .ny-xzzx .ny_ban2 { width: 6.88rem; height: 4.75rem; } .ny-xzzx .ny_ban2 .swiper-slide { position: relative; } .ny-xzzx .ny_ban2 .swiper-slide .imgk { width: 100%; height: 100%; } .ny-xzzx .ny_ban2 .swiper-slide .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-xzzx .ny_ban2 .swiper-slide h1 { position: absolute; bottom: 0.55rem; left: 0.4rem; font-size: 0.18rem; color: #fff; width: 6.08rem; } .ny-xzzx .ny_ban2 .sw-ny-page2 { bottom: 0.2rem; right: 0.3rem; left: auto; width: auto; } .ny-xzzx .ny_ban2 .sw-ny-page2 .swiper-pagination-bullet { width: 0.1rem; height: 0.1rem; background-color: #fff; } .ny-xzzx .ny_ban2 .sw-ny-page2 .swiper-pagination-bullet-active { background: #fff; } .ny-xzzx .bszn { height: 5.72rem; background: url(../img/images/img16.jpg) no-repeat center; background-size: cover; padding-top: 0.95rem; } .ny-xzzx .bszn .tit { float: left; padding-top: 0.3rem; } .ny-xzzx .bszn .tit p { font-family: 'ysbt'; font-size: 0.48rem; color: #fff; display: flex; align-items: center; margin-bottom: 0.7rem; } .ny-xzzx .bszn .tit .more { display: block; width: 1.72rem; height: 0.52rem; line-height: 0.52rem; border: 1px solid #fff; font-size: 0.18rem; text-align: center; color: #fff; opacity: 0.7; } .ny-xzzx .bszn .tit .more:hover { opacity: 1; border: 1px solid #01478e; color: #fff; background: #01478e; } .ny-xzzx .bszn .tab2 { float: right; width: 9.3rem; } .ny-xzzx .bszn .tab2 .tab-top li { width: 1.55rem; height: 0.5rem; line-height: 0.5rem; text-align: center; font-size: 0.16rem; border: 1px solid #dddddd; float: left; background-color: #f7f7f7; cursor: pointer; } .ny-xzzx .bszn .tab2 .tab-top li.on { background-color: #01478e; border: 1px solid #01478e; color: #fff; box-sizing: border-box; } .ny-xzzx .bszn .tab-box { background: rgba(255, 255, 255, 0.89); padding: 0.5rem 0.6rem; padding-top: 0.3rem; } .ny-xzzx .bszn .tab-box .u9 li a { height: 0.84rem; } .ny-xzzx .bszn .tab-box .u9 li i { margin-left: 0; } .ny-xzzx .bszn .tab-box .u9 li:hover { border-bottom: 1px solid #dadada; background: none; } .ny-xzzx .bszn .tab-box .u9 li:hover i { background: url(../img/icon-li2.png) no-repeat center; } .ny-xzzx .bszn .tab-box .u9 li:hover .name { color: #01478e; } .ny-xzzx .bszn .tab-box .u9 li:hover .time { color: #333; } .ny-xzzx .xzzq { padding-top: 0.9rem; } .ny-xzzx .xzzq .u11 li { float: left; width: 6.7rem; height: 0.93rem; margin-right: 0.6rem; } .ny-xzzx .xzzq .u11 li:nth-child(2n) { margin-right: 0; } .ny-xzzx .xzzq .more { display: table; margin: 0 auto; font-size: 0.16rem; color: #666666; } .ny-xzzx .xzzq .more:hover { color: #01478e; } } @media only screen and (max-width: 800px) { .ny-xzzx .ny-tit { width: 100%; font-family: 'ysbt'; font-size: 40px; color: #01478e; display: flex; align-items: center; margin-bottom: 30px; } .ny-xzzx .ny-tit span { margin: 0 30px; } .ny-xzzx .ny-tit i { flex: 1; } .ny-xzzx .tzgg { padding-bottom: 50px; } .ny-xzzx .tzgg .fr { width: 48%; } .ny-xzzx .tzgg .fr .u9 li a { height: 66px; } .ny-xzzx .tzgg .fr .u9 li i { margin-left: 0; } .ny-xzzx .tzgg .fr .u9 li .name { font-size: 16px; } .ny-xzzx .tzgg .fr .u9 li:hover { border-bottom: 1px solid #dadada; background: none; } .ny-xzzx .tzgg .fr .u9 li:hover i { background: url(../img/icon-li2.png) no-repeat center; } .ny-xzzx .tzgg .fr .u9 li:hover .name { color: #01478e; } .ny-xzzx .tzgg .fr .u9 li:hover .time { color: #333; } .ny-xzzx .tzgg .fr .more { float: right; font-size: 16px; color: #666666; } .ny-xzzx .tzgg .fr .more:hover { color: #01478e; } .ny-xzzx .tab li { float: left; width: 32%; height: 50px; line-height: 30px; font-size: 16px; text-align: center; padding: 10px; border: 1px solid #e1e1e1; margin-right: 2%; cursor: pointer; margin-bottom: 30px; } .ny-xzzx .tab li.on { border: 1px solid #01478e; background-color: #01478e; color: #fff; } .ny-xzzx .tab li:nth-child(3n) { margin-right: 0; } .ny-xzzx .fl { width: 48%; } .ny-xzzx .ny_ban2 { width: 100%; height: 380px; } .ny-xzzx .ny_ban2 .swiper-slide { position: relative; } .ny-xzzx .ny_ban2 .swiper-slide .imgk { width: 100%; height: 100%; } .ny-xzzx .ny_ban2 .swiper-slide .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-xzzx .ny_ban2 .swiper-slide h1 { position: absolute; bottom: 55px; left: 5%; font-size: 16px; color: #fff; width: 85%; } .ny-xzzx .ny_ban2 .sw-ny-page2 { bottom: 20px; right: 30px; left: auto; width: auto; } .ny-xzzx .ny_ban2 .sw-ny-page2 .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #fff; } .ny-xzzx .ny_ban2 .sw-ny-page2 .swiper-pagination-bullet-active { background: #fff; } .ny-xzzx .bszn { padding-top: 50px; background: url(../img/images/img16.jpg) no-repeat center; background-size: cover; } .ny-xzzx .bszn .tit { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } .ny-xzzx .bszn .tit p { font-family: 'ysbt'; font-size: 48px; color: #fff; display: flex; align-items: center; } .ny-xzzx .bszn .tit .more { display: block; width: 172px; height: 40px; line-height: 40px; border: 1px solid #fff; font-size: 16px; text-align: center; color: #fff; opacity: 0.7; } .ny-xzzx .bszn .tit .more:hover { opacity: 1; color: #fff; background: #01478e; border: 1px solid #01478e; } .ny-xzzx .bszn .tab2 .tab-top li { width: 16.6667%; height: 50px; line-height: 50px; text-align: center; font-size: 16px; border: 1px solid #dddddd; float: left; background-color: #f7f7f7; cursor: pointer; } .ny-xzzx .bszn .tab2 .tab-top li.on { background-color: #01478e; border: 1px solid #01478e; color: #fff; } .ny-xzzx .bszn .tab-box { background: rgba(255, 255, 255, 0.89); padding: 50px 60px; padding-top: 30px; } .ny-xzzx .bszn .tab-box .u9 li a { height: 84px; } .ny-xzzx .bszn .tab-box .u9 li i { margin-left: 0; } .ny-xzzx .bszn .tab-box .u9 li:hover { border-bottom: 1px solid #dadada; background: none; } .ny-xzzx .bszn .tab-box .u9 li:hover i { background: url(../img/icon-li2.png) no-repeat center; } .ny-xzzx .bszn .tab-box .u9 li:hover .name { color: #01478e; } .ny-xzzx .bszn .tab-box .u9 li:hover .time { color: #333; } .ny-xzzx .xzzq { padding-top: 50px; } .ny-xzzx .xzzq .more { display: table; margin: 0 auto; font-size: 16px; color: #666666; } .ny-xzzx .xzzq .more:hover { color: #01478e; } } @media only screen and (max-width: 800px) { .ny-xzzx .ny-tit { width: 100%; font-family: 'ysbt'; font-size: 30px; color: #01478e; display: flex; align-items: center; margin-bottom: 30px; } .ny-xzzx .ny-tit span { margin: 0 10px; } .ny-xzzx .ny-tit i { flex: 1; } .ny-xzzx .tzgg { padding-bottom: 0.5rem; } .ny-xzzx .tzgg .fr { width: 100%; } .ny-xzzx .tzgg .fr .u9 li a { height: 66px; } .ny-xzzx .tzgg .fr .u9 li i { margin-left: 0; } .ny-xzzx .tzgg .fr .u9 li .name { font-size: 16px; } .ny-xzzx .tzgg .fr .u9 li:hover { border-bottom: 1px solid #dadada; background: none; } .ny-xzzx .tzgg .fr .u9 li:hover i { background: url(../img/icon-li2.png) no-repeat center; } .ny-xzzx .tzgg .fr .u9 li:hover .name { color: #01478e; } .ny-xzzx .tzgg .fr .u9 li:hover .time { color: #333; } .ny-xzzx .tzgg .fr .more { float: right; font-size: 16px; color: #666666; } .ny-xzzx .tab li { float: left; width: 48%; height: 50px; line-height: 30px; font-size: 16px; text-align: center; padding: 10px; border: 1px solid #e1e1e1; margin-right: 4%; cursor: pointer; margin-bottom: 10px; } .ny-xzzx .tab li.on { border: 1px solid #01478e; background-color: #01478e; color: #fff; } .ny-xzzx .tab li:nth-child(3n) { margin-right: 4%; } .ny-xzzx .tab li:nth-child(2n) { margin-right: 0%; } .ny-xzzx .fl { width: 100%; } .ny-xzzx .ny_ban2 { width: 100%; height: 380px; } .ny-xzzx .ny_ban2 .swiper-slide { position: relative; } .ny-xzzx .ny_ban2 .swiper-slide .imgk { width: 100%; height: 100%; } .ny-xzzx .ny_ban2 .swiper-slide .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-xzzx .ny_ban2 .swiper-slide h1 { position: absolute; bottom: 55px; left: 5%; font-size: 16px; color: #fff; width: 85%; } .ny-xzzx .ny_ban2 .sw-ny-page2 { bottom: 20px; right: 30px; left: auto; width: auto; } .ny-xzzx .ny_ban2 .sw-ny-page2 .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #fff; } .ny-xzzx .ny_ban2 .sw-ny-page2 .swiper-pagination-bullet-active { background: #fff; } .ny-xzzx .bszn { padding-top: 40px; background: url(../img/images/img16.jpg) no-repeat center; background-size: cover; } .ny-xzzx .bszn .tit { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .ny-xzzx .bszn .tit p { font-family: 'ysbt'; font-size: 30px; color: #fff; display: flex; align-items: center; } .ny-xzzx .bszn .tit .more { display: block; width: 100px; height: 40px; line-height: 40px; border: 1px solid #fff; font-size: 14px; text-align: center; color: #fff; opacity: 0.8; } .ny-xzzx .bszn .tab2 .tab-top li { width: 50%; height: 50px; line-height: 50px; text-align: center; font-size: 16px; border: 1px solid #dddddd; float: left; background-color: #f7f7f7; cursor: pointer; } .ny-xzzx .bszn .tab2 .tab-top li.on { background-color: #01478e; border: 1px solid #01478e; color: #fff; } .ny-xzzx .bszn .tab-box { background: rgba(255, 255, 255, 0.89); padding: 15px; } .ny-xzzx .bszn .tab-box .u9 { margin-bottom: 0; } .ny-xzzx .bszn .tab-box .u9 li a { height: 50px; } .ny-xzzx .bszn .tab-box .u9 li i { margin-left: 0; } .ny-xzzx .bszn .tab-box .u9 li:hover { border-bottom: 1px solid #dadada; background: none; } .ny-xzzx .bszn .tab-box .u9 li:hover i { background: url(../img/icon-li2.png) no-repeat center; } .ny-xzzx .bszn .tab-box .u9 li:hover .name { color: #01478e; } .ny-xzzx .bszn .tab-box .u9 li:hover .time { color: #333; } .ny-xzzx .xzzq { padding-top: 50px; } } @media only screen and (min-width: 1430px) { .bread2 .wal { height: 144px; width: 100%; background: #bc261a; color: #fff; margin-top: -48px; box-shadow: 0 0 7px 4px rgba(0, 0, 0, 0.2); } .bread2 .wal #jss { display: flex; align-items: center; } .bread2 .wal #jss li { width: 25%; padding-left: 125px; padding-top: 25px; } .bread2 .wal #jss li h1 { position: relative; padding-bottom: 10px; } .bread2 .wal #jss li img { margin-top: -15px; margin-left: 26px; } .bread2 .wal #jss li strong { font-size: 48px; margin-left: 10px; } .bread2 .wal #jss li i { position: absolute; display: block; width: 55px; height: 38px; left: 0; bottom: 0; background: url(../img/icon-djxt.png) no-repeat center; background-size: contain; } .bread2 .wal #jss li p { font-size: 16px; margin-top: 10px; } .ny-djgz .dwgk .fl { width: 915px; height: 358px; background-color: #fefafa; padding-right: 113px; padding-top: 50px; padding-left: 53px; } .ny-djgz .dwgk .fl p { font-size: 18px; line-height: 28px; } .ny-djgz .dwgk .fl .more { display: block; margin-top: 30px; width: 162px; height: 55px; line-height: 55px; font-size: 16px; text-align: center; border: 1px solid #bc261a; color: #bc261a; font-weight: 600; } .ny-djgz .dwgk .fl .more:hover { background-color: #bc261a; color: #fff; } .ny-djgz .dwgk .fr { width: 484px; height: 358px; } .ny-djgz .dwgk .fr img{ width: 100%; height: 100%; object-fit: cover; } .ny-djgz .dwgk .tit { height: 50px; width: 100%; border-top: 1px solid #f2d4d2; background: url(../img/icon-djx.png) no-repeat center; background-size: 100% auto; background-position: center bottom; margin-bottom: 50px; } .ny-djgz .dwgk .tit .name { height: 49px; line-height: 49px; font-size: 48px; color: #fff; background: url('../img/icon-jdtx.png') no-repeat center; width: 228px; background-size: 100% 100%; padding-left: 10px; } .ny-djgz .djdt { padding-top: 70px; } .ny-djgz .djdt .u23 li { width: 330px; height: 396px; float: left; margin-right: 25px; margin-bottom: 40px; } .ny-djgz .djdt .u23 li a { display: block; width: 100%; height: 100%; border: 1px solid #e8e8e8; } .ny-djgz .djdt .u23 li .imgk { width: 306px; height: 229px; margin: 12px; } .ny-djgz .djdt .u23 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-djgz .djdt .u23 li .tit { font-size: 18px; position: relative; margin-top: 25px; margin-right: 15px; padding-left: 30px; transition: all 0.5; } .ny-djgz .djdt .u23 li .tit::after { content: ''; width: 4px; height: 41px; position: absolute; background: #bc261a; left: 0px; top: 0; } .ny-djgz .djdt .u23 li .time { padding-left: 30px; font-size: 14px; color: #666666; margin-top: 30px; } .ny-djgz .djdt .u23 li:nth-child(4n) { margin-right: 0; } .ny-djgz .djdt .u23 li:hover .tit { color: #bc261a; } .ny-djgz .djdt .u23 li a:hover { color: #bc261a; } .ny-djgz .tit-2 { display: flex; align-items: center; margin-bottom: 50px; } .ny-djgz .tit-2 i { width: 100%; height: 1px; background: #e6e6e6; flex: 1; } .ny-djgz .tit-2 .fm { font-size: 48px; margin: 0 30px; color: #bc261a; } .ny-djgz .tit-2 .more { font-size: 16px; margin-left: 15px; color: #bc261a; } .ny-djgz .zbfc .u24 li { float: left; width: 340px; height: 312px; margin-right: 13px; margin-bottom: 11px; } .ny-djgz .zbfc .u24 li a { width: 100%; height: 100%; display: block; } .ny-djgz .zbfc .u24 li:nth-child(4n) { margin-right: 0; } .ny-djgz .zbfc .u24 li .imgk { width: 340px; height: 256px; } .ny-djgz .zbfc .u24 li .imgk img { object-fit: cover; width: 100%; height: 100%; } .ny-djgz .zbfc .u24 li .txt { text-align: center; font-size: 18px; height: 60px; line-height: 60px; } .ny-djgz .zbfc .u24 li:hover { background: #bc261a; } .ny-djgz .zbfc .u24 li:hover .txt { color: #fff; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .bread2 .wal { height: 1.44rem; width: 100%; background: #bc261a; color: #fff; margin-top: -0.48rem; box-shadow: 0 0 7px 4px rgba(0, 0, 0, 0.2); } .bread2 .wal #jss { display: flex; align-items: center; } .bread2 .wal #jss li { width: 25%; padding-left: 1.25rem; padding-top: 0.25rem; } .bread2 .wal #jss li h1 { position: relative; padding-bottom: 0.1rem; } .bread2 .wal #jss li img { margin-top: -0.15rem; margin-left: 0.26rem; } .bread2 .wal #jss li strong { font-size: 0.418rem; margin-left: 0.1rem; } .bread2 .wal #jss li i { position: absolute; display: block; width: 0.55rem; height: 0.38rem; left: 0; bottom: 0; background: url(../img/icon-djxt.png) no-repeat center; background-size: contain; } .bread2 .wal #jss li p { font-size: 0.16rem; margin-top: 0.1rem; } .ny-djgz .dwgk { margin-top: 0.8rem; } .ny-djgz .dwgk .fl { width: 9.15rem; height: 3.58rem; background-color: #fefafa; padding-right: 1.13rem; padding-top: 0.5rem; padding-left: 0.53rem; } .ny-djgz .dwgk .fl p { font-size: 0.18rem; line-height: 0.28rem; } .ny-djgz .dwgk .fl .more { display: block; margin-top: 0.3rem; width: 1.62rem; height: 0.55rem; line-height: 0.55rem; font-size: 0.16rem; text-align: center; border: 1px solid #bc261a; color: #bc261a; font-weight: 600; } .ny-djgz .dwgk .fl .more:hover { background-color: #bc261a; color: #fff; } .ny-djgz .dwgk .fr { width: 4.84rem; height: 3.58rem; } .ny-djgz .dwgk .fr img{ width: 100%; height: 100%; object-fit: cover; } .ny-djgz .dwgk .fr img { width: 4.84rem; } .ny-djgz .dwgk .tit { height: 0.5rem; width: 100%; border-top: 1px solid #f2d4d2; background: url(../img/icon-djx.png) no-repeat center; background-size: 100% auto; background-position: center bottom; margin-bottom: 0.5rem; } .ny-djgz .dwgk .tit .name { height: 0.49rem; line-height: 0.49rem; font-size: 0.48rem; color: #fff; background: url('../img/icon-jdtx.png') no-repeat center; width: 2.28rem; background-size: 100% 100%; padding-left: 0.1rem; } .ny-djgz .djdt { padding-top: 0.7rem; } .ny-djgz .djdt .u23 li { width: 3.3rem; height: 3.96rem; float: left; margin-right: 0.25rem; margin-bottom: 0.4rem; } .ny-djgz .djdt .u23 li a { display: block; width: 100%; height: 100%; border: 1px solid #e8e8e8; } .ny-djgz .djdt .u23 li .imgk { width: 3.06rem; height: 2.29rem; margin: 0.12rem; } .ny-djgz .djdt .u23 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-djgz .djdt .u23 li .tit { font-size: 0.18rem; position: relative; margin-top: 0.25rem; margin-right: 0.15rem; padding-left: 0.3rem; transition: all 0.5; } .ny-djgz .djdt .u23 li .tit::after { content: ''; width: 0.04rem; height: 0.41rem; position: absolute; background: #bc261a; left: 0px; top: 0; } .ny-djgz .djdt .u23 li .time { padding-left: 0.3rem; font-size: 0.14rem; color: #666666; margin-top: 0.3rem; } .ny-djgz .djdt .u23 li:nth-child(4n) { margin-right: 0; } .ny-djgz .djdt .u23 li:hover .tit { color: #bc261a; } .ny-djgz .djdt .u23 li a:hover { color: #bc261a; } .ny-djgz .tit-2 { display: flex; align-items: center; margin-bottom: 0.5rem; } .ny-djgz .tit-2 i { width: 100%; height: 1px; background: #e6e6e6; flex: 1; } .ny-djgz .tit-2 .fm { font-size: 0.48rem; margin: 0 0.3rem; color: #bc261a; } .ny-djgz .tit-2 .more { font-size: 0.16rem; margin-left: 0.15rem; color: #bc261a; } .ny-djgz .zbfc .u24 li { float: left; width: 3.4rem; height: 3.12rem; margin-right: 0.13rem; margin-bottom: 0.11rem; } .ny-djgz .zbfc .u24 li a { width: 100%; height: 100%; display: block; } .ny-djgz .zbfc .u24 li:nth-child(4n) { margin-right: 0; } .ny-djgz .zbfc .u24 li .imgk { width: 3.4rem; height: 2.56rem; } .ny-djgz .zbfc .u24 li .imgk img { object-fit: cover; width: 100%; height: 100%; } .ny-djgz .zbfc .u24 li .txt { text-align: center; font-size: 0.18rem; height: 0.6rem; line-height: 0.6rem; } .ny-djgz .zbfc .u24 li:hover { background: #bc261a; } .ny-djgz .zbfc .u24 li:hover .txt { color: #fff; } } @media only screen and (max-width: 800px) { .bread2 .wal { padding: 20px 0; width: 100%; background: #bc261a; color: #fff; margin-top: -40px; box-shadow: 0 0 7px 4px rgba(0, 0, 0, 0.2); } .bread2 .wal #jss { display: flex; justify-content: space-around; align-items: center; } .bread2 .wal #jss li { margin: 0 2%; } .bread2 .wal #jss li h1 { position: relative; padding-bottom: 10px; } .bread2 .wal #jss li img { margin-top: -15px; margin-left: 26px; } .bread2 .wal #jss li strong { font-size: 40px; margin-left: 10px; } .bread2 .wal #jss li i { position: absolute; display: block; width: 50px; height: 33px; left: 0; bottom: 0; background: url(../img/icon-djxt.png) no-repeat center; background-size: contain; } .bread2 .wal #jss li p { font-size: 16px; margin-top: 10px; } .ny-djgz .dwgk { margin-top: 60px; background-color: #fefafa; } .ny-djgz .dwgk .fl { width: 70%; padding: 30px; } .ny-djgz .dwgk .fl p { font-size: 16px; line-height: 28px; } .ny-djgz .dwgk .fl .more { display: block; margin-top: 30px; width: 140px; height: 45px; line-height: 45px; font-size: 16px; text-align: center; border: 1px solid #bc261a; color: #bc261a; font-weight: 600; } .ny-djgz .dwgk .fl .more:hover { background-color: #bc261a; color: #fff; } .ny-djgz .dwgk .fr { width: 30%; } .ny-djgz .dwgk .tit { height: 50px; width: 100%; border-top: 1px solid #f2d4d2; background: url(../img/icon-djx.png) no-repeat center; background-size: 100% auto; background-position: center bottom; margin-bottom: 30px; } .ny-djgz .dwgk .tit .name { height: 49px; line-height: 49px; font-size: 48px; color: #fff; background: url('../img/icon-jdtx.png') no-repeat center; width: 228px; background-size: 100% 100%; padding-left: 10px; } .ny-djgz .djdt { padding-top: 50px; } .ny-djgz .djdt .u23 li { width: 48%; height: auto; float: left; margin-right: 4%; margin-bottom: 20px; } .ny-djgz .djdt .u23 li a { display: block; width: 100%; height: 100%; border: 1px solid #e8e8e8; padding-bottom: 15px; } .ny-djgz .djdt .u23 li .imgk { width: 94%; height: 31vw; margin: 3%; } .ny-djgz .djdt .u23 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-djgz .djdt .u23 li .tit { font-size: 16px; position: relative; margin-top: 20px; margin-right: 10px; padding-left: 20px; transition: all 0.5; height: 41px; } .ny-djgz .djdt .u23 li .tit::after { content: ''; width: 4px; height: 41px; position: absolute; background: #bc261a; left: 0px; top: 0; } .ny-djgz .djdt .u23 li .time { padding-left: 20px; font-size: 14px; color: #666666; margin-top: 20px; } .ny-djgz .djdt .u23 li:nth-child(3n) { margin-right: 4%; } .ny-djgz .djdt .u23 li:nth-child(2n) { margin-right: 0; } .ny-djgz .djdt .u23 li:hover .tit { color: #bc261a; } .ny-djgz .djdt .u23 li a:hover { color: #bc261a; } .ny-djgz .tit-2 { display: flex; align-items: center; margin-bottom: 30px; } .ny-djgz .tit-2 i { width: 100%; height: 1px; background: #e6e6e6; flex: 1; } .ny-djgz .tit-2 .fm { font-size: 40px; margin: 0 15px; color: #bc261a; } .ny-djgz .tit-2 .more { font-size: 11px; margin-left: 15px; color: #bc261a; } .ny-djgz .zbfc .u24 li { float: left; width: 48%; margin-right: 4%; margin-bottom: 11px; } .ny-djgz .zbfc .u24 li a { width: 100%; height: 100%; display: block; } .ny-djgz .zbfc .u24 li .imgk { width: 100%; height: 30vw; } .ny-djgz .zbfc .u24 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-djgz .zbfc .u24 li:nth-child(2n) { margin-right: 0; } .ny-djgz .zbfc .u24 li .txt { text-align: center; font-size: 16px; height: 60px; line-height: 60px; } .ny-djgz .zbfc .u24 li:hover { background: #bc261a; } .ny-djgz .zbfc .u24 li:hover .txt { color: #fff; } } @media only screen and (max-width: 800px) { .bread2 .wal { padding: 20px 0; width: auto; background: #bc261a; color: #fff; margin-top: -40px; box-shadow: 0 0 7px 4px rgba(0, 0, 0, 0.2); } .bread2 .wal #jss { display: flex; justify-content: space-around; align-items: center; } .bread2 .wal #jss li { margin: 0 2%; } .bread2 .wal #jss li h1 { position: relative; padding-bottom: 10px; } .bread2 .wal #jss li img { margin-top: -15px; margin-left: 10px; display: none; } .bread2 .wal #jss li strong { font-size: 30px; margin-left: 10px; } .bread2 .wal #jss li i { position: absolute; display: block; width: 40px; height: 25px; left: 0; bottom: 0; background: url(../img/icon-djxt.png) no-repeat center; background-size: contain; } .bread2 .wal #jss li p { font-size: 14px; margin-top: 10px; } .ny-djgz .dwgk { margin-top: 60px; background-color: #fefafa; } .ny-djgz .dwgk .fl { float: none; width: 100%; padding: 20px; } .ny-djgz .dwgk .fl p { font-size: 16px; line-height: 28px; } .ny-djgz .dwgk .fl .more { display: block; margin-top: 20px; width: 140px; height: 45px; line-height: 45px; font-size: 16px; text-align: center; border: 1px solid #bc261a; color: #bc261a; font-weight: 600; } .ny-djgz .dwgk .fr { width: 100%; float: none; } .ny-djgz .dwgk .fr img { width: 100%; } .ny-djgz .dwgk .tit { height: 50px; width: 100%; border-top: 1px solid #f2d4d2; background: url(../img/icon-djx.png) no-repeat center; background-size: 100% auto; background-position: center bottom; margin-bottom: 20px; } .ny-djgz .dwgk .tit .name { height: 49px; line-height: 49px; font-size: 36px; color: #fff; background: url('../img/icon-jdtx.png') no-repeat center; width: 190px; background-size: 100% 100%; padding-left: 10px; } .ny-djgz .djdt { padding-top: 30px; } .ny-djgz .tit-2 { display: flex; align-items: center; margin-bottom: 30px; } .ny-djgz .tit-2 i { width: 100%; height: 1px; background: #e6e6e6; flex: 1; } .ny-djgz .tit-2 .fm { font-size: 36px; margin: 0 15px; color: #bc261a; } .ny-djgz .tit-2 .more { font-size: 11px; margin-left: 15px; color: #bc261a; } } @media only screen and (min-width: 1430px) { .ny-szdw { padding-bottom: 0; } .ny-szdw .szgk { padding-bottom: 100px; } .ny-szdw .szgk .tit { font-size: 60px; margin-bottom: 40px; color: #01478e; } .ny-szdw .szgk .sz-jj .js { float: left; width: 242px; height: 242px; position: relative; } .ny-szdw .szgk .sz-jj .js .bg { transition: all 0.5s; } .ny-szdw .szgk .sz-jj .js .name { position: absolute; font-size: 30px; left: 57px; top: 80px; } .ny-szdw .szgk .sz-jj .js .num { position: absolute; top: 130px; left: 57px; font-size: 16px; color: #01478e; } .ny-szdw .szgk .sz-jj .js .num span { font-size: 40px; } .ny-szdw .szgk .sz-jj .js:hover .bg { transform: rotateZ(360deg); transform-origin: center; } .ny-szdw .szgk .sz-jj .xx { width: 1010px; float: right; } .ny-szdw .szgk .sz-jj .xx p { font-size: 24px; color: #01478e; margin-bottom: 20px; font-weight: 600; } .ny-szdw .szgk .sz-jj .xx .u16 li { border-bottom: 1px solid #e6e6e6; position: relative; float: left; width: 455px; height: 57px; line-height: 57px; padding-left: 24px; margin-right: 100px; } .ny-szdw .szgk .sz-jj .xx .u16 li:after { content: ''; background: url('../img/icon-dian.png') no-repeat center; background-size: contain; position: absolute; left: 0; top: 25px; width: 5px; height: 5px; } .ny-szdw .szgk .sz-jj .xx .u16 li:nth-child(1), .ny-szdw .szgk .sz-jj .xx .u16 li:nth-child(2) { border-top: 2px solid #efefef; } .ny-szdw .szgk .sz-jj .xx .u16 li:nth-child(2n) { margin-right: 0; } .ny-szdw .xzfc { padding-top: 70px; padding-bottom: 110px; background: url(../img/images/szdw-bg2.jpg) no-repeat center; background-size: cover; position: relative; } .ny-szdw .xzfc .tit { font-size: 60px; margin: 0 auto; text-align: center; color: #fff; margin-bottom: 60px; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .imgk { float: left; width: 335px; height: 450px; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .info { float: left; width: 340px; height: 450px; background-color: #f3f3f3; padding: 90px 25px 10px 42px; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .info .name { font-size: 30px; color: #01478e; margin-bottom: 20px; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .info .zw { font-size: 20px; color: #01478e; margin-bottom: 30px; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .info .txt { font-size: 16px; line-height: 26px; } .ny-szdw .xzfc .swiper-button-next { background: url(../img/sw-right.png) no-repeat center; background-size: contain; width: 70px; height: 70px; opacity: 0.6; } .ny-szdw .xzfc .swiper-button-prev { background: url(../img/sw-right.png) no-repeat center; background-size: contain; width: 70px; height: 70px; opacity: 0.6; transform: rotate(180deg); } .ny-szdw .xzfc .swiper-button-next:hover, .ny-szdw .xzfc .swiper-button-prev:hover { opacity: 1; } .ny-szdw .tags { padding: 100px 0; } .ny-szdw .tags .wal li { float: left; transition: all 0.5s; overflow: hidden; } .ny-szdw .tags .wal li a { display: block; width: 100%; height: 100%; } .ny-szdw .tags .wal li i { text-align: center; } .ny-szdw .tags .wal li i img { height: 85px; } .ny-szdw .tags .wal li .name { font-size: 48px; color: #fff; } .ny-szdw .tags .wal li:hover a { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .ny-szdw .tags .wal li:nth-child(1) { width: 410px; height: 430px; background: url(../img/images/img40_05.jpg) no-repeat center; background-size: cover; margin-right: 30px; margin-bottom: 30px; } .ny-szdw .tags .wal li:nth-child(1) i { margin-top: 117px; margin-bottom: 20px; width: 100%; display: block; } .ny-szdw .tags .wal li:nth-child(1) .name { text-align: center; } .ny-szdw .tags .wal li:nth-child(2) { width: 410px; height: 430px; background: url(../img/images/img41_07.jpg) no-repeat center; background-size: cover; margin-right: 30px; margin-bottom: 30px; } .ny-szdw .tags .wal li:nth-child(2) i { margin-top: 117px; margin-bottom: 20px; width: 100%; display: block; } .ny-szdw .tags .wal li:nth-child(2) .name { text-align: center; } .ny-szdw .tags .wal li:nth-child(3) { width: 520px; height: 430px; background: url(../img/images/img41.jpg) no-repeat center; background-size: cover; margin-bottom: 30px; } .ny-szdw .tags .wal li:nth-child(3) i { margin-top: 117px; margin-bottom: 20px; width: 100%; display: block; } .ny-szdw .tags .wal li:nth-child(3) .name { text-align: center; } .ny-szdw .tags .wal li:nth-child(4) { width: 850px; height: 200px; background: url(../img/images/img44_20.jpg) no-repeat center; background-size: cover; margin-right: 30px; } .ny-szdw .tags .wal li:nth-child(4) a { display: flex; align-items: center; justify-content: flex-start; } .ny-szdw .tags .wal li:nth-child(4) i { margin: 0 55px; } .ny-szdw .tags .wal li:nth-child(5) { width: 520px; height: 200px; background: url(../img/images/img45_17.jpg) no-repeat center; background-size: cover; } .ny-szdw .tags .wal li:nth-child(5) a { display: flex; align-items: center; justify-content: center; } .ny-szdw .tags .wal li:nth-child(5) i { margin-right: 55px; } .ny-szdw .xglj { background: url(../img/images/szdw-bg.jpg) no-repeat center; background-size: cover; padding: 60px; } .ny-szdw .xglj .tit { font-size: 48px; margin-bottom: 35px; color: #01478e; text-align: center; } .ny-szdw .xglj .ny_ban4 { padding-bottom: 40px; } .ny-szdw .xglj .ny_ban4 .swiper-slide li { float: left; width: 429px; height: 93px; background-color: #fff; border: 1px solid #dddddd; margin-right: 53px; margin-bottom: 25px; } .ny-szdw .xglj .ny_ban4 .swiper-slide li a { display: block; width: 100%; height: 100%; padding: 0 27px; display: flex; align-items: center; } .ny-szdw .xglj .ny_ban4 .swiper-slide li .name { font-size: 18px; width: 100%; flex: 1; } .ny-szdw .xglj .ny_ban4 .swiper-slide li:nth-child(3n) { margin-right: 0; } .ny-szdw .xglj .ny_ban4 .swiper-pagination-bullet { width: 15px; height: 15px; background-color: #dfdfdf; opacity: 1; margin: 0 10px; } .ny-szdw .xglj .ny_ban4 .swiper-pagination-bullet-active { background: #01478e; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .ny-szdw { padding-bottom: 0; } .ny-szdw .szgk { padding-bottom: 1rem; } .ny-szdw .szgk .tit { font-size: 0.6rem; margin-bottom: 0.4rem; color: #01478e; } .ny-szdw .szgk .sz-jj .js { float: left; width: 2.42rem; height: 2.42rem; position: relative; } .ny-szdw .szgk .sz-jj .js .bg { transition: all 0.5s; } .ny-szdw .szgk .sz-jj .js .name { position: absolute; font-size: 0.3rem; left: 0.57rem; top: 0.8rem; } .ny-szdw .szgk .sz-jj .js .num { position: absolute; top: 1.3rem; left: 0.57rem; font-size: 0.16rem; color: #01478e; } .ny-szdw .szgk .sz-jj .js .num span { font-size: 0.4rem; } .ny-szdw .szgk .sz-jj .js:hover .bg { transform: rotateZ(360deg); transform-origin: center; } .ny-szdw .szgk .sz-jj .xx { width: 10.1rem; float: right; } .ny-szdw .szgk .sz-jj .xx p { font-size: 0.24rem; color: #01478e; margin-bottom: 0.2rem; font-weight: 600; } .ny-szdw .szgk .sz-jj .xx .u16 li { border-bottom: 1px solid #e6e6e6; position: relative; float: left; width: 4.55rem; height: 0.57rem; line-height: 0.57rem; padding-left: 0.24rem; margin-right: 1rem; } .ny-szdw .szgk .sz-jj .xx .u16 li:after { content: ''; background: url('../img/icon-dian.png') no-repeat center; background-size: contain; position: absolute; left: 0; top: 0.25rem; width: 0.05rem; height: 0.05rem; } .ny-szdw .szgk .sz-jj .xx .u16 li:nth-child(1), .ny-szdw .szgk .sz-jj .xx .u16 li:nth-child(2) { border-top: 2px solid #efefef; } .ny-szdw .szgk .sz-jj .xx .u16 li:nth-child(2n) { margin-right: 0; } .ny-szdw .xzfc { padding-top: 0.7rem; padding-bottom: 1.1rem; background: url(../img/images/szdw-bg2.jpg) no-repeat center; background-size: cover; position: relative; } .ny-szdw .xzfc .tit { font-size: 0.6rem; margin: 0 auto; text-align: center; color: #fff; margin-bottom: 0.6rem; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .imgk { float: left; width: 3.35rem; height: 4.5rem; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .info { float: left; width: 3.4rem; height: 4.5rem; background-color: #f3f3f3; padding: 0.5rem 0.25rem 0.1rem 0.42rem; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .info .name { font-size: 0.3rem; color: #01478e; margin-bottom: 0.2rem; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .info .zw { font-size: 0.2rem; color: #01478e; margin-bottom: 0.3rem; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .info .txt { font-size: 0.16rem; line-height: 0.26rem; } .ny-szdw .xzfc .swiper-button-next { background: url(../img/sw-right.png) no-repeat center; background-size: contain; width: 0.7rem; height: 0.7rem; opacity: 0.6; } .ny-szdw .xzfc .swiper-button-prev { background: url(../img/sw-right.png) no-repeat center; background-size: contain; width: 0.7rem; height: 0.7rem; opacity: 0.6; transform: rotate(180deg); } .ny-szdw .xzfc .swiper-button-next:hover, .ny-szdw .xzfc .swiper-button-prev:hover { opacity: 1; } .ny-szdw .tags { padding: 1rem 0; } .ny-szdw .tags .wal li { float: left; transition: all 0.5s; overflow: hidden; } .ny-szdw .tags .wal li a { display: block; width: 100%; height: 100%; } .ny-szdw .tags .wal li i { text-align: center; } .ny-szdw .tags .wal li i img { height: 0.85rem; } .ny-szdw .tags .wal li .name { font-size: 0.48rem; color: #fff; } .ny-szdw .tags .wal li:hover a { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .ny-szdw .tags .wal li:nth-child(1) { width: 4.1rem; height: 4.3rem; background: url(../img/images/img40_05.jpg) no-repeat center; background-size: cover; margin-right: 0.3rem; margin-bottom: 0.3rem; } .ny-szdw .tags .wal li:nth-child(1) i { margin-top: 1.17rem; margin-bottom: 0.2rem; width: 100%; display: block; } .ny-szdw .tags .wal li:nth-child(1) .name { text-align: center; } .ny-szdw .tags .wal li:nth-child(2) { width: 4.1rem; height: 4.3rem; background: url(../img/images/img41_07.jpg) no-repeat center; background-size: cover; margin-right: 0.3rem; margin-bottom: 0.3rem; } .ny-szdw .tags .wal li:nth-child(2) i { margin-top: 1.17rem; margin-bottom: 0.2rem; width: 100%; display: block; } .ny-szdw .tags .wal li:nth-child(2) .name { text-align: center; } .ny-szdw .tags .wal li:nth-child(3) { width: 5.2rem; height: 4.3rem; background: url(../img/images/img41.jpg) no-repeat center; background-size: cover; margin-bottom: 0.3rem; } .ny-szdw .tags .wal li:nth-child(3) i { margin-top: 1.17rem; margin-bottom: 0.2rem; width: 100%; display: block; } .ny-szdw .tags .wal li:nth-child(3) .name { text-align: center; } .ny-szdw .tags .wal li:nth-child(4) { width: 8.5rem; height: 2rem; background: url(../img/images/img44_20.jpg) no-repeat center; background-size: cover; margin-right: 0.3rem; } .ny-szdw .tags .wal li:nth-child(4) a { display: flex; align-items: center; justify-content: flex-start; } .ny-szdw .tags .wal li:nth-child(4) i { margin: 0 0.55rem; } .ny-szdw .tags .wal li:nth-child(5) { width: 5.2rem; height: 2rem; background: url(../img/images/img45_17.jpg) no-repeat center; background-size: cover; } .ny-szdw .tags .wal li:nth-child(5) a { display: flex; align-items: center; justify-content: center; } .ny-szdw .tags .wal li:nth-child(5) i { margin-right: 0.55rem; } .ny-szdw .xglj { background: url(../img/images/szdw-bg.jpg) no-repeat center; background-size: cover; padding: 0.6rem; } .ny-szdw .xglj .tit { font-size: 0.48rem; margin-bottom: 0.35rem; color: #01478e; text-align: center; } .ny-szdw .xglj .ny_ban4 { padding-bottom: 0.4rem; } .ny-szdw .xglj .ny_ban4 .swiper-slide li { float: left; width: 4.29rem; height: 0.93rem; background-color: #fff; border: 1px solid #dddddd; margin-right: 0.53rem; margin-bottom: 0.25rem; } .ny-szdw .xglj .ny_ban4 .swiper-slide li a { display: block; width: 100%; height: 100%; padding: 0 0.27rem; display: flex; align-items: center; } .ny-szdw .xglj .ny_ban4 .swiper-slide li .name { font-size: 0.18rem; width: 100%; flex: 1; } .ny-szdw .xglj .ny_ban4 .swiper-slide li:nth-child(3n) { margin-right: 0; } .ny-szdw .xglj .ny_ban4 .swiper-pagination-bullet { width: 0.15rem; height: 0.15rem; background-color: #dfdfdf; opacity: 1; margin: 0 0.1rem; } .ny-szdw .xglj .ny_ban4 .swiper-pagination-bullet-active { background: #01478e; } } @media only screen and (max-width: 800px) { .ny-szdw { padding-bottom: 0; } .ny-szdw .szgk { padding-bottom: 100px; } .ny-szdw .szgk .tit { font-size: 60px; margin-bottom: 40px; color: #01478e; } .ny-szdw .szgk .sz-jj .js { width: 242px; height: 242px; position: relative; margin: 0 auto; } .ny-szdw .szgk .sz-jj .js .bg { transition: all 0.5s; } .ny-szdw .szgk .sz-jj .js .name { position: absolute; font-size: 30px; left: 57px; top: 80px; } .ny-szdw .szgk .sz-jj .js .num { position: absolute; top: 130px; left: 57px; font-size: 16px; color: #01478e; } .ny-szdw .szgk .sz-jj .js .num span { font-size: 40px; } .ny-szdw .szgk .sz-jj .js:hover .bg { transform: rotateZ(360deg); transform-origin: center; } .ny-szdw .szgk .sz-jj .xx p { margin-top: 15px; font-size: 24px; color: #01478e; margin-bottom: 20px; font-weight: 600; } .ny-szdw .szgk .sz-jj .xx .u16 li { border-bottom: 1px solid #e6e6e6; position: relative; float: left; width: 48%; height: 57px; line-height: 57px; padding-left: 24px; margin-right: 4%; } .ny-szdw .szgk .sz-jj .xx .u16 li:after { content: ''; background: url('../img/icon-dian.png') no-repeat center; background-size: contain; position: absolute; left: 0; top: 25px; width: 5px; height: 5px; } .ny-szdw .szgk .sz-jj .xx .u16 li:nth-child(1), .ny-szdw .szgk .sz-jj .xx .u16 li:nth-child(2) { border-top: 2px solid #efefef; } .ny-szdw .szgk .sz-jj .xx .u16 li:nth-child(2n) { margin-right: 0; } .ny-szdw .xzfc { padding-top: 70px; padding-bottom: 110px; background: url(../img/images/szdw-bg2.jpg) no-repeat center; background-size: cover; position: relative; } .ny-szdw .xzfc .tit { font-size: 60px; margin: 0 auto; text-align: center; color: #fff; margin-bottom: 60px; } .ny-szdw .xzfc .ny_ban3 { padding: 0 30px; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .imgk { float: left; width: 50%; height: 400px; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .info { float: left; width: 50%; height: 400px; background-color: #f3f3f3; padding: 40px 15px 10px 15px; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .info .name { font-size: 24px; color: #01478e; margin-bottom: 20px; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .info .zw { font-size: 18px; color: #01478e; margin-bottom: 30px; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .info .txt { font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; } .ny-szdw .xzfc .swiper-button-next { background: url(../img/sw-right.png) no-repeat center; background-size: contain; width: 50px; height: 50px; opacity: 0.6; } .ny-szdw .xzfc .swiper-button-prev { background: url(../img/sw-right.png) no-repeat center; background-size: contain; width: 50px; height: 50px; opacity: 0.6; transform: rotate(180deg); } .ny-szdw .xzfc .swiper-button-next:hover, .ny-szdw .xzfc .swiper-button-prev:hover { opacity: 1; } .ny-szdw .tags { padding: 100px 0; } .ny-szdw .tags .wal li { float: left; transition: all 0.5s; overflow: hidden; } .ny-szdw .tags .wal li a { display: block; width: 100%; height: 100%; } .ny-szdw .tags .wal li i { text-align: center; } .ny-szdw .tags .wal li i img { height: 65px; } .ny-szdw .tags .wal li .name { font-size: 40px; color: #fff; } .ny-szdw .tags .wal li:hover a { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .ny-szdw .tags .wal li:nth-child(1) { width: 48%; height: 430px; background: url(../img/images/img40_05.jpg) no-repeat center; background-size: cover; margin-right: 4%; margin-bottom: 30px; } .ny-szdw .tags .wal li:nth-child(1) i { margin-top: 117px; margin-bottom: 20px; width: 100%; display: block; } .ny-szdw .tags .wal li:nth-child(1) .name { text-align: center; } .ny-szdw .tags .wal li:nth-child(2) { width: 48%; height: 430px; background: url(../img/images/img41_07.jpg) no-repeat center; background-size: cover; margin-bottom: 30px; } .ny-szdw .tags .wal li:nth-child(2) i { margin-top: 117px; margin-bottom: 20px; width: 100%; display: block; } .ny-szdw .tags .wal li:nth-child(2) .name { text-align: center; } .ny-szdw .tags .wal li:nth-child(3) { width: 48%; height: 200px; background: url(../img/images/img42_09.jpg) no-repeat center; background-size: cover; margin-bottom: 30px; margin-right: 4%; } .ny-szdw .tags .wal li:nth-child(3) a { display: flex; align-items: center; justify-content: center; } .ny-szdw .tags .wal li:nth-child(3) i { margin-right: 55px; } .ny-szdw .tags .wal li:nth-child(4) { width: 48%; height: 200px; background: url(../img/images/img43_12.jpg) no-repeat center; background-size: cover; margin-bottom: 30px; } .ny-szdw .tags .wal li:nth-child(4) a { display: flex; align-items: center; justify-content: center; } .ny-szdw .tags .wal li:nth-child(4) i { margin-right: 55px; } .ny-szdw .tags .wal li:nth-child(5) { width: 100%; height: 200px; background: url(../img/images/img44_20.jpg) no-repeat center; background-size: cover; margin-bottom: 30px; } .ny-szdw .tags .wal li:nth-child(5) a { display: flex; align-items: center; justify-content: flex-start; } .ny-szdw .tags .wal li:nth-child(5) i { margin: 0 55px; } .ny-szdw .tags .wal li:nth-child(6) { width: 100%; height: 200px; background: url(../img/images/img45_17.jpg) no-repeat center; background-size: cover; } .ny-szdw .tags .wal li:nth-child(6) a { display: flex; align-items: center; justify-content: flex-start; } .ny-szdw .tags .wal li:nth-child(6) i { margin: 0 55px; } .ny-szdw .xglj { background: url(../img/images/szdw-bg.jpg) no-repeat center; background-size: cover; padding: 60px; } .ny-szdw .xglj .tit { font-size: 48px; margin-bottom: 35px; color: #01478e; text-align: center; } .ny-szdw .xglj .ny_ban4 { padding-bottom: 40px; } .ny-szdw .xglj .ny_ban4 .swiper-slide li { float: left; width: 48%; height: 93px; background-color: #fff; border: 1px solid #dddddd; margin-right: 4%; margin-bottom: 25px; } .ny-szdw .xglj .ny_ban4 .swiper-slide li a { display: block; width: 100%; height: 100%; padding: 0 27px; display: flex; align-items: center; } .ny-szdw .xglj .ny_ban4 .swiper-slide li .name { font-size: 18px; width: 100%; flex: 1; } .ny-szdw .xglj .ny_ban4 .swiper-slide li:nth-child(2n) { margin-right: 0; } .ny-szdw .xglj .ny_ban4 .swiper-pagination-bullet { width: 15px; height: 15px; background-color: #dfdfdf; opacity: 1; margin: 0 10px; } .ny-szdw .xglj .ny_ban4 .swiper-pagination-bullet-active { background: #01478e; } } @media only screen and (max-width: 800px) { .ny-szdw { padding-bottom: 0; } .ny-szdw .szgk { padding-bottom: 50px; } .ny-szdw .szgk .tit { font-size: 40px; margin-bottom: 30px; color: #01478e; } .ny-szdw .szgk .sz-jj .js { width: 242px; height: 242px; position: relative; margin: 0 auto; } .ny-szdw .szgk .sz-jj .js .bg { transition: all 0.5s; } .ny-szdw .szgk .sz-jj .js .name { position: absolute; font-size: 30px; left: 57px; top: 80px; } .ny-szdw .szgk .sz-jj .js .num { position: absolute; top: 130px; left: 57px; font-size: 16px; color: #01478e; } .ny-szdw .szgk .sz-jj .js .num span { font-size: 40px; } .ny-szdw .szgk .sz-jj .js:hover .bg { transform: rotateZ(360deg); transform-origin: center; } .ny-szdw .szgk .sz-jj .xx p { margin-top: 15px; font-size: 20px; color: #01478e; margin-bottom: 15px; font-weight: 600; } .ny-szdw .szgk .sz-jj .xx .u16 li { border-bottom: 1px solid #e6e6e6; position: relative; float: left; width: 100%; height: 57px; line-height: 57px; padding-left: 24px; font-size: 16px; margin-right: 0; } .ny-szdw .szgk .sz-jj .xx .u16 li:after { content: ''; background: url('../img/icon-dian.png') no-repeat center; background-size: contain; position: absolute; left: 0; top: 25px; width: 5px; height: 5px; } .ny-szdw .szgk .sz-jj .xx .u16 li:nth-child(1) { border-top: 2px solid #efefef; } .ny-szdw .szgk .sz-jj .xx .u16 li:nth-child(2) { border-top: 0px solid #efefef; } .ny-szdw .szgk .sz-jj .xx .u16 li:nth-child(2n) { margin-right: 0; } .ny-szdw .xzfc { padding: 0 30px; padding-top: 50px; padding-bottom: 50px; background: url(../img/images/szdw-bg2.jpg) no-repeat center; background-size: cover; position: relative; } .ny-szdw .xzfc .tit { font-size: 40px; margin: 0 auto; text-align: center; color: #fff; margin-bottom: 60px; } .ny-szdw .xzfc .ny_ban3 { padding: 0; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .imgk { float: left; width: 50%; height: 4.5rem; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .info { float: left; width: 50%; height: 4.5rem; background-color: #f3f3f3; padding: 40px 15px 10px 15px; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .info .name { font-size: 24px; color: #01478e; margin-bottom: 15px; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .info .zw { font-size: 18px; color: #01478e; margin-bottom: 20px; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .info .txt { display: none !important; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; } .ny-szdw .xzfc .swiper-button-next { background: url(../img/sw-right.png) no-repeat center; background-size: contain; width: 30px; height: 30px; opacity: 0.6; } .ny-szdw .xzfc .swiper-button-prev { background: url(../img/sw-right.png) no-repeat center; background-size: contain; width: 30px; height: 30px; opacity: 0.6; transform: rotate(180deg); } .ny-szdw .xzfc .swiper-button-next:hover, .ny-szdw .xzfc .swiper-button-prev:hover { opacity: 1; } .ny-szdw .tags { padding: 50px 0; } .ny-szdw .tags .wal li { float: left; transition: all 0.5s; overflow: hidden; } .ny-szdw .tags .wal li a { display: block; width: 100%; height: 100%; } .ny-szdw .tags .wal li i { text-align: center; } .ny-szdw .tags .wal li i img { height: 45px; } .ny-szdw .tags .wal li .name { font-size: 30px; color: #fff; } .ny-szdw .tags .wal li:hover a { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .ny-szdw .tags .wal li:nth-child(1) { width: 48%; height: auto; padding: 50px 0; background: url(../img/images/img40_05.jpg) no-repeat center; background-size: cover; margin-right: 4%; margin-bottom: 30px; } .ny-szdw .tags .wal li:nth-child(1) i { margin-top: 0; margin-bottom: 20px; width: 100%; display: block; } .ny-szdw .tags .wal li:nth-child(1) .name { text-align: center; } .ny-szdw .tags .wal li:nth-child(2) { width: 48%; height: auto; padding: 50px 0; background: url(../img/images/img41_07.jpg) no-repeat center; background-size: cover; margin-bottom: 30px; } .ny-szdw .tags .wal li:nth-child(2) i { margin-top: 0; margin-bottom: 20px; width: 100%; display: block; } .ny-szdw .tags .wal li:nth-child(2) .name { text-align: center; } .ny-szdw .tags .wal li:nth-child(3) { width: 100%; height: 120px; background: url(../img/images/img42_09.jpg) no-repeat center; background-size: cover; margin-bottom: 30px; margin-right: 0%; } .ny-szdw .tags .wal li:nth-child(3) a { display: flex; align-items: center; justify-content: flex-start; } .ny-szdw .tags .wal li:nth-child(3) i { margin: 0 25px; } .ny-szdw .tags .wal li:nth-child(4) { width: 100%; height: 120px; background: url(../img/images/img43_12.jpg) no-repeat center; background-size: cover; margin-bottom: 30px; } .ny-szdw .tags .wal li:nth-child(4) a { display: flex; align-items: center; justify-content: flex-start; } .ny-szdw .tags .wal li:nth-child(4) i { margin: 0 25px; } .ny-szdw .tags .wal li:nth-child(5) { width: 100%; height: 120px; background: url(../img/images/img44_20.jpg) no-repeat center; background-size: cover; margin-bottom: 30px; } .ny-szdw .tags .wal li:nth-child(5) a { display: flex; align-items: center; justify-content: flex-start; } .ny-szdw .tags .wal li:nth-child(5) i { margin: 0 25px; } .ny-szdw .tags .wal li:nth-child(6) { width: 100%; height: 120px; background: url(../img/images/img45_17.jpg) no-repeat center; background-size: cover; } .ny-szdw .tags .wal li:nth-child(6) a { display: flex; align-items: center; justify-content: flex-start; } .ny-szdw .tags .wal li:nth-child(6) i { margin: 0 25px; } .ny-szdw .xglj { background: url(../img/images/szdw-bg.jpg) no-repeat center; background-size: cover; padding: 40px 0; } .ny-szdw .xglj .tit { font-size: 40px; margin-bottom: 30px; color: #01478e; text-align: center; } .ny-szdw .xglj .ny_ban4 { padding-bottom: 40px; } .ny-szdw .xglj .ny_ban4 .swiper-slide li { float: left; width: 48%; height: 80px; background-color: #fff; border: 1px solid #dddddd; margin-right: 4%; margin-bottom: 25px; } .ny-szdw .xglj .ny_ban4 .swiper-slide li a { display: block; width: 100%; height: 100%; padding: 0 15px; display: flex; align-items: center; } .ny-szdw .xglj .ny_ban4 .swiper-slide li .name { font-size: 16px; width: 100%; flex: 1; } .ny-szdw .xglj .ny_ban4 .swiper-slide li:nth-child(2n) { margin-right: 0; } .ny-szdw .xglj .ny_ban4 .swiper-pagination-bullet { width: 15px; height: 15px; background-color: #dfdfdf; opacity: 1; margin: 0 10px; } .ny-szdw .xglj .ny_ban4 .swiper-pagination-bullet-active { background: #01478e; } } @media only screen and (max-width: 550px) { .ny-szdw { padding-bottom: 0; } .ny-szdw .xzfc { padding: 0 30px; padding-top: 30px; padding-bottom: 30px; background: url(../img/images/szdw-bg2.jpg) no-repeat center; background-size: cover; position: relative; } .ny-szdw .xzfc .tit { font-size: 40px; margin: 0 auto; text-align: center; color: #fff; margin-bottom: 20px; } .ny-szdw .xzfc .ny_ban3 { padding: 0; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .imgk { float: left; width: 50%; height: 4rem; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .info { float: left; width: 50%; height: 4rem; background-color: #f3f3f3; padding: 40px 15px 10px 15px; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .info .name { font-size: 24px; color: #01478e; margin-bottom: 15px; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .info .zw { font-size: 18px; color: #01478e; margin-bottom: 20px; } .ny-szdw .xzfc .ny_ban3 .swiper-slide .info .txt { display: none !important; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; } .ny-szdw .xzfc .swiper-button-next { background: url(../img/sw-right.png) no-repeat center; background-size: contain; width: 30px; height: 30px; opacity: 0.6; margin-top: 0; } .ny-szdw .xzfc .swiper-button-prev { background: url(../img/sw-right.png) no-repeat center; background-size: contain; width: 30px; height: 30px; opacity: 0.6; transform: rotate(180deg); margin-top: 0; } .ny-szdw .xzfc .swiper-button-next:hover, .ny-szdw .xzfc .swiper-button-prev:hover { opacity: 1; } .ny-szdw .tags { padding: 30px 0; } .ny-szdw .tags .wal li { float: left; transition: all 0.5s; overflow: hidden; } .ny-szdw .tags .wal li a { display: block; width: 100%; height: 100%; } .ny-szdw .tags .wal li i { text-align: center; } .ny-szdw .tags .wal li i img { height: 30px; } .ny-szdw .tags .wal li .name { font-size: 24px; color: #fff; } .ny-szdw .tags .wal li:hover a { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .ny-szdw .tags .wal li:nth-child(1) { width: 48%; height: auto; padding: 30px 0; background: url(../img/images/img40_05.jpg) no-repeat center; background-size: cover; margin-right: 4%; margin-bottom: 0.3rem; } .ny-szdw .tags .wal li:nth-child(1) i { margin-top: 0; margin-bottom: 20px; width: 100%; display: block; } .ny-szdw .tags .wal li:nth-child(1) .name { text-align: center; } .ny-szdw .tags .wal li:nth-child(2) { width: 48%; height: auto; padding: 30px 0; background: url(../img/images/img41_07.jpg) no-repeat center; background-size: cover; margin-bottom: 0.3rem; } .ny-szdw .tags .wal li:nth-child(2) i { margin-top: 0; margin-bottom: 20px; width: 100%; display: block; } .ny-szdw .tags .wal li:nth-child(2) .name { text-align: center; } .ny-szdw .tags .wal li:nth-child(3) { width: 100%; height: 80px; background: url(../img/images/img42_09.jpg) no-repeat center; background-size: cover; margin-bottom: 0.3rem; margin-right: 0%; } .ny-szdw .tags .wal li:nth-child(3) a { display: flex; align-items: center; justify-content: flex-start; } .ny-szdw .tags .wal li:nth-child(3) i { margin: 0 25px; } .ny-szdw .tags .wal li:nth-child(4) { width: 100%; height: 80px; background: url(../img/images/img43_12.jpg) no-repeat center; background-size: cover; margin-bottom: 0.3rem; } .ny-szdw .tags .wal li:nth-child(4) a { display: flex; align-items: center; justify-content: flex-start; } .ny-szdw .tags .wal li:nth-child(4) i { margin: 0 25px; } .ny-szdw .tags .wal li:nth-child(5) { width: 100%; height: 80px; background: url(../img/images/img44_20.jpg) no-repeat center; background-size: cover; margin-bottom: 0.3rem; } .ny-szdw .tags .wal li:nth-child(5) a { display: flex; align-items: center; justify-content: flex-start; } .ny-szdw .tags .wal li:nth-child(5) i { margin: 0 25px; } .ny-szdw .tags .wal li:nth-child(6) { width: 100%; height: 80px; background: url(../img/images/img45_17.jpg) no-repeat center; background-size: cover; } .ny-szdw .tags .wal li:nth-child(6) a { display: flex; align-items: center; justify-content: flex-start; } .ny-szdw .tags .wal li:nth-child(6) i { margin: 0 25px; } .ny-szdw .xglj { background: url(../img/images/szdw-bg.jpg) no-repeat center; background-size: cover; padding: 30px 0; } .ny-szdw .xglj .tit { font-size: 40px; margin-bottom: 25px; color: #01478e; text-align: center; } .ny-szdw .xglj .ny_ban4 { padding-bottom: 30px; } .ny-szdw .xglj .ny_ban4 .swiper-slide li { float: left; width: 48%; height: 65px; background-color: #fff; border: 1px solid #dddddd; margin-right: 4%; margin-bottom: 0.25rem; } .ny-szdw .xglj .ny_ban4 .swiper-slide li a { display: block; width: 100%; height: 100%; padding: 0 15px; display: flex; align-items: center; } .ny-szdw .xglj .ny_ban4 .swiper-slide li .name { font-size: 16px; width: 100%; flex: 1; } .ny-szdw .xglj .ny_ban4 .swiper-slide li:nth-child(2n) { margin-right: 0; } .ny-szdw .xglj .ny_ban4 .swiper-pagination-bullet { width: 0.15rem; height: 0.15rem; background-color: #dfdfdf; opacity: 1; margin: 0 10px; } .ny-szdw .xglj .ny_ban4 .swiper-pagination-bullet-active { background: #01478e; } } @media only screen and (min-width: 1430px) { .ny-kxyj .kygk { background: url(../img/images/kybg_02.jpg) no-repeat center; background-size: cover; padding: 65px 0; padding-top: 100px; } .ny-kxyj .kygk .tit { font-size: 60px; color: #01478e; margin-bottom: 40px; } .ny-kxyj .kygk .fl { width: 682px; } .ny-kxyj .kygk .fl p { font-size: 18px; margin-bottom: 30px; line-height: 30px; } .ny-kxyj .kygk .fl .more { display: block; width: 175px; height: 53px; line-height: 53px; border: 1px solid #eaeaea; text-align: center; margin-top: 70px; font-size: 18px; color: #666666; } .ny-kxyj .kygk .fl .more:hover { border: 1px solid #01478e; background-color: #01478e; color: #fff; } .ny-kxyj .kygk .fr { margin-top: 80px; } .ny-kxyj .kyjd { padding: 70px 0; background-color: #f7f7f7; } .ny-kxyj .kyjd .tit { font-size: 60px; color: #01478e; text-align: center; margin-bottom: 55px; } .ny-kxyj .kyjd .u25 li { width: 327px; float: left; margin-right: 30px; } .ny-kxyj .kyjd .u25 li a { display: block; width: 100%; height: 100%; } .ny-kxyj .kyjd .u25 li .imgk { width: 100%; height: 245px; } .ny-kxyj .kyjd .u25 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-kxyj .kyjd .u25 li .name { text-align: center; font-size: 18px; line-height: 70px; } .ny-kxyj .kyjd .u25 li:nth-child(4) { margin-right: 0; } .ny-kxyj .kyjd .more { display: block; width: 175px; height: 53px; line-height: 53px; border: 1px solid #eaeaea; text-align: center; font-size: 18px; color: #666666; margin: 0 auto; margin-top: 30px; } .ny-kxyj .kyjd .more:hover { border: 1px solid #01478e; background-color: #01478e; color: #fff; } .ny-kxyj .kycg { background: url(../img/images/kyxjbg2_02.jpg) no-repeat center; background-size: cover; padding-top: 70px; padding-bottom: 60px; } .ny-kxyj .kycg .tit { font-size: 48px; color: #fff; text-align: center; margin-bottom: 90px; } .ny-kxyj .kycg .more { display: block; width: 175px; height: 53px; line-height: 53px; border: 1px solid #fff; text-align: center; font-size: 18px; color: #fff; margin: 0 auto; margin-top: 30px; } .ny-kxyj .kycg .more:hover { background-color: #fff; color: #01478e; } .ny-kxyj .kycg .tab-list { margin-left: 25px; margin-bottom: 60px; } .ny-kxyj .kycg .tab-list .tab-item { float: left; background-color: #f0f2f5; width: 450px; padding: 25px 48px 25px 40px; margin-top: 38px; min-height: 304px; } .ny-kxyj .kycg .tab-list .tab-item li { padding-left: 20px; position: relative; } .ny-kxyj .kycg .tab-list .tab-item li::after { content: ''; position: absolute; left: 0; top: 10px; background: url(../img/icon-li3.png) no-repeat center; width: 12px; height: 12px; } .ny-kxyj .kycg .tab-list .tab-item li .name { font-size: 20px; line-height: 30px; margin-bottom: 10px; } .ny-kxyj .kycg .tab-list .tab-item li .lv { border-top: 1px solid #01478e; display: flex; align-items: center; padding-top: 15px; font-size: 16px; } .ny-kxyj .kycg .tab-list .tab-item li .lv p { width: 100%; flex: 1; } .ny-kxyj .kycg .tab-list .tab-item li .lv .time { color: #666666; } .ny-kxyj .kycg .tab-list .tab-item li:nth-child(1) { margin-bottom: 40px; } .ny-kxyj .kycg .tab-list .tab-item:nth-child(2n) { margin-top: 0; width: 450px; min-height: 376px; padding: 60px 40px 60px 24px; background-color: #0b4da2; color: #fff; border-top-right-radius: 30px; border-bottom-left-radius: 30px; } .ny-kxyj .kycg .tab-list .tab-item:nth-child(2n) li a .name { color: #fff; } .ny-kxyj .kycg .tab-list .tab-item:nth-child(2n) li a p { color: #fff; } .ny-kxyj .kycg .tab-list .tab-item:nth-child(2n) li a .time { color: #fff; } .ny-kxyj .kycg .tab-list .tab-item:nth-child(2n) li a .lv { border-top: 1px solid #fff; } .ny-kxyj .ny-tit { width: 100%; font-size: 48px; color: #01478e; display: flex; align-items: center; margin-bottom: 90px; } .ny-kxyj .ny-tit span { margin: 0 10px; } .ny-kxyj .ny-tit i { flex: 1; } .ny-kxyj .kyhz { padding-top: 70px; padding-bottom: 40px; background: url(../img/images/kxyjbg3_02.jpg) no-repeat center; background-size: cover; } .ny-kxyj .kyhz .more { display: block; width: 175px; height: 53px; line-height: 53px; border: 1px solid #eaeaea; text-align: center; font-size: 18px; color: #666666; margin: 0 auto; margin-top: 30px; } .ny-kxyj .kyhz .more:hover { border: 1px solid #01478e; background-color: #01478e; color: #fff; } .ny-kxyj .kyhz .u19 li { margin-right: 27px; margin-bottom: 28px; } .ny-kxyj .kyhz .u19 li:nth-child(4n) { margin-right: 0; } .ny-kxyj .kyzc { padding-top: 100px; padding-bottom: 70px; } .ny-kxyj .kyzc .ny-tit { margin-bottom: 50px; } .ny-kxyj .kyzc .fl { width: 650px; height: 391px; } .ny-kxyj .kyzc .fl .imgk { width: 650px; height: 392px; border: 2px solid #01478e; border-bottom-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden; } .ny-kxyj .kyzc .fl .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-kxyj .kyzc .fr { width: 650px; } .ny-kxyj .kyzc .fr .u9 li { height: 78px; } .ny-kxyj .kyzc .more { display: block; width: 175px; height: 53px; line-height: 53px; border: 1px solid #eaeaea; text-align: center; font-size: 18px; color: #666666; margin: 0 auto; } .ny-kxyj .kyzc .more:hover { border: 1px solid #01478e; background-color: #01478e; color: #fff; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .ny-kxyj .kygk { background: url(../img/images/kybg_02.jpg) no-repeat center; background-size: cover; padding: 0.65rem 0; padding-top: 1rem; } .ny-kxyj .kygk .tit { font-size: 0.6rem; color: #01478e; margin-bottom: 0.4rem; } .ny-kxyj .kygk .fl { width: 6.82rem; } .ny-kxyj .kygk .fl p { font-size: 0.18rem; margin-bottom: 0.3rem; line-height: 0.3rem; } .ny-kxyj .kygk .fl .more { display: block; width: 1.75rem; height: 0.53rem; line-height: 0.53rem; border: 1px solid #eaeaea; text-align: center; margin-top: 0.7rem; font-size: 0.18rem; color: #666666; } .ny-kxyj .kygk .fl .more:hover { border: 1px solid #01478e; background-color: #01478e; color: #fff; } .ny-kxyj .kygk .fr { margin-top: 0.8rem; } .ny-kxyj .kygk .fr .imgk { width: 5.45rem; } .ny-kxyj .kyjd { padding: 0.7rem 0; background-color: #f7f7f7; } .ny-kxyj .kyjd .tit { font-size: 0.6rem; color: #01478e; text-align: center; margin-bottom: 0.55rem; } .ny-kxyj .kyjd .u25 li { width: 3.27rem; float: left; margin-right: 0.3rem; } .ny-kxyj .kyjd .u25 li a { display: block; width: 100%; height: 100%; } .ny-kxyj .kyjd .u25 li .imgk { width: 100%; height: 2.45rem; } .ny-kxyj .kyjd .u25 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-kxyj .kyjd .u25 li .name { text-align: center; font-size: 0.18rem; line-height: 0.7rem; } .ny-kxyj .kyjd .u25 li:nth-child(4) { margin-right: 0; } .ny-kxyj .kyjd .more { display: block; width: 1.75rem; height: 0.53rem; line-height: 0.53rem; border: 1px solid #eaeaea; text-align: center; font-size: 0.18rem; color: #666666; margin: 0 auto; margin-top: 0.3rem; } .ny-kxyj .kyjd .more:hover { border: 1px solid #01478e; background-color: #01478e; color: #fff; } .ny-kxyj .kycg { background: url(../img/images/kyxjbg2_02.jpg) no-repeat center; background-size: cover; padding-top: 0.7rem; padding-bottom: 0.6rem; } .ny-kxyj .kycg .tit { font-size: 0.48rem; color: #fff; text-align: center; margin-bottom: 0.9rem; } .ny-kxyj .kycg .more { display: block; width: 1.75rem; height: 0.53rem; line-height: 0.53rem; border: 1px solid #fff; text-align: center; font-size: 0.18rem; color: #fff; margin: 0 auto; margin-top: 0.3rem; } .ny-kxyj .kycg .more:hover { background-color: #fff; color: #01478e; } .ny-kxyj .kycg .tab-list { margin-left: 0.25rem; margin-bottom: 0.6rem; } .ny-kxyj .kycg .tab-list .tab-item { float: left; background-color: #f0f2f5; width: 4.5rem; padding: 0.25rem 0.48rem 0.25rem 0.4rem; margin-top: 0.38rem; min-height: 3.04rem; } .ny-kxyj .kycg .tab-list .tab-item li { padding-left: 0.2rem; position: relative; } .ny-kxyj .kycg .tab-list .tab-item li::after { content: ''; position: absolute; left: 0; top: 0.1rem; background: url(../img/icon-li3.png) no-repeat center; width: 0.12rem; height: 0.12rem; } .ny-kxyj .kycg .tab-list .tab-item li .name { font-size: 0.2rem; line-height: 0.3rem; margin-bottom: 0.1rem; } .ny-kxyj .kycg .tab-list .tab-item li .lv { border-top: 1px solid #01478e; display: flex; align-items: center; padding-top: 0.15rem; font-size: 0.16rem; } .ny-kxyj .kycg .tab-list .tab-item li .lv p { width: 100%; flex: 1; } .ny-kxyj .kycg .tab-list .tab-item li .lv .time { color: #666666; } .ny-kxyj .kycg .tab-list .tab-item li:nth-child(1) { margin-bottom: 0.4rem; } .ny-kxyj .kycg .tab-list .tab-item:nth-child(2n) { margin-top: 0; width: 4.5rem; min-height: 3.76rem; padding: 0.6rem 0.4rem 0.6rem 0.24rem; background-color: #0b4da2; color: #fff; border-top-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .ny-kxyj .kycg .tab-list .tab-item:nth-child(2n) li a .name { color: #fff; } .ny-kxyj .kycg .tab-list .tab-item:nth-child(2n) li a p { color: #fff; } .ny-kxyj .kycg .tab-list .tab-item:nth-child(2n) li a .time { color: #fff; } .ny-kxyj .kycg .tab-list .tab-item:nth-child(2n) li a .lv { border-top: 1px solid #fff; } .ny-kxyj .ny-tit { width: 100%; font-size: 0.48rem; color: #01478e; display: flex; align-items: center; margin-bottom: 0.9rem; } .ny-kxyj .ny-tit span { margin: 0 0.1rem; } .ny-kxyj .ny-tit i { flex: 1; } .ny-kxyj .kyhz { padding-top: 0.7rem; padding-bottom: 0.4rem; background: url(../img/images/kxyjbg3_02.jpg) no-repeat center; background-size: cover; } .ny-kxyj .kyhz .more { display: block; width: 1.75rem; height: 0.53rem; line-height: 0.53rem; border: 1px solid #eaeaea; text-align: center; font-size: 0.18rem; color: #666666; margin: 0 auto; margin-top: 0.3rem; } .ny-kxyj .kyhz .more:hover { border: 1px solid #01478e; background-color: #01478e; color: #fff; } .ny-kxyj .kyhz .u19 li { margin-right: 0.27rem; margin-bottom: 0.28rem; } .ny-kxyj .kyhz .u19 li:nth-child(4n) { margin-right: 0; } .ny-kxyj .kyhz .u19 li i { background-size: cover; } .ny-kxyj .kyzc { padding-top: 1rem; padding-bottom: 0.7rem; } .ny-kxyj .kyzc .ny-tit { margin-bottom: 0.5rem; } .ny-kxyj .kyzc .fl { width: 6.5rem; height: 3.91rem; } .ny-kxyj .kyzc .fl .imgk { width: 6.5rem; height: 3.92rem; border: 2px solid #01478e; border-bottom-left-radius: 0.2rem; border-top-right-radius: 0.2rem; overflow: hidden; } .ny-kxyj .kyzc .fl .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-kxyj .kyzc .fr { width: 6.5rem; } .ny-kxyj .kyzc .fr .u9 li { height: 0.78rem; } .ny-kxyj .kyzc .more { display: block; width: 1.75rem; height: 0.53rem; line-height: 0.53rem; border: 1px solid #eaeaea; text-align: center; font-size: 0.18rem; color: #666666; margin: 0 auto; } .ny-kxyj .kyzc .more:hover { border: 1px solid #01478e; background-color: #01478e; color: #fff; } } @media only screen and (max-width: 800px) { .ny-kxyj .kygk { background: url(../img/images/kybg_02.jpg) no-repeat center; background-size: cover; padding: 50px 0; } .ny-kxyj .kygk .tit { font-size: 60px; color: #01478e; margin-bottom: 40px; } .ny-kxyj .kygk .fl { width: 100%; } .ny-kxyj .kygk .fl p { font-size: 16px; margin-bottom: 20px; line-height: 28px; } .ny-kxyj .kygk .fl .more { display: block; width: 175px; height: 53px; line-height: 53px; border: 1px solid #eaeaea; text-align: center; margin-top: 30px; font-size: 18px; color: #666666; } .ny-kxyj .kygk .fl .more:hover { border: 1px solid #01478e; background-color: #01478e; color: #fff; } .ny-kxyj .kygk .fr { margin-top: 30px; width: 100%; text-align: center; } .ny-kxyj .kyjd { padding: 50px 0; background-color: #f7f7f7; } .ny-kxyj .kyjd .tit { font-size: 60px; color: #01478e; text-align: center; margin-bottom: 40px; } .ny-kxyj .kyjd .u25 li { width: 48%; float: left; margin-right: 4%; } .ny-kxyj .kyjd .u25 li a { display: block; width: 100%; height: 100%; } .ny-kxyj .kyjd .u25 li .imgk { width: 100%; height: 30vw; } .ny-kxyj .kyjd .u25 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-kxyj .kyjd .u25 li .name { text-align: center; font-size: 18px; line-height: 70px; } .ny-kxyj .kyjd .u25 li:nth-child(2n) { margin-right: 0; } .ny-kxyj .kyjd .more { display: block; width: 175px; height: 53px; line-height: 53px; border: 1px solid #eaeaea; text-align: center; font-size: 18px; color: #666666; margin: 0 auto; margin-top: 30px; } .ny-kxyj .kyjd .more:hover { border: 1px solid #01478e; background-color: #01478e; color: #fff; } .ny-kxyj .kycg { background: url(../img/images/kyxjbg2_02.jpg) no-repeat center; background-size: cover; padding-top: 70px; padding-bottom: 60px; } .ny-kxyj .kycg .tit { font-size: 48px; color: #fff; text-align: center; margin-bottom: 40px; } .ny-kxyj .kycg .more { display: block; width: 175px; height: 53px; line-height: 53px; border: 1px solid #fff; text-align: center; font-size: 18px; color: #fff; margin: 0 auto; margin-top: 30px; } .ny-kxyj .kycg .more:hover { background-color: #fff; color: #01478e; } .ny-kxyj .kycg .tab-list { margin-left: 25px; margin-bottom: 60px; } .ny-kxyj .kycg .tab-list .tab-item { background-color: #f0f2f5; width: 100%; padding: 25px 48px 25px 40px; } .ny-kxyj .kycg .tab-list .tab-item li { padding-left: 20px; position: relative; } .ny-kxyj .kycg .tab-list .tab-item li::after { content: ''; position: absolute; left: 0; top: 10px; background: url(../img/icon-li3.png) no-repeat center; width: 12px; height: 12px; } .ny-kxyj .kycg .tab-list .tab-item li .name { font-size: 20px; line-height: 30px; margin-bottom: 10px; } .ny-kxyj .kycg .tab-list .tab-item li .lv { border-top: 1px solid #01478e; display: flex; align-items: center; padding-top: 15px; font-size: 16px; } .ny-kxyj .kycg .tab-list .tab-item li .lv p { width: 100%; flex: 1; } .ny-kxyj .kycg .tab-list .tab-item li .lv .time { color: #666666; } .ny-kxyj .kycg .tab-list .tab-item li:nth-child(1) { margin-bottom: 40px; } .ny-kxyj .kycg .tab-list .tab-item:nth-child(2n) { margin-top: 0; width: 100%; padding: 60px 40px 60px 24px; background-color: #0b4da2; color: #fff; } .ny-kxyj .kycg .tab-list .tab-item:nth-child(2n) li a .name { color: #fff; } .ny-kxyj .kycg .tab-list .tab-item:nth-child(2n) li a p { color: #fff; } .ny-kxyj .kycg .tab-list .tab-item:nth-child(2n) li a .time { color: #fff; } .ny-kxyj .kycg .tab-list .tab-item:nth-child(2n) li a .lv { border-top: 1px solid #fff; } .ny-kxyj .ny-tit { width: 100%; font-size: 48px; color: #01478e; display: flex; align-items: center; margin-bottom: 90px; } .ny-kxyj .ny-tit span { margin: 0 10px; } .ny-kxyj .ny-tit i { flex: 1; } .ny-kxyj .kyhz { padding-top: 70px; padding-bottom: 40px; background: url(../img/images/kxyjbg3_02.jpg) no-repeat center; background-size: cover; } .ny-kxyj .kyhz .more { display: block; width: 175px; height: 53px; line-height: 53px; border: 1px solid #eaeaea; text-align: center; font-size: 18px; color: #666666; margin: 0 auto; margin-top: 30px; } .ny-kxyj .kyhz .more:hover { border: 1px solid #01478e; background-color: #01478e; color: #fff; } .ny-kxyj .kyhz .u19 li { margin-right: 27px; margin-bottom: 28px; } .ny-kxyj .kyhz .u19 li:nth-child(2n) { margin-right: 0; } .ny-kxyj .kyzc { padding-top: 100px; padding-bottom: 70px; } .ny-kxyj .kyzc .ny-tit { margin-bottom: 50px; } .ny-kxyj .kyzc .fl { width: 100%; height: 40vw; } .ny-kxyj .kyzc .fl .imgk { width: 100%; height: 40vw; border: 2px solid #01478e; border-bottom-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden; } .ny-kxyj .kyzc .fl .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-kxyj .kyzc .fr { width: 100%; margin-top: 15px; } .ny-kxyj .kyzc .fr .u9 li { height: 78px; } .ny-kxyj .kyzc .more { display: block; width: 175px; height: 53px; line-height: 53px; border: 1px solid #eaeaea; text-align: center; font-size: 18px; color: #666666; margin: 0 auto; } .ny-kxyj .kyzc .more:hover { border: 1px solid #01478e; background-color: #01478e; color: #fff; } } @media only screen and (max-width: 800px) { .ny-kxyj .kygk { background: url(../img/images/kybg_02.jpg) no-repeat center; background-size: cover; /*padding: 30px 0;*/ } .ny-kxyj .kygk .tit { font-size: 40px; color: #01478e; margin-bottom: 30px; } .ny-kxyj .kygk .fl { width: 100%; } .ny-kxyj .kygk .fl p { font-size: 16px; margin-bottom: 20px; } .ny-kxyj .kygk .fl .more { display: block; width: 120px; height: 43px; line-height: 43px; border: 1px solid #eaeaea; text-align: center; margin-top: 30px; font-size: 16px; color: #666666; } .ny-kxyj .kygk .fr { margin-top: 30px; width: 100%; text-align: center; } .ny-kxyj .kyjd { padding: 40px 0; background-color: #f7f7f7; } .ny-kxyj .kyjd .tit { font-size: 40px; color: #01478e; text-align: center; margin-bottom: 40px; } .ny-kxyj .kyjd .u25 li { width: 48%; float: left; margin-right: 4%; } .ny-kxyj .kyjd .u25 li a { display: block; width: 100%; height: 100%; } .ny-kxyj .kyjd .u25 li .imgk { width: 100%; height: 30vw; } .ny-kxyj .kyjd .u25 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-kxyj .kyjd .u25 li .name { text-align: center; font-size: 18px; line-height: 70px; } .ny-kxyj .kyjd .u25 li:nth-child(2n) { margin-right: 0; } .ny-kxyj .kyjd .more { display: block; width: 120px; height: 43px; line-height: 43px; border: 1px solid #eaeaea; text-align: center; margin-top: 30px; font-size: 16px; color: #666666; } .ny-kxyj .kycg { background: url(../img/images/kyxjbg2_02.jpg) no-repeat center; background-size: cover; padding-top: 70px; padding-bottom: 60px; } .ny-kxyj .kycg .tit { font-size: 40px; color: #fff; text-align: center; margin-bottom: 40px; } .ny-kxyj .kycg .more { display: block; width: 120px; height: 43px; line-height: 43px; border: 1px solid #fff; text-align: center; margin-top: 30px; font-size: 16px; color: #fff; } .ny-kxyj .kycg .tab-list { margin-left: 0; margin-bottom: 30px; } .ny-kxyj .kycg .tab-list .tab-item { background-color: #f0f2f5; width: 100%; padding: 40px 20px 40px 24px; } .ny-kxyj .kycg .tab-list .tab-item li { padding-left: 20px; position: relative; } .ny-kxyj .kycg .tab-list .tab-item li::after { content: ''; position: absolute; left: 0; top: 10px; background: url(../img/icon-li3.png) no-repeat center; width: 12px; height: 12px; } .ny-kxyj .kycg .tab-list .tab-item li .name { font-size: 18px; line-height: 26px; margin-bottom: 10px; } .ny-kxyj .kycg .tab-list .tab-item li .lv { border-top: 1px solid #01478e; display: flex; align-items: center; padding-top: 15px; font-size: 16px; } .ny-kxyj .kycg .tab-list .tab-item li .lv p { width: 100%; flex: 1; } .ny-kxyj .kycg .tab-list .tab-item li .lv .time { color: #666666; } .ny-kxyj .kycg .tab-list .tab-item li:nth-child(1) { margin-bottom: 40px; } .ny-kxyj .kycg .tab-list .tab-item:nth-child(2n) { margin-top: 0; width: 100%; padding: 40px 20px 40px 24px; background-color: #0b4da2; color: #fff; } .ny-kxyj .kycg .tab-list .tab-item:nth-child(2n) li a .name { color: #fff; } .ny-kxyj .kycg .tab-list .tab-item:nth-child(2n) li a p { color: #fff; } .ny-kxyj .kycg .tab-list .tab-item:nth-child(2n) li a .time { color: #fff; } .ny-kxyj .kycg .tab-list .tab-item:nth-child(2n) li a .lv { border-top: 1px solid #fff; } .ny-kxyj .ny-tit { width: 100%; font-size: 40px; color: #01478e; display: flex; align-items: center; margin-bottom: 40px; } .ny-kxyj .ny-tit span { margin: 0 10px; } .ny-kxyj .ny-tit i { flex: 1; } .ny-kxyj .kyhz { padding-top: 40px; padding-bottom: 40px; background: url(../img/images/kxyjbg3_02.jpg) no-repeat center; background-size: cover; } .ny-kxyj .kyhz .more { display: block; width: 120px; height: 43px; line-height: 43px; border: 1px solid #eaeaea; text-align: center; margin-top: 30px; font-size: 16px; color: #666666; } .ny-kxyj .kyhz .u19 li { margin-right: 4%; margin-bottom: 15px; } .ny-kxyj .kyhz .u19 li:nth-child(2n) { margin-right: 0; } .ny-kxyj .kyzc { padding-top: 40px; padding-bottom: 40px; } .ny-kxyj .kyzc .ny-tit { margin-bottom: 30px; } .ny-kxyj .kyzc .fl { width: 100%; height: 40vw; } .ny-kxyj .kyzc .fl .imgk { width: 100%; height: 40vw; border: 2px solid #01478e; border-bottom-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden; } .ny-kxyj .kyzc .fl .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-kxyj .kyzc .fr { width: 100%; margin-top: 15px; } .ny-kxyj .kyzc .fr .u9 li { height: 78px; } .ny-kxyj .kyzc .more { display: block; width: 120px; height: 43px; line-height: 43px; border: 1px solid #eaeaea; text-align: center; margin-top: 30px; font-size: 16px; color: #666666; } } @media only screen and (min-width: 1430px) { .NrLeft .lm_jj{ border: 1px solid #e8e8e8; margin-bottom: 50px; } .NrLeft .lm_jj .tit{ background: url(../img/tit-top.jpg) no-repeat center; background-size: cover; height: 98px; line-height: 98px; font-size: 50px; color: #fff3d7; padding: 0 30px; font-family: 'ysbt'; } .NrLeft .lm_jj .detail{ padding: 30px; font-size: 18px; line-height: 30px; } .ny-dqgz .ny_ban3 { width: 100%; height: 100%; } .ny-dqgz .u23 li { width: 330px; height: 396px; float: left; margin-right: 25px; } .ny-dqgz .u23 li a { display: block; width: 100%; height: 100%; border: 1px solid #e8e8e8; } .ny-dqgz .u23 li .imgk { width: 306px; height: 229px; margin: 12px; } .ny-dqgz .u23 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-dqgz .u23 li .tit { font-size: 18px; position: relative; margin-top: 25px; margin-right: 15px; padding-left: 30px; transition: all 0.5; } .ny-dqgz .u23 li .tit::after { content: ''; width: 4px; height: 41px; position: absolute; background: #bc261a; left: 0px; top: 0; } .ny-dqgz .u23 li .time { padding-left: 30px; font-size: 14px; color: #666666; margin-top: 30px; } .ny-dqgz .u23 li:nth-child(4n) { margin-right: 0; } .ny-dqgz .u23 li:hover .tit { color: #bc261a; } .ny-dqgz .u23 li a:hover { color: #bc261a; } .ny-dqgz .more { display: block; width: 175px; height: 53px; line-height: 53px; border: 1px solid #eaeaea; text-align: center; margin: 70px auto; margin-top: 30px; font-size: 18px; color: #666666; } .ny-dqgz .more:hover { border: 1px solid #01478e; background-color: #01478e; color: #fff !important; } .ny-dqgz .more3 { color: #fff; } .ny-dqgz .tit2 { justify-content: center; color: #fff; } .ny-dqgz .llxx .u9 li { float: left; width: 646px; margin-right: 100px; } .ny-dqgz .llxx .u9 li:nth-child(2n) { margin-right: 0; } .ny-dqgz .bszn { background-image: url(../img/images/img52_02.jpg); } .ny-dqgz .bszn .tab-box { min-height: 477px; } .ny-dqgz .ejwh { background: url(../img/images/dj_bg2.jpg) no-repeat center; background-size: cover; padding: 70px 0 90px 0; } .ny-dqgz .ejwh .ej { cursor: pointer; } .ny-dqgz .ejwh .ej .imgk { float: left; width: 700px; height: 480px; position: relative; } .ny-dqgz .ejwh .ej .imgk>img , .ny-dqgz .ejwh .ej .imgk video { width: 100%; height: 100%; object-fit: cover; } .ny-dqgz .ejwh .ej .imgk .after { width: 70px; height: 70px; position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; background: url(../img/bf.png) no-repeat center; background-size: contain; } .ny-dqgz .ejwh .ej .info { float: right; height: 480px; width: 700px; background-color: #fff; padding: 58px 50px; font-size: 18px; line-height: 32px; } .ny-dqgz .ejwh .ej .info p { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:9; } .ny-dqgz .ejwh .ej .info .more { float: right; } .ny-dqgz .tzgg { padding: 60px 0 50px 0; background: url(../img/images/img53_02_02.jpg) no-repeat center; background-size: cover; } .ny-dqgz .tzgg .ny_ban5 { padding-bottom: 60px; } .ny-dqgz .tzgg .ny_ban5 li { position: relative; height: 88px; float: left; padding-left: 33px; margin-right: 50px; } .ny-dqgz .tzgg .ny_ban5 li:nth-child(3) { margin-right: 0; } .ny-dqgz .tzgg .ny_ban5 li a { color: #fff; } .ny-dqgz .tzgg .ny_ban5 li .time { width: 65px; height: 65px; position: absolute; left: 0; top: 11.5px; background-color: #ed9d03; display: flex; flex-direction: column; align-items: center; justify-content: center; } .ny-dqgz .tzgg .ny_ban5 li .time p { font-size: 24px; margin-bottom: 5px; } .ny-dqgz .tzgg .ny_ban5 li .time span { font-size: 12px; } .ny-dqgz .tzgg .ny_ban5 li .tit { width: 400px; height: 88px; line-height: 1.5; padding: 20px 55px; border: 1px solid #90a6c3; } .ny-dqgz .tzgg .ny_ban5 .sw-ny-page5 { bottom: 0; } .ny-dqgz .tzgg .ny_ban5 .sw-ny-page5 .swiper-pagination-bullet-active { background-color: #fff; opacity: 1; } .ny-dqgz .tzgg .ny_ban5 .sw-ny-page5 .swiper-pagination-bullet { width: 47px; height: 4px; border-radius: 0; background-color: #fff; margin: 0 10px !important; } .ny-dqgz .xzzq .more { margin-bottom: 50px; } .ny-dqgz .xgzc { padding: 90px 0 70px 0; background: url(../img/images/img51_02.jpg) no-repeat center; background-size: cover; } .ny-dqgz .tit2 { justify-content: center; color: #fff; } .xglj { padding: 60px; padding-bottom: 0; } .xglj .tit { font-size: 48px; margin-bottom: 35px; color: #01478e; text-align: center; } .xglj .ny_ban4 { padding-bottom: 40px; } .xglj .ny_ban4 .swiper-slide li { float: left; width: 429px; height: 93px; background-color: #fff; border: 1px solid #dddddd; margin-right: 53px; margin-bottom: 25px; } .xglj .ny_ban4 .swiper-slide li a { display: block; width: 100%; height: 100%; padding: 0 27px; display: flex; align-items: center; } .xglj .ny_ban4 .swiper-slide li .name { font-size: 18px; width: 100%; flex: 1; } .xglj .ny_ban4 .swiper-slide li:nth-child(3n) { margin-right: 0; } .xglj .ny_ban4 .swiper-pagination-bullet { width: 15px; height: 15px; background-color: #dfdfdf; opacity: 1; margin: 0 10px; } .xglj .ny_ban4 .swiper-pagination-bullet-active { background: #01478e; } .zcgg { padding: 90px 0 70px 0; background: url(../img/images/img51_02.jpg) no-repeat center; background-size: cover; cursor: pointer; } .zcgg .ny-tit { margin-bottom: 30px; } .zcgg .tit2 { justify-content: center; color: #fff; } .zcgg .dt { position: relative; display: flex; align-items: center; justify-content: center; } .zcgg .dt .jt { transition: all 0.5s; transform: translateX(-20px); } .zcgg:hover .dt .jt { transform: translateX(-10px); } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .NrLeft .lm_jj{ border: 1px solid #e8e8e8; margin-bottom: .5rem; } .NrLeft .lm_jj .tit{ background: url(../img/tit-top.jpg) no-repeat center; background-size: cover; height: .98rem; line-height: .98rem; font-size: .5rem; color: #fff3d7; padding: 0 .3rem; font-family: 'ysbt'; } .NrLeft .lm_jj .detail{ padding: .3rem; font-size: .18rem; line-height: .3rem; } .ny-dqgz .ny_ban3 { width: 100%; height: 100%; } .ny-dqgz .u23 li { width: 3.3rem; height: 3.96rem; float: left; margin-right: 0.25rem; } .ny-dqgz .u23 li a { display: block; width: 100%; height: 100%; border: 1px solid #e8e8e8; } .ny-dqgz .u23 li .imgk { width: 3.06rem; height: 2.29rem; margin: 0.12rem; } .ny-dqgz .u23 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-dqgz .u23 li .tit { font-size: 0.18rem; position: relative; margin-top: 0.25rem; margin-right: 0.15rem; padding-left: 0.3rem; transition: all 0.5; } .ny-dqgz .u23 li .tit::after { content: ''; width: 0.04rem; height: 0.41rem; position: absolute; background: #bc261a; left: 0px; top: 0; } .ny-dqgz .u23 li .time { padding-left: 0.3rem; font-size: 0.14rem; color: #666666; margin-top: 0.3rem; } .ny-dqgz .u23 li:nth-child(4n) { margin-right: 0; } .ny-dqgz .u23 li:hover .tit { color: #bc261a; } .ny-dqgz .u23 li a:hover { color: #bc261a; } .ny-dqgz .more { display: block; width: 1.75rem; height: 0.53rem; line-height: 0.53rem; border: 1px solid #eaeaea; text-align: center; margin: 0.7rem auto; margin-top: 0.3rem; font-size: 0.18rem; color: #666666; } .ny-dqgz .more:hover { border: 1px solid #01478e; background-color: #01478e; color: #fff !important; } .ny-dqgz .more3 { color: #fff; } .ny-dqgz .tit2 { justify-content: center; color: #fff; } .ny-dqgz .llxx .u9 li { float: left; width: 6.46rem; margin-right: 1rem; } .ny-dqgz .llxx .u9 li:nth-child(2n) { margin-right: 0; } .ny-dqgz .bszn { background-image: url(../img/images/img52_02.jpg); } .ny-dqgz .bszn .tab-box { min-height: 4.77rem; } .ny-dqgz .ejwh { background: url(../img/images/dj_bg2.jpg) no-repeat center; background-size: cover; padding: 0.7rem 0 0.9rem 0; } .ny-dqgz .ejwh .ej { cursor: pointer; } .ny-dqgz .ejwh .ej .imgk { float: left; width: 7rem; height: 4.8rem; position: relative; } .ny-dqgz .ejwh .ej .imgk>img , .ny-dqgz .ejwh .ej .imgk video { width: 100%; height: 100%; object-fit: cover; } .ny-dqgz .ejwh .ej .imgk .after { width: 0.7rem; height: 0.7rem; position: absolute; left: 50%; top: 50%; margin-left: -0.35rem; margin-top: -0.35rem; background: url(../img/bf.png) no-repeat center; background-size: contain; } .ny-dqgz .ejwh .ej .info { float: right; height: 4.8rem; width: 7rem; background-color: #fff; padding: 0.58rem 0.5rem; font-size: 0.18rem; line-height: 0.32rem; } .ny-dqgz .ejwh .ej .info p { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:9; } .ny-dqgz .ejwh .ej .info .more { float: right; } .ny-dqgz .tzgg { padding: 0.6rem 0 0.5rem 0; background: url(../img/images/img53_02_02.jpg) no-repeat center; background-size: cover; } .ny-dqgz .tzgg .ny_ban5 { padding-bottom: 0.6rem; } .ny-dqgz .tzgg .ny_ban5 li { position: relative; height: 0.88rem; float: left; padding-left: 0.33rem; margin-right: 0.5rem; } .ny-dqgz .tzgg .ny_ban5 li:nth-child(3) { margin-right: 0; } .ny-dqgz .tzgg .ny_ban5 li a { color: #fff; } .ny-dqgz .tzgg .ny_ban5 li .time { width: 0.65rem; height: 0.65rem; position: absolute; left: 0; top: 0.115rem; background-color: #ed9d03; display: flex; flex-direction: column; align-items: center; justify-content: center; } .ny-dqgz .tzgg .ny_ban5 li .time p { font-size: 0.24rem; margin-bottom: 0.05rem; } .ny-dqgz .tzgg .ny_ban5 li .time span { font-size: 0.12rem; } .ny-dqgz .tzgg .ny_ban5 li .tit { width: 4rem; height: 0.88rem; line-height: 1.5; padding: 0.2rem 0.55rem; border: 1px solid #90a6c3; } .ny-dqgz .tzgg .ny_ban5 .sw-ny-page5 { bottom: 0; } .ny-dqgz .tzgg .ny_ban5 .sw-ny-page5 .swiper-pagination-bullet-active { background-color: #fff; opacity: 1; } .ny-dqgz .tzgg .ny_ban5 .sw-ny-page5 .swiper-pagination-bullet { width: 0.47rem; height: 0.04rem; border-radius: 0; background-color: #fff; margin: 0 0.1rem !important; } .ny-dqgz .xzzq .more { margin-bottom: 0.5rem; } .ny-dqgz .xgzc { padding: 0.9rem 0 0.7rem 0; background: url(../img/images/img51_02.jpg) no-repeat center; background-size: cover; } .ny-dqgz .xgzc .tit2 { justify-content: center; color: #fff; } .xglj { padding: 0.6rem; padding-bottom: 0; } .xglj .tit { font-size: 0.48rem; margin-bottom: 0.35rem; color: #01478e; text-align: center; } .xglj .ny_ban4 { padding-bottom: 0.4rem; } .xglj .ny_ban4 .swiper-slide li { float: left; width: 4.29rem; height: 0.93rem; background-color: #fff; border: 1px solid #dddddd; margin-right: 0.53rem; margin-bottom: 0.25rem; } .xglj .ny_ban4 .swiper-slide li a { display: block; width: 100%; height: 100%; padding: 0 0.27rem; display: flex; align-items: center; } .xglj .ny_ban4 .swiper-slide li .name { font-size: 0.18rem; width: 100%; flex: 1; } .xglj .ny_ban4 .swiper-slide li:nth-child(3n) { margin-right: 0; } .xglj .ny_ban4 .swiper-pagination-bullet { width: 0.15rem; height: 0.15rem; background-color: #dfdfdf; opacity: 1; margin: 0 0.1rem; } .xglj .ny_ban4 .swiper-pagination-bullet-active { background: #01478e; } .zcgg { padding: 0.9rem 0 0.7rem 0; background: url(../img/images/img51_02.jpg) no-repeat center; background-size: cover; cursor: pointer; } .zcgg .ny-tit { margin-bottom: 0.3rem; } .zcgg .tit2 { justify-content: center; color: #fff; } .zcgg .dt { position: relative; display: flex; align-items: center; justify-content: center; } .zcgg .dt .jt { transition: all 0.5s; transform: translateX(-0.2rem); } .zcgg:hover .dt .jt { transform: translateX(-0.1rem); } } @media only screen and (max-width: 800px) { .NrLeft .lm_jj{ border: 1px solid #e8e8e8; margin-bottom: 30px; } .NrLeft .lm_jj .tit{ background: url(../img/tit-top.jpg) no-repeat center; background-size: cover; height: 70px; line-height: 70px; font-size: 30px; color: #fff3d7; padding: 0 15px; font-family: 'ysbt'; } .NrLeft .lm_jj .detail{ padding: 15px; font-size: 16px; } .ny-dqgz .ny_ban3 { width: 100%; height: 100%; } .ny-dqgz .u23 li { width: 48%; height: auto; float: left; margin-right: 4%; margin-bottom: 20px; } .ny-dqgz .u23 li a { display: block; width: 100%; height: 100%; border: 1px solid #e8e8e8; padding-bottom: 15px; } .ny-dqgz .u23 li .imgk { width: 94%; height: 31vw; margin: 3%; } .ny-dqgz .u23 li .imgk img { width: 100%; height: 100%; object-fit: cover; } .ny-dqgz .u23 li .tit { font-size: 16px; position: relative; margin-top: 20px; margin-right: 10px; padding-left: 20px; transition: all 0.5; height: 41px; } .ny-dqgz .u23 li .tit::after { content: ''; width: 4px; height: 41px; position: absolute; background: #bc261a; left: 0px; top: 0; } .ny-dqgz .u23 li .time { padding-left: 20px; font-size: 14px; color: #666666; margin-top: 20px; } .ny-dqgz .u23 li:nth-child(3n) { margin-right: 4%; } .ny-dqgz .u23 li:nth-child(2n) { margin-right: 0; } .ny-dqgz .u23 li:hover .tit { color: #bc261a; } .ny-dqgz .u23 li a:hover { color: #bc261a; } .ny-dqgz .djdt .more { margin-top: 0; } .ny-dqgz .more { display: block; width: 120px; height: 40px; line-height: 40px; border: 1px solid #eaeaea; text-align: center; margin: 30px auto; font-size: 16px; color: #666666; } .ny-dqgz .more:hover { border: 1px solid #01478e; background-color: #01478e; color: #fff !important; } .ny-dqgz .more3 { color: #fff; } .ny-dqgz .tit2 { justify-content: center; color: #fff; } .ny-dqgz .llxx .u9 li { float: left; width: 100%; } .ny-dqgz .bszn { background-image: url(../img/images/img52_02.jpg); } .ny-dqgz .ejwh { background: url(../img/images/dj_bg2.jpg) no-repeat center; background-size: cover; padding: 30px 0; } .ny-dqgz .ejwh .ej { cursor: pointer; } .ny-dqgz .ejwh .ej .imgk { float: left; width: 100%; height: 51vw; position: relative; } .ny-dqgz .ejwh .ej .imgk>img , .ny-dqgz .ejwh .ej .imgk video { width: 100%; height: 100%; object-fit: cover; } .ny-dqgz .ejwh .ej .imgk .after { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url(../img/bf.png) no-repeat center; background-size: contain; } .ny-dqgz .ejwh .ej .info { float: right; width: 100%; background-color: #fff; padding: 20px; font-size: 16px; line-height: 30px; } .ny-dqgz .ejwh .ej .info .more { float: right; margin-bottom: 0; } .ny-dqgz .tzgg { padding: 30px 0; background: url(../img/images/img53_02_02.jpg) no-repeat center; background-size: cover; } .ny-dqgz .tzgg .ny_ban5 { padding-bottom: 30px; } .ny-dqgz .tzgg .ny_ban5 li { position: relative; height: 70px; padding-left: 33px; margin-bottom: 20px; } .ny-dqgz .tzgg .ny_ban5 li a { color: #fff; } .ny-dqgz .tzgg .ny_ban5 li .time { width: 55px; height: 55px; position: absolute; left: 0; top: 7px; background-color: #ed9d03; display: flex; flex-direction: column; align-items: center; justify-content: center; } .ny-dqgz .tzgg .ny_ban5 li .time p { font-size: 24px; margin-bottom: 5px; } .ny-dqgz .tzgg .ny_ban5 li .time span { font-size: 12px; } .ny-dqgz .tzgg .ny_ban5 li .tit { width: 95%; height: 70px; line-height: 1.5; padding: 15px 55px; border: 1px solid #90a6c3; } .ny-dqgz .tzgg .ny_ban5 .sw-ny-page5 { bottom: 0; } .ny-dqgz .tzgg .ny_ban5 .sw-ny-page5 .swiper-pagination-bullet-active { background-color: #fff; opacity: 1; } .ny-dqgz .tzgg .ny_ban5 .sw-ny-page5 .swiper-pagination-bullet { width: 25px; height: 3px; border-radius: 0; background-color: #fff; margin: 0 10px !important; } .ny-dqgz .bszn .more { margin: 0; } .ny-dqgz .xzzq .more { margin-bottom: 50px; } .ny-dqgz .xgzc { padding: 30px 0; background: url(../img/images/img51_02.jpg) no-repeat center; background-size: cover; } .ny-dqgz .tit2 { justify-content: center; color: #fff; } .xglj { padding: 30px 0; padding-bottom: 0; } .xglj .tit { font-size: 48px; margin-bottom: 35px; color: #01478e; text-align: center; } .xglj .ny_ban4 { padding-bottom: 40px; } .xglj .ny_ban4 .swiper-slide li { float: left; width: 48%; height: 65px; background-color: #fff; border: 1px solid #dddddd; margin-right: 4%; margin-bottom: 0.25rem; } .xglj .ny_ban4 .swiper-slide li a { display: block; width: 100%; height: 100%; padding: 0 10px; display: flex; align-items: center; } .xglj .ny_ban4 .swiper-slide li .name { font-size: 14px; width: 100%; flex: 1; } .xglj .ny_ban4 .swiper-slide li:nth-child(2n) { margin-right: 0; } .xglj .ny_ban4 .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #dfdfdf; opacity: 1; margin: 0 10px; } .xglj .ny_ban4 .swiper-pagination-bullet-active { background: #01478e; } .zcgg { padding: 30px 0; background: url(../img/images/img51_02.jpg) no-repeat center; background-size: cover; cursor: pointer; } .zcgg .tit2 { justify-content: center; color: #fff; } .zcgg .dt { position: relative; display: flex; align-items: center; justify-content: center; } .zcgg .dt .jt { transition: all 0.5s; transform: translateX(-20px); } .zcgg:hover .dt .jt { transform: translateX(-10px); } } .kycg-2 { background-image: url(../img/images/ky_bg1.jpg); } .kyzc-2 { background-image: url(../img/images/ky_bg2.jpg); } .nr td{ border-style: solid; padding: 10px !important; } .ue-table-interlace-color-single { /*background: #f5f5f5;*/ } .ue-table-interlace-color-double { background: #f5f5f5; } @media only screen and (min-width: 1430px) { .ny-kxyj .kyhz .u29 li .name { font-size: 18px; height: 72px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .ny-kxyj .kyhz .u29 li .time { font-size: 14px; color: #666; line-height: 42px; transition: all 0.5s; } .ny-kxyj .kyhz .u29 li:hover .time { color: #fff; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .ny-kxyj .kyhz .u29 li .name { font-size: 0.18rem; height: 0.72rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .ny-kxyj .kyhz .u29 li .time { font-size: 0.14rem; color: #666; line-height: 0.42rem; transition: all 0.5s; } .ny-kxyj .kyhz .u29 li:hover .time { color: #fff; } } @media only screen and (max-width: 800px) { .ny-kxyj .kyhz .u29 li a { padding: 17px 20px; } .ny-kxyj .kyhz .u29 li .name { font-size: 16px; height: 65px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; transition: all 0.5s; } .ny-kxyj .kyhz .u29 li:hover .time { color: #fff; } .ny-kxyj .kyhz .u29 li .time { font-size: 12px; color: #666; line-height: 42px; } } @media only screen and (min-width: 1430px) { .ny-kxyj .kygk .fl99 p { margin-bottom: 25px; } } @media only screen and (min-width: 800px) and (max-width: 1430px) { .ny-kxyj .kygk .fl p { margin-bottom: 0.25rem; } }