body { background-image: url(../img/index/bg.jpg); /* background-size: cover; */ background-position: top center; } .index-banner { width: 100%; position: relative; overflow: hidden; } .pc { display: block; } .mb { display: none; } .index-banner .btns { position: absolute; left: 0; bottom: 7%; width: 100%; font-size: 0; text-align: center; z-index: 3; } .index-banner .btns .swiper-pagination-bullet { display: inline-block; *display: inline; zoom: 1; width: 10px; height: 10px; border-radius: 100%; border: 2px solid #fff; margin: 0 0.15rem; } .swiper-pagination-bullet-active { background: #9c9c9c; } header .pc-header .right-btn .nav .li.ysever:hover .titss { color: #0041C3; } .home { padding: 0 4.8rem; } .home-a { padding-top: 2rem; } .home-a .h-a-a { height: 15rem; margin-top: 2.075rem; } .home-a .h-a-a .txt { position: absolute; width: 100%; height: 100%; background-image: url(../img/index/tbg.png); left: 0; background-size: cover; background-position: left top; background-repeat: no-repeat; top: 0; padding-left: 2.475rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .ibtn { width: 5.2rem; height: 1.475rem; background: #F6FBFB; border-radius: .25rem; display: flex; align-items: center; justify-content: space-between; padding: 0 .875rem; } .ibtn.border { border: 1px solid #0041C3; background-color: transparent; } .ibtn .tit-16 { line-height: 1; color: #0041C3; } .ibtn .icon { height: 24px; transition: all 0.5s; } .ibtn .icon svg { fill: #0041C3; } .ibtn:hover .icon { transform: translateX(-8px); } .home-a .h-a-a .txt .t2 { width: 15rem; margin-top: 0.5rem; } .home-a .h-a-a .txt .ibtn { margin-top: 1.25rem; } .home-a .list1 { width: 100%; margin-top: .5rem; } .home-a .list1 a { display: block; width: calc((100% - 1rem) / 3); height: 15rem; overflow: hidden; float: left; margin-right: 0.5rem; position: relative; } .home-a .list1 a:last-child { margin-right: 0; } .home-a .list1 .txt { position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 1rem; line-height: 1; } .home-a .list1 a .bg { transition: all 0.5s; } .home-a .list1 a:hover .bg { transform: scale(1.02); } .h-a-b { display: block; margin-top: .5rem; overflow: hidden; } .home-a .h-a-b img { transition: all 0.5s; } .home-a .h-a-b:hover img { transform: scale(1.2); } .home-a .list2 { width: 100%; margin-top: .5rem; } .home-a .list2 a { display: block; width: calc((100% - .5rem) / 2); height: 15rem; overflow: hidden; float: left; margin-right: 0.5rem; position: relative; } .home-a .list2 a:last-child { margin-right: 0; } .home-a .list2 .txt { position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 1rem; line-height: 1; } .home-a .list2 a .bg { transition: all 0.5s; } .home-a .list2 a:hover .bg { transform: scale(1.02); } .home-b { padding-top: 4.75rem; } .home-b .top { display: flex; align-items: center; justify-content: space-between; } .home-b .list { margin-top: 3.3rem; } .home-b .list .left { width: 33%; float: left; display: block; padding: 0 .75rem; border-right: 1px solid rgba(0, 0, 0, 0.1); } .home-b .list .left .img { height: 7.05rem; width: 100%; overflow: hidden; } .home-b .list .left .txt { padding-left: 0; border-bottom: 0; border-right: 0; } .home-b .list .txt { display: block; padding: .875rem .975rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); } .home-b .list .txt .tip { padding: .15rem .325rem; line-height: 1; font-size: .4rem; display: inline-block; color: #000000; background: #CFE2F8; overflow: hidden; } .home-b .list .txt .t1 { line-height: .9rem; height: 1.8rem; color: #222; font-weight: 600; overflow: hidden; } .home-b .list .txt .t2 { line-height: .75rem; height: 1.5rem; overflow: hidden; color: #666666; margin-top: .3rem; } .home-b .list .txt .t3 { line-height: 1; color: #666666; margin-top: .75rem; } .home-b .list .right { width: 67%; float: left; } .home-b .list .right .txt { width: 50%; float: left; } .home-b .list .txt:nth-child(1) { padding-top: .5rem; } .home-b .list .txt:nth-child(2) { padding-top: .5rem; border-right: 0; } .home-b .list .txt:nth-child(3) { border-bottom: 0; } .home-b .list .txt:nth-child(4) { border-bottom: 0; border-right: 0; } .home-b .list .txt:hover .t1 { color: #0041C3; ; } .home-b .list .left .bg { transition: all 0.5s; } .home-b .list .left:hover .bg { transform: scale(1.02); } .home-d { padding-top: 4.2rem; padding-bottom: 4.375rem; } .home-d .list { margin-top: 3.35rem; } .home-d .list .li { width: calc((100% - 3.45rem) / 4); margin-right: 1.15rem; height: 5rem; background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(0, 65, 195, .14); display: flex; flex-direction: column; align-items: center; justify-content: center; float: left; position: relative; } .home-d .list .li:last-child { margin-right: 0; } .home-d .list .li .icon { position: absolute; top: 0; left: 50%; width: 1.75rem; height: 1.75rem; background: #0041C3; border: 1px solid #FFFFFF; border-radius: 50%; transform: translate(-50%, -50%); } header { position: fixed; top: 0; left: 0; width: 100%; z-index: 50; border-bottom: 1px solid rgba(255, 255, 255, .1); z-index: 999999999; } .headaerfix { position: relative; width: 100%; height: 100px; } header .pc-header { padding: 0 4.8rem; width: 100%; display: flex; height: 100px; align-items: center; justify-content: space-between; } header .pc-header .logo { display: block; position: relative; width: 6.2rem; } header .pc-header .op2 { opacity: 0; position: absolute; top: 0; left: 0; } header .pc-header .op1 { opacity: 1; } header .pc-header .right-btn { display: flex; height: 100%; justify-content: flex-start; align-items: center; } header .pc-header .right-btn .nav { height: 100%; display: flex; height: 100%; justify-content: flex-start; align-items: center; margin-top: 0 !important; } header .pc-header .right-btn .nav .li { font-size: .45rem; color: #fff; height: 100%; line-height: 100px; padding: 0 .625rem; } header .pc-header .right-btn .nav .li .titss { color: #fff; } header .pc-header .right-btn .list { display: flex; height: 100%; justify-content: flex-start; align-items: center; margin-left: 1.25rem; } header .pc-header .right-btn .list .li { margin-right: .875rem; height: 18px; cursor: pointer; } header .pc-header .right-btn .list .li:last-child { margin-right: 0; } header .pc-header .right-btn .list .li svg { fill: #fff; } header .pc-header .right-btn .list .seach { margin-right: 0; } header .pc-header .right-btn .list .nav-btn { width: 0.625rem; height: 0.45rem; position: relative; margin-top: 0.1rem; display: none; } header .pc-header .right-btn .list .nav-btn .line { position: absolute; width: 100%; height: 2px; /* background-color: #1b1b1b; */ background-color: #fff; transition: all .2s; } header .pc-header .right-btn .list .nav-btn .line:nth-child(2) { top: 50%; margin-top: -1px; } header .pc-header .right-btn .list .nav-btn .line:nth-child(3) { bottom: 0; } header .pc-header .right-btn .list .lan { display: flex; justify-content: flex-start; align-items: center; padding: .5rem 0; } header .pc-header .right-btn .list .lan .tit-16 { line-height: 1; margin-left: 0.2rem; color: #fff; } .pc-header.on { background-color: #fff; } .pc-header.on .op1 { opacity: 0; } .pc-header.on .op2 { opacity: 1; } .pc-header.on .right-btn .nav .li .titss { color: #333; } .pc-header .right-btn .nav .li.solu:hover .titss { color: #fff; } .pc-header.on .right-btn .list .li svg { fill: #333; } .pc-header.on .right-btn .list .nav-btn .line { background-color: #333; } .pc-header.on .right-btn .list .lan .tit-16 { color: #333; } .anni { background-image: url(../img/index/bg2.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; padding: 0 4.75rem; padding-top: 100px; } .pc-header.info .op1 { opacity: 0; } .pc-header.info .op2 { opacity: 1; } .pc-header.info .right-btn .nav .li .titss { color: #333; } .pc-header.info .right-btn .nav .li.lsi:hover .titss{ color: #0041C3; } .pc-header.info .right-btn .list .li svg { fill: #333; } .pc-header.info .right-btn .list .nav-btn .line { background-color: #333; } .pc-header.info .right-btn .list .lan .tit-16 { color: #333; } .anni .logo { display: block; padding-top: 2.5rem; text-align: center; margin-bottom: 1.725rem; } .anni .logo img { display: inline-block; } .anni .txt1 { width: 80%; margin: 0 auto; line-height: 1.5; margin-top: 1.05rem; } .anni .videos { width: 100%; height: 22rem; margin-top: 1.925rem; overflow: hidden; position: relative; } .anni .videos .videoPlay1 { position: absolute; top: 0; left: 0; width: 100%; } .anni .list { margin-top: 2.35rem; padding-bottom: 2.75rem; } .anni .list a { display: block; padding: 1rem; background-color: #fff; display: flex; margin-bottom: 1.325rem; } .anni .list a:last-child { margin-bottom: 0; } .anni .list a .img { width: 11.25rem; height: 7rem; } .anni .list a .txt { width: calc(100% - 11.25rem); padding-left: 1.925rem; padding-top: .9rem; padding-bottom: .35rem; } .anni .list a .txt .t1 { color: #000000; line-height: 1.5; } .anni .list a .txt .t2 { margin-top: .95rem; color: #000000; line-height: 1.8; } .anni .list a .txt .to { margin-top: 1.525rem; width: 80px; height: 50px; border: 3px solid #0041C3; border-radius: 25px; position: relative; } .anni .list a .txt .to svg { fill: #0041C3; } .anni .list a .txt .to svg path { stroke-width: 8px } .anni .newspage { margin: 0; } .npinfo { background-image: url(../img/index/bg3.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; padding-top: 100px; padding-bottom: 1.8rem; } .npinfo .npinfo-a { padding-top: 2.95rem; padding-bottom: 1.2rem; } .npinfo .npinfo-a .left { float: left; width: 44.8%; } .npinfo .npinfo-a .left .pinfo-container { overflow: hidden; } .npinfo .npinfo-a .left .pinfo-container .swiper-slide { width: 100%; height: 13.5rem; overflow: hidden; } .pino-pagination { position: relative !important; bottom: auto !important; text-align: center; margin-top: 1rem; } .pino-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background: #333333; opacity: 0.5; border-radius: 50%; } .pino-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 12px; height: 12px; background: #1643B3; border-radius: 50%; opacity: 1; } .npinfo .npinfo-a .right { float: left; width: 55.2%; padding-left: 2.225rem; padding-right: 4.75rem; padding-top: .8rem; } .npinfo .npinfo-a .right .mc { border-bottom: 1px solid rgba(0, 65, 195, .2); line-height: 1; padding-bottom: 1rem; position: relative; } .npinfo .npinfo-a .right .mc::after { content: ""; width: 60px; height: 6px; background: #0041C3; position: absolute; bottom: 0; left: 0; } .npinfo .npinfo-a .right .t1 { color: #000000; margin-top: 1.325rem; } .npinfo .npinfo-a .right .dss { display: flex; } .npinfo .npinfo-a .right .ibtn { margin-top: 1.675rem; margin-right: 1rem; } .ibtn.fill { background-color: #0041C3; color: #fff; } .ibtn.fill .tit-16 { color: #fff; } .ibtn.fill .icon svg { fill: #fff; } .npinfo-b { background-color: #fff; padding: 1.9rem 2.95rem; } .npinfo .view { width: 100%; padding: 0 4.75rem; } .npinfo-b .list { width: 100%; margin-top: .25rem; display: flex; flex-wrap: wrap; } .npinfo-b .list .li { width: calc((100% - 2.875rem) / 2); margin-right: 2.875rem; padding: 1rem 0; border-bottom: 1px solid rgba(207, 214, 229, 1); } .npinfo-b .list .li:nth-child(2n) { margin-right: 0; } .npinfo-b .list .li .t1 { padding-left: 1rem; position: relative; } .npinfo-b .list .li .t1::after { content: ""; width: 20px; height: 5px; background: #0041C3; border-radius: 2px; position: absolute; bottom: 50%; left: 0; margin-top: 2px; } .npinfo-c { background-color: #fff; padding: 1.9rem 2.95rem; margin-top: .5rem; } .npinfo-c .list { width: 100%; margin-top: .25rem; display: flex; flex-wrap: wrap; } .npinfo-c .list .li { width: calc((100% - 2.875rem) / 2); margin-right: 2.875rem; padding: 1rem 0; border-bottom: 1px solid rgba(207, 214, 229, 1); } .npinfo-c .list .li:nth-child(2n) { margin-right: 0; } .npinfo-c .list .li .t1 { margin-top: .5rem; position: relative; } @media (max-width: 1560px) { header .pc-header { padding: 0 4%; } .home { padding: 0 4%; } } @media (max-width: 768px) { .home-a .h-a-a .txt .t2 { font-size: 14px; } header .pc-header { display: none; } .headaerfix { height: 2.5rem; } .pc { display: none; } .mb { display: block; } .index-banner { padding-top: 0rem; } .home { padding: 0 6%; } .home-a { padding-top: 1.5rem; } .home-a .h-a-a { margin-top: 1.5rem; } .home-a .h-a-a .txt { padding-left: 1rem; } .home-a .h-a-a .txt .t2 { width: 84%; } .home-a .list1 a:first-child { width: 100%; margin-right: 0; margin-bottom: .5rem; height: 6rem; } .home-a .list1 a:first-child .txt { font-size: 16px; } .home-a .list1 a { display: block; width: calc((100% - 0.5rem) / 2); height: 7rem; overflow: hidden; float: left; margin-right: 0.5rem; position: relative; } .home-a .list1 .txt { font-size: 13px; padding-bottom: 0.5rem; } .home-a .list2 a { height: 7rem; } .home-a .list2 .txt { font-size: 14px; padding-bottom: .5rem; } .home-b { padding-top: 1.5rem; } .home-b .list { margin-top: 1.5rem; } .home-b .list .left { width: 100%; float: left; display: block; padding: 0; border-right: none; } .home-b .list .txt .t1 { line-height: 1.8; height: auto; } .home-b .list .txt { padding-right: 0; } .home-b .list .right { width: 100%; } .home-b .list .right .txt { width: 100%; float: left; padding: 1rem 0; border-right: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; } .home-d { padding: 1.5rem 0; } .home-d .list .li { width: calc((100% - 0.5rem) / 2); margin-right: 0.5rem; height: 5rem; margin-bottom: 1.5rem; } .home-d .list .li:nth-child(2n) { margin-right: 0; } .npinfo .npinfo-a { padding-top: 0; padding-bottom: 0; } .npinfo .npinfo-a .left { width: 100%; } .npinfo { padding-top: 2.5rem; } .npinfo .npinfo-a .right { width: 100%; padding: 1.5rem 6%; } .npinfo .view { padding: 0 6%; } .npinfo-b, .npinfo-c { padding: 1rem 0.75rem; } .npinfo-b .list, .npinfo-c .list { display: block; } .npinfo-b .list .li, .npinfo-c .list .li { width: 100%; margin-right: 0; } .anni { padding: 0 6%; padding-top: 2.5rem; } .anni .logo { width: 100%; display: block; padding-top: 1.5rem; text-align: center; margin-bottom: 1.725rem; } .anni .logo img { width: 5rem; } .tit-60 { line-height: 1.5; } .anni .txt1 { width: 100%; } .anni .videos { height: 10rem; margin-top: 1.5rem; } .anni .videos img { width: 2rem; } .anni .list { margin-top: 1.5rem; } .anni .list a { display: block; } .anni .list a .img { width: 100%; height: 7rem; } .anni .list a .txt { width: 100%; padding-left: 0; } .anni .list a .txt .to { width: 2rem; height: 1.25rem; } } .ymain-nav .ysolu_nav .oneli .sub-tits .ysoright a .img img { max-height: 100%; } .ymain-nav .ysolu_nav .oneli { line-height: 1; } .lan { position: relative; } .lan-nav { display: none; position: absolute; top: 100%; left: 30%; width: 70%; background: #fff; padding: 0.25rem; border-radius: 8px; } .lan-nav a { border-radius: 8px; display: block; line-height: .75rem; font-size: .4rem; color: #333; text-align: center; background-color: #eee; margin-bottom: 0.25rem; } .lan-nav a:last-child { margin-bottom: 0; } /* .ymain-nav .ypord .ysolu_nav .oneli .sub-tits .ysoright a:nth-child(5n) { margin-right: 3.25rem; } .ymain-nav .ypord .ysolu_nav .oneli .sub-tits .ysoright a.hnr:nth-child(5n) { margin-right: 13%; } */ /* .ymain-nav .ypord .ysolu_nav .oneli .sub-tits .ysoright a.hnr:nth-child(3n) { margin-right: 0; } */ /* .ymain-nav .ypord .ysolu_nav .oneli .sub-tits .ysoright a:nth-child(4n) { margin-right: 3.25rem; } */ .seach { position: relative; } .pcseachbox { position: absolute; top: -6px; right: 0; border: 1px solid rgba(255, 255, 255, .5); display: flex; width: 3rem; height: 30px; transform: scaleX(0); transition: all .5s; } .pcseachbox .txt { line-height: 1; font-size: 12px; padding: 0 0.2rem; background-color: transparent; color: #fff; width: 80%; height: 100%; } .pcseachbox .submit { background-color: transparent; color: #fff; font-size: 12px; padding: 0 0.2rem; position: absolute; right: 0; line-height: 30px; } .pcseachbox.on { transform: translateX(110%) scaleX(1); } .pc-header.on .pcseachbox { border: 1px solid rgba(0, 0, 0, .5); } .pc-header.on .pcseachbox .txt { color: #000; } .pc-header.on .pcseachbox .submit { color: #000; } .pc-header.info .pcseachbox { border: 1px solid rgba(0, 0, 0, .5); } .pc-header.info .pcseachbox .txt { color: #000; } .pc-header.info .pcseachbox .submit { color: #000; } .ymain-nav .canvnv .ysolu_nav { padding-left: 49.5vw; } .d-c { padding: 0 4.8rem; padding-top: 5.3rem; } .d-c .list { border-top: 2px solid #000; margin-top: 1.65rem; } .d-c .list .top { display: flex; align-items: center; justify-content: space-between; padding: .65rem 0; } .d-c .list .top a { display: flex; align-items: center; color: #0041C3; } .d-c .list .top a .icon { margin-left: .35rem; } .d-c .list .top a svg { fill: #0041C3; ; } .d-c .list .cont .a1 { width: 46%; margin-right: .5rem; height: 20rem; overflow: hidden; float: left; position: relative; } .d-c .list .cont .txt { position: absolute; bottom: 0; left: 0; width: 100%; padding: 1.075rem; z-index: 3; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5)); display: flex; align-items: center; justify-content: space-between; } .d-c .list .cont .txt .tit-16 { text-decoration: underline; } .d-c .list .cont .box1 { width: calc(54% - .5rem); float: left; height: 20rem; } .d-c .list .cont .box1 .a2 { display: block; height: calc((100% - .5rem)/ 2); margin-bottom: .5rem; width: 100%; position: relative; overflow: hidden; } .d-c .list .cont .bg { transition: all 0.5s; } .d-c .list .cont a:hover .bg { transform: scale(1.05); } .d-c .list .cont .li1 { margin-bottom: .5rem; } .d-c .list .cont .li2 { margin-bottom: .5rem; } .d-c .list .cont .li1 .a3 { display: block; width: calc((100% - 1rem) / 3); height: 13.5rem; overflow: hidden; float: left; margin-right: .5rem; position: relative; } .d-c .list .cont .li1 .a3:last-child { margin-right: 0; } .d-c .list .cont .a4 { margin-bottom: .5rem; width: 100%; height: 12.5rem; display: block; overflow: hidden; position: relative; } .d-c .list .cont .a5 { display: block; position: relative; width: calc((100% - 0.5rem) / 2); margin-right: 0.5rem; height: 11rem; overflow: hidden; float: left; } .d-c .list .cont .a5:last-child { margin-right: 0; } .d-c { padding-bottom: 3.35rem; } .down-info { background-image: url(../img/index/bg2.jpg); /* background-size: cover; */ background-position: top center; } .download.down-info .sore { border: 0; padding: 0; } .download.down-info .dowseach { width: 6rem; height: 1.225rem; border: 1px solid #E6E6E6; position: relative; margin-bottom: 1rem; } .download.down-info .dowseach input { width: 80%; height: 100%; font-size: .4rem; line-height: 1.225rem; padding: 0 .525rem; background-color: transparent; } .download.down-info .dowseach .submit { position: absolute; right: 0; height: 100%; width: 20%; top: 0; } .download.down-info .dowseach .submit svg { fill: #0041C3; } .download.down-info .list2 { display: flex; flex-wrap: wrap; } .download.down-info .list2 a { display: block; width: calc((100% - 1.75rem) / 2); margin-right: 1.75rem; margin-bottom: 1.7rem; } .download.down-info .list2 a:nth-child(2n) { margin-right: 0; } .download.down-info .list2 a .img { width: 100%; height: 8.25rem; position: relative; } .download.down-info .list2 a .play { background-color: rgba(0, 0, 0, .5); width: 100%; height: 100%; } .download.down-info .list2 a .tip { display: flex; align-items: center; justify-content: space-between; padding: .375rem 0; border-bottom: 1px solid #000; color: #000; } .download.down-info .list2 a .tit { font-weight: 500; color: #000000; line-height: 1; margin: .625rem 0; } .download.down-info .list2 a .down { display: flex; align-items: center; color: #0041C3; } .download.down-info .list2 a .down .icon { margin-left: .2rem; } .download.down-info .list2 a .down svg { fill: #0041C3; } .vidcontainer { position: fixed; width: 100%; height: 100%; z-index: 100; top: 0; left: 0; overflow: hidden; display: none; cursor: pointer; z-index: 999; } .vidcontainer .video-dialog { position: absolute; left: 50%; top: 50%; width: 50%; transform: translate(-50%, -50%); } .vidcontainer .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: .8; } .vidcontainer .closevid { width: 1.5rem; height: 1.5rem; background-image: url("../img/close-vid2.png"); background-size: .35rem; border: 1px solid #fff; border-radius: 100%; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; right: -2.5rem; cursor: pointer; transition: all .3s; } .vidcontainer video { width: 100%; outline: none; } @media (max-width: 767px) { .vidcontainer .closevid { width: .6rem; height: .6rem; top: -1rem; right: 0; } .vidcontainer .video-dialog { width: 90%; } .download.down-info .list2 a { display: block; width: 100%; margin-right: 0; margin-bottom: 0.7rem; } .d-c { padding: 3rem 6%; } .d-c .list { margin-top: 1rem; } .d-c .list .top .tit-48 { font-size: .75rem; } .d-c .list .cont .a1 { width: 100%; height: 8rem; } .d-c .list .cont .txt .tit-30 { font-size: 18px; } .d-c .list .cont .box1 { width: 100%; height: auto; margin-top: .5rem; } .d-c .list .cont .box1 .a2 { width: 100%; height: 8rem; } .d-c .list .cont .li1 .a3 { width: 100%; height: 8rem; margin-bottom: .5rem; } .d-c .list .cont .a4 { height: 8rem; } .d-c .list .cont .a5 { width: 100%; height: 8rem; margin-bottom: .5rem; } .d-c .list .cont .li2 { margin-bottom: 0; } .d-c .list .cont .li1 { margin-bottom: 0; } .d-c { padding-bottom: 1rem; } } @media (min-width: 1025px) { .vidcontainer .closevid:hover { transform: rotate(90deg); } } .n-ecs-j { padding: 3.375rem 0; } .n-ecs-j .top { display: flex; align-items: center; justify-content: space-between; } .n-ecs-j .top .butn .pev2 { border: 2px solid #fff; } .n-ecs-j .top .butn .next2 { border: 2px solid #fff; } .n-ecs-j .butn a svg { fill: #fff; } .n-ecs-j .content { margin-top: 1.65rem; } .n-ecs-j .content .swiper-slide { width: calc((100% - 3.75rem) / 4); margin-right: 1.25rem; height: 10.5rem; border: 1px solid #FFFFFF; background-color: rgba(255, 255, 255, .1); border-radius: 10px; padding-top: 2rem; } .n-ecs-j .content .swiper-slide:last-child { margin-right: 0; } .n-ecs-j .content .swiper-slide .icon { width: 2.05rem; height: 2.05rem; background: #FFFFFF; position: relative; border-radius: 50%; margin-top: 1.1rem; display: inline-block; } .n-apc_b { background-image: url(../img/apcb.png); padding: 4.45rem 0 5rem 0; } .n-apc_b .list { margin-top: 3.5rem; } .n-apc_b .list .li { width: 20%; float: left; display: flex; flex-direction: column; align-items: center; padding: 0 1.425rem; justify-content: flex-start; position: relative; } .n-apc_b .list .li::after { content: ""; position: absolute; left: 0; top: 0; background-image: url(../img/index/ac1.png); width: 1px; height: 10rem; background-size: 100% 100%; opacity: 0.15; } .n-apc_b .list .li .icon { width: 2.75rem; margin-bottom: .5rem; } .n-apc_b .list .li .mc { margin-bottom: 1rem; } .n-apc_b .list .li .tit-18 { line-height: 1.6; } @media (max-width: 996px) { .n-ecs-j { padding: 1.5rem 0; } .n-ecs-j .top { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; } .n-ecs-j .top .butn { margin-top: 0.5rem; } .n-ecs-j .content .swiper-slide { width: 100%; } .n-apc_b { padding: 1.5rem 0; } .n-apc_b .list { margin-top: 1.5rem; } .n-apc_b .list .li { width: 100%; margin-bottom: .75rem; } .n-apc_b .list .li::after { display: none; } } .new-si .sof_b { width: 100%; height: auto; } .new-si .sof_b .acimg { position: relative; top: auto; left: auto; transform: translateX(0); margin-top: 1.25rem; } .new-si .new-si-a { padding: 2.475rem } .new-si .new-si-a .box { width: calc((100% - 2rem) / 2); height: auto; padding: 1.8rem 2.075rem; border-radius: 2rem; background-image: linear-gradient(to left, #f5f8fc, #dbe7f4); position: relative; } .new-si .new-si-a .box .tit-22 { margin-top: 1rem; height: 7.5rem; overflow: auto; padding-right: 0.5rem; } .new-si .new-si-a .left { float: left; text-align: justify; } .new-si .new-si-a .right { float: right; margin-top: 9.3rem; text-align: justify; } .new-si .new-si-a .right .img1 { width: 12.725rem; position: absolute; top: -6.75rem; left: 0; } .new-si .life_e .li .right .tit-s { margin-top: 1rem; text-align: justify; } .infor-in .i-a .left .col-666 { text-align: justify; } @media (max-width: 996px) { .sof_banner { height: 50vh; } body { overflow: hidden; } .sof_banner .txt1 .bigtxt { font-size: .8rem; line-height: 1.5; padding: 0 2rem; } .new-si .new-si-a { padding: 1.5rem 6%; } .new-si .new-si-a .box { width: 100%; padding: 1rem; height: auto; border-radius: 5px; } .new-si .new-si-a .box .tit-22 { margin-top: 0.5rem; } .new-si .new-si-a .right .img1 { width: 4.725rem; position: absolute; top: -1.75rem; left: 0; } .new-si .new-si-a .right { float: right; margin-top: 2.3rem; } .new-si .new-si-a .box .mc { font-size: 1rem; line-height: 1.5; } } .ind_g_container.center .swiper-wrapper{ display: flex; justify-content: center; } .ind_e_container.center .swiper-wrapper{ display: flex; justify-content: center; }