.narsbanner-img { width: 100%; height: auto; display: block; } .goico-img { width: 1.5rem; height: 1.5rem; display: block; } .ainasimg { width: 15.875rem; height: 4.5625rem; margin: 0 auto; } .jjfabgimg { /* width: 20.1875rem; */ width:100%; /* height: 37.6875rem; */ border-radius: 0.375rem; } .narsIndex-banner { width: 100%; position: relative; overflow: hidden; max-height: 56.4375rem; } .narsIndex-banner img{ width: 100%; } .narsIndex-banner .mySwiper .swiper-slide { position: relative; } .narsIndex-banner .mySwiper .swiper-slide .strct { position: absolute; left: 0; right: 0; top: 3.375rem; text-align: center; } .narsIndex-banner .mySwiper .swiper-slide .strct img { width: 100%; } .narsIndex-banner .mySwiper .swiper-slide .strct .sw-title { font-size: 3.125rem; } .narsIndex-banner .mySwiper .swiper-slide .strct .btmore { cursor: pointer; width: 17.625rem; height: 3.25rem; display: block; margin: 0 auto; line-height: 3.25rem; position: relative; background: #004bfa; border-radius: 1.625rem; font-size: 1.875rem; color: #fff; margin-top: 1.25rem; } .narsIndex-banner .mySwiper .swiper-slide .strct .btmore .btst { padding-right: 1rem; } .narsIndex-banner .mySwiper .swiper-slide .strct .btmore .goico-img { position: absolute; top: 1.0625rem; right: 1.6875rem; } .narsIndex-banner .mySwiper .swiper-button-next { position: absolute !important; color: white; margin-right: 170px; margin-left: 0; margin-top: 0px; } .narsIndex-banner .mySwiper .swiper-button-prev { position: absolute !important; color: white; margin-left: 170px; margin-top: 0px; } .narsIndex-banner .mySwiper .swiper-pagination { bottom: 5% !important; left: 0; right: 0; } .narsIndex-banner .mySwiper .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; color: white; } .narsIndex-banner .mySwiper .swiper-pagination-bullet-active { width: 24px !important; height: 24px; border-radius: 10px; color: #ffffff !important; background-color: #ffffff !important; } .narsIndex-banner .my-pagination-clickable { width: 1200px; text-align: right; } .nars-cate { padding-top: 5rem; padding-bottom: 5.5rem; background: #fff; margin: 0 auto; max-width: 1920px; } .nars-cate .narscatecenter { overflow-x: hidden; display: flex; flex-direction: row; justify-content: space-between; height: auto; /* min-width: 1024px; */ overflow: hidden; margin: 0 7.5rem; } .nars-cate .narscatecenter .cate-column { width: 33%; display: flex; flex-direction: column; height: auto; color: #000; font-size: 1.875rem; } .nars-cate .narscatecenter .cate-column .cateit { width: 100%; height: 10.25rem; border-radius: 1rem; background: #fff; margin-bottom: 1rem; display: flex; } .nars-cate .narscatecenter .cate-column .bigcateit { /*height:12.05rem;*/ height: 15.05rem } .nars-cate .narscatecenter .cate-column .smallcateit { height: 5.45rem; } .nars-cate .narscatecenter .cate-column .cateit .pp1 { margin-top: 2.625rem; margin-left: 2.125rem; color: #020612; font-size: 1.875rem; font-weight: bold; } .nars-cate .narscatecenter .cate-column .cateit .pp1 span:last-child { color: #91A5C4; font-size: 1.375rem; font-weight: 500; } .nars-cate .narscatecenter .cate-column .cateit .pp1 .zjtitle { margin: 0 auto; font-size: 3.4375rem; font-weight: bold; color: #020612; } .nars-cate .narscatecenter .cate-column .cateit .pp1 .zjtitle-sm { color: #020612; font-size: 1.375rem; } .nars-cate .narscatecenter .cate-column2 { width: 24.1875rem; } .narsVideo { width: 100%; padding-top: 3.25rem; padding-bottom: 4.5rem; } .narsVideo .videoview { margin: 0 7.5rem; /*height: 47.5rem;*/ overflow: hidden; } .narsVideo .videoview .video { height: 100%; width: 100%; object-fit: fill; } .nars-jjfa { width: 100%; display: flex; flex-direction: column; overflow-x: hidden; padding-bottom: 3.8125rem; max-width: 1920px; margin: 0 auto; } .nars-jjfa .jjfa-title { font-size: 3.75rem; font-weight: bold; padding-bottom: 3.75rem; margin: 0 auto; } .nars-jjfa .jjfa-title1 { color:#004BFA } .nars-jjfa .jjfaSwiper { margin: 0 7.5rem; overflow: hidden; position: relative; } .nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide { position: relative; width: 20.1875rem; /* height: 37.6875rem; */ border-radius: 0.375rem; } .nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide .jjfa-ct { position: absolute; top: 0; text-align: center; width: 100%; height: 5.125rem; background: #3231FF; line-height: 5.125rem; color: #fff; border-top-right-radius: 0.375rem; border-top-left-radius: 0.375rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide .jjfa-ct .st { font-size: 1.875rem; font-weight: bold; color: #fff; } .nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide .jjfa-info .jjfa-a { color: #9196a5; line-height: 2.25rem; font-size: 1.125rem; } .nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide .jjfa-info { background: #ecf2fe; position: absolute; top: 0; height: 37.6875rem; padding: 0 2.875rem; display: none; flex-direction: column; text-align:left; white-space:pre-line; cursor: pointer; border-radius: 0.375rem; line-height: 2.375rem; font-size: 1.45rem; } .nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide .jjfa-info .jjfa-sp-title { color: #020612; font-size: 1.875rem; padding-top: 2.8rem; padding-bottom: 1.5rem; font-weight: bold } .nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide .jjfa-info .jjfatt { width: 100%; font-weight: bold; text-align: center; font-size: 30px; margin-bottom: 1.6875rem; } .nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide .jjfa-info .jjfa-txt { font-size: 1.5rem; margin-bottom: 1.25rem; line-height: 2.1875rem; text-indent: 2em; } .nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide:hover .jjfa-info { display: flex; background: linear-gradient(90deg, #CDD9F1 0%, #ECF2FE 100%); font-size: 1.125rem; } .nars-wlj { width: 100%; display: flex; flex-direction: column; overflow-x: hidden; padding-bottom: 7.1875rem; max-width: 1920px; margin: 0 auto; } .nars-wlj .wlj-title { font-size: 3.75rem; font-weight: bold; padding-bottom: 2.8125rem; margin: 0 auto; } .nars-wlj .wlj-title-sp { color:#004BFA } .nars-wlj .wltitem { margin: 0 7.5rem; /* min-width: 1024px; */ background: #000; display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 1.375rem; background: #ecf2fe !important; border-radius: 8px } .nars-wlj .wltitem .wljcp { display: flex; flex-direction: row; align-items: center; justify-content: center; height: inherit; width: 50%; overflow: hidden; } .nars-wlj .wltitem .wljcp .tt { font-size: 3.125rem; font-weight: bold; color: #fff; width: 35.5rem; text-align: center; margin-left: 35%; } .nars-wlj .wltitem .wljcp .wljimg { width: 100%; /*height: 27.125rem; margin-left: 11.5rem;*/ } .nars-wlj .wltitem .wljcpinfo { display: flex; flex-direction: column; justify-content: center; align-items: center; color: #000; flex: 1; padding: 0 3rem; } .nars-wlj .wltitem .wljcpinfo .if-title { font-weight: bold; font-size: 2.25rem; padding-bottom: 0.6rem; } .nars-wlj .wltitem .wljcpinfo .if-info { font-size: 1.25rem; line-height: 2.15rem; text-align: center; white-space:pre-line; color: #a2a7ba; } .nars-wlj .wltitem .wljcpinfo .wlj-xzbt { /*width: 21.75rem; height: 6.5rem; line-height: 6.5rem;*/ padding: 0.75rem 6rem; border-radius: 3.25rem; border: 1px solid #FFFFFF; font-size: 2.5rem; text-align: center; cursor: pointer; } @media screen and (min-width:750px) and (max-width:1280px) { .nars-cate .narscatecenter .cate-column .cateit { width: 100%; height: 10.25rem; border-radius: 1rem; background: #fff; margin-bottom: 1rem; display: flex; } .nars-cate .narscatecenter .cate-column .bigcateit { height: 15.05rem; } .nars-cate .narscatecenter .cate-column .smallcateit { height: 5.45rem; } .nars-jjfa .jjfa-title,.nars-wlj .wlj-title{ font-size: 2.75rem !important; } .nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide { font-size: 1rem !important; position: relative; overflow-y: auto; height:auto !important; } .nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide .jjfa-ct .st{ font-size: 1rem !important; } .nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide .jjfa-info .jjfa-sp-title{ font-size: 1.25rem!important; padding: 0 !important; } .nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide:hover .jjfa-info{ padding: 0 0.5rem !important; } .nars-jjfa .jjfaSwiper .swiper-wrapper .swiper-slide .jjfa-info .jjfa-a,.nars-wlj .wltitem .wljcpinfo .if-info{ font-size: 1rem !important; line-height: 1.25rem !important; } } @media screen and (min-width:1281px) and (max-width:1360px) { .nars-cate .narscatecenter .cate-column .cateit { height: 12.25rem; } .nars-cate .narscatecenter .cate-column .bigcateit { height: 17.05rem; } .nars-cate .narscatecenter .cate-column .smallcateit { height: 7.45rem; } } @media screen and (min-width:1361px) and (max-width:1460px) { .nars-cate .narscatecenter .cate-column .cateit { height: 13.25rem; } .nars-cate .narscatecenter .cate-column .bigcateit { height: 18.05rem; } .nars-cate .narscatecenter .cate-column .smallcateit { height: 8.45rem; } } @media screen and (min-width:1461px) and (max-width:1660px) { .nars-cate .narscatecenter .cate-column .cateit { height: 15.25rem; } .nars-cate .narscatecenter .cate-column .bigcateit { height: 24.05rem; } .nars-cate .narscatecenter .cate-column .smallcateit { height: 6.45rem; } } @media screen and (min-width:1661px) and (max-width:1760px) { .nars-cate .narscatecenter .cate-column .cateit { height: 15.25rem; } .nars-cate .narscatecenter .cate-column .bigcateit { height: 23.05rem; } .nars-cate .narscatecenter .cate-column .smallcateit { height: 7.45rem; } } @media screen and (min-width:1761px) and (max-width:1960px) { .nars-cate .narscatecenter .cate-column .cateit { height: 16.25rem; } .nars-cate .narscatecenter .cate-column .bigcateit { height: 24.05rem; } .nars-cate .narscatecenter .cate-column .smallcateit { height: 8.45rem; } } @media screen and (min-width:1980px) { .nars-cate .narscatecenter .cate-column .cateit { height: 18.25rem; } .nars-cate .narscatecenter .cate-column .bigcateit { height: 26.05rem; } .nars-cate .narscatecenter .cate-column .smallcateit { height: 10.45rem; } }