.header .list, html { font-family: FZHTJW } * { margin: 0; padding: 0; } a { text-decoration: none; } .news .newsHeader, .news .newstxt { display: flex; justify-content: space-between } .news { width: 1100px; height: auto; padding-top: 20px; } .news .newsHeader { width: 100%; height: 40px; align-items: center; border-bottom: solid 2px #9F9E9E; margin-bottom: 10px; color: #2466c8; font-weight: 600; display: inline-block; } .business .businessHeader, .newsoneheader { border-bottom: #9F9E9E 2px solid; font-weight: 600; color: #717071 } .news .newsHeader p { float: left; line-height: 30px; padding-left: 10px; font-size: 24px; font-family: Source Han Sans CN; font-weight: 500; color: #2466C8; } .news .newsHeader a { float: right; } .news .newsHeader>img { width: auto; height: auto; float: left; } .news .newstxt { width: 100%; height: auto; align-items: center; margin-bottom: 10px; } .newslist, .newsoneheader { justify-content: space-between; display: flex } .news .newsright { width: 600px; height: 312px; } .news .newsleft { width: 480px; height: 320px; } #lb-swiper1 { height: 320px } #lb-swiper1 img {object-fit: cover;height: 400px;} .news .newsright>p { width: 432px } .news .newsright .p2 { width: 94%; font-size: 14px; height: 20px; color: #B3B4B4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px; } .news .newsright a { display: inline-block; width: 100%; } .news .newsright .p1 { font-size: 16px; color: #595757; margin-top: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 80%; line-height: 36px; float: left; }.news .newsright a .p1 span { top: 16px; } .news .newsright a span { font-size: 16px; color: #595757; line-height: 36px; float: right; } .news .newsleft>img { width: 100%; height: 100% } .newslist { width: 1100px; height: auto; margin: 0 auto; padding-top: 20px; } .newsoneheader { width: 340px; height: 40px; align-items: center; margin-bottom: 10px; display: block; } .newsoneheader img { float: left; } .newsoneheader p { font-size: 18px; color: #2466c8; line-height: 30px; float: left; padding-left: 10px; } .newslist .newsoneheader p { color: #595959; font-size: 24px; font-family: Source Han Sans CN; font-weight: 500; line-height: 30px; padding-left: 10px; } .newsoneheader a { float: right; padding-top: 5px; } .txt1 { width: 340px; font-size: 16px; color: #595757; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding-left: 14px; } .txt1 span { width: 5px; height: 5px; border-radius: 0px; display: block; background: #2566cc; position: absolute; left: 0; top: 8px; } .newsone .txt1 span { background: #c00000; } .newstwo .txt1 span { background: #ffa200; } .newsthree .txt1 span { background: #00b050; } .txt2 { width: 202px; font-size: 12px; color: #B3B4B4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 5px; } .business { width: 1100px; margin: 0 auto; padding-top: 20px; position: relative; } .business .businessHeader { width: 100%; height: 40px; display: flex; justify-content: space-between; align-items: center; margin-top: 10px; display: block; } .business .businessHeader img { float: left; } .business .businessHeader p { font-size: 18px; color: #2466c8; line-height: 35px; float: left; padding-left: 5px; font-size: 24px; font-family: Source Han Sans CN; font-weight: 500; line-height: 30px; padding-left: 10px; color: #595959; } .business .businessHeader a { float: right; padding-top: 5px; } .business .tab { width: 130px; height: 40px; display: flex; justify-content: space-around; align-items: center; font-size: 16px; color: #717071; overflow: hidden } .plate, .done { width: 1120px; margin: 0 auto; padding-top: 20px; position: relative; } .done .platelist1 { display: none; } .done .active { display: block; background: #e9e7e8; } .done .platelist1 .img { display: flex; width: 100%; border-radius: 100%; font-size: 24px; font-family: Source Han Sans CN; font-weight: 500; color: #545454; height: auto; text-align: center; } .done .platelist1 .TRS_Editor { width: 100%; padding-top: 32px; font-size: 20px; font-weight: 400; color: #717171; line-height: 30px; padding-bottom: 32px; } .done .platelist1 .img img { padding-right: 20px; display: flex; width: 100%; } .done .platelist1 .img img:first-child { border-radius: 50px 0 0; } .done .platelist1 .img img:last-child { padding-right: 0; border-radius: 0 0 50px; } .plate .plateHeader, .plate .platelist { width: 100%; color: #717071; font-weight: 600; display: flex } .plate .plateHeader { height: 40px; justify-content: space-between; align-items: center; border-bottom: 2px solid #9F9E9E } .plate .plateHeader p { font-size: 18px; color: #2466c8; line-height: 35px; font-size: 24px; font-family: Source Han Sans CN; font-weight: 500; line-height: 30px; } .plate .platelist { height: 240px; justify-content: space-around; align-items: center; margin-top: 10px; padding-bottom: 0; } .plate .platelist>img { width: 100px; height: 100px; margin: 0 } .plate .platelist .platelist1 { width: 157px; text-align: center; margin: 0; border-left: #BBB9B9 2px solid; } .plate .platelist .platelist1 div { height: 140px; position: relative; } .plate .platelist .platelist1 img { width: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .plate .platelist .platelist1 p { font-size: 16px; } .plate .platelist .platelist1 .img { display: block; } .plate .platelist .platelist1 .img1 { display: none; } .plate .platelist .platelist1:hover .img { display: none; } .plate .platelist .platelist1:hover .img1 { display: block; } .plate .platelist .swiper-wrapper .swiper-slide:last-child .platelist1 { border-right: #BBB9B9 2px solid; } .plate .platelist .platelist1>p { margin: 0 } .tab .tabItem.active { background: #D2D0CF } #tabswiper .swiper-slide { width: 160px!important; height: 100% } .swiper-slide { width: 100%; height: 100% } .tab .tabItem { width: 60px; height: 30px; text-align: center; line-height: 30px; } .tab .tabItem:nth-of-type(1) { border-right: #595757 1px solid; } #tab-swiper { width: 1100px; /* height: 481.25px; */ position: unset; } .swiper-button-prev.swiper-button-white { left: -50px; top: 60%; background: url(./left.png) no-repeat; } .swiper-button-next.swiper-button-white { right: -50px; top: 60%; background: url(./right.png) no-repeat; } #tabswiper .swiper-button-prev.swiper-button-white, #tabswiper .swiper-button-next.swiper-button-white { top: 60%; } #tab-swiper .swiper-wrapper img { height: auto; } #lb-swiper .swiper-wrapper img { width: 100%; /* height: 576px; */ } .swiper-wrapper img { width: 100%; } .swiper-wrapper li img { width: 20px; margin-right: 10px; } .swiper-wrapper li { line-height: 30px; padding-left: 20px; } .no1 { margin-top: 20px } .swiper-wrapper li span { width: 10px; height: 10px; background: #FFFFFF; border-radius: 25px; margin-top: 5px; margin-right: 20px; float: left; display: block; } .swiper-wrapper .no1 span { background: #7da1b7; } .swiper-wrapper .no2 span { background: #e49584; } .swiper-wrapper .no3 span { background: #eae29a; } .none { font-size: 16px; width: 180px; position: absolute; left: 0; top: 0; z-index: 999; display: none; } .none1 { font-size: 16px; width: 180px; position: absolute; left: 0; top: 0; z-index: 999; padding: 10px; display: none; opacity: 0.9; background-color: #EDEBEB; } .none1 .content { width: 160px; } .none1 .content .left { border-bottom: #BBB9B9 1px solid; } .none1 span { width: 0; height: 0; display: block; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 0px solid transparent; border-left: 10px solid #FFFFFF; position: absolute; right: -10px; top: 45px; } #none1 { left: 27%; top: 2%; background: #FFFFFF; opacity: 0.7; } #none1 span { width: 0; height: 0; display: block; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 0px solid transparent; border-left: 10px solid #FFFFFF; position: absolute; right: -10px; top: 65px; } #none11 { left: 11%; top: 18%; } #none12 { left: 14%; top: 42%; } #none12 span { top: 23px; } #none13 { left: 28%; top: 27%; } #none14 { left: 47.6%; top: 18%; } #none14 span { top: 24px; } #none15 { left: 40%; top: 23%; } #none16 { left: 35%; top: 34%; } #none16 span { top: 24px; } #none17 { left: 47%; top: 32%; } #none18 { left: 38%; top: 40%; } #none18 span { top: 24px; } #none19 { left: 42%; top: 30%; } #none19 span { top: 64px; } #none110 { left: 36%; top: 51%; } #none111 { left: 25%; top: 68%; } #none111 span { top: 24px; } #none112 { left: 27%; top: 58%; } #none112 span { top: 24px; } #none113 { left: 34%; top: 84%; } #none113 span { top: 24px; } #none114 { left: 35.4%; top: 63%; } #none115 { left: 42.4%; top: 72%; } #none115 span { top: 24px; } #none116 { left: 35%; top: 58%; } #none117 { left: 46.4%; top: 54%; } #none118 { left: 40%; top: 41%; } #none119 { left: 24%; top: 38%; } #none119 span { top: 24px; } #none120 { left: 42%; top: 62%; } #none120 span { top: 24px; } #none121 { left: 45%; top: 52%; } #none121 span { top: 24px; } #none122 { left: 21%; top: 52%; } #none122 span { top: 24px; } #none2 { left: 37.6%; top: 30%; background: #FFFFFF; opacity: 0.7; } #none2 span { width: 0; height: 0; display: block; border-top: 0 solid transparent; border-bottom: 10px solid #FFFFFF; border-right: 10px solid transparent; border-left: 10px solid transparent; position: absolute; left: 70px; top: -10px; } #none3 { left: 57%; top: 7%; background: #FFFFFF; opacity: 0.7; } #none3 span { width: 0; height: 0; display: block; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #FFFFFF; border-left: 0px solid transparent; position: absolute; left: -10px; bottom: 10px; } #none4 { left: 75%; top: 44%; background: #FFFFFF; opacity: 0.7; } #none4 span { width: 0; height: 0; display: block; border-top: 0 solid transparent; border-bottom: 10px solid #FFFFFF; border-right: 10px solid transparent; border-left: 10px solid transparent; position: absolute; left: 70px; top: -10px; } .none .cont { width: 160px; margin: 0 auto; } .none .cont:after { display: block; content: ""; clear: both; } .none .content1 { border-bottom: #BBB9B9 2px solid; } #none4 .content2 { border-bottom: #BBB9B9 2px solid; } .none .cont div { font-size: 16px; width: 70px; float: left; margin: 7px 0; text-align: center; height: 30px; line-height: 30px; font-weight: bold; } .none .cont .right { width: 90px; } .none .cont .right img { height: 30px; width: auto; } .none .cont .left { border-right: #BBB9B9 2px solid; letter-spacing: 6px; } #tab-swiper ul { position: absolute; z-index: 999; bottom: 20px; left: 10px; font-size: 16px; list-style: none; } a:hover p { color: #0008FE!important; } .plate .platelist .platelist1.active .img { display: none; } .plate .platelist .platelist1.active .img1 { display: block; } .plate .platelist .platelist1.active p { color: #2466c8; } .mobile { display: none; } @media (min-width: 1920px) { .news .newsHeader, .news .newstxt { display: flex; justify-content: space-between } .news { width: 1400px; height: auto; padding-top: 20px; } .news .newsHeader { width: 100%; height: 40px; align-items: center; border-bottom: solid 2px #9F9E9E; margin-bottom: 10px; color: #2466c8; font-weight: 600; display: inline-block; } .business .businessHeader, .newsoneheader { border-bottom: #9F9E9E 2px solid; font-weight: 600; color: #717071 } .news .newsHeader p { float: left; line-height: 30px; padding-left: 10px; font-size: 24px; font-family: Source Han Sans CN; font-weight: 500; color: #2466C8; } .news .newsHeader a { float: right; } .news .newsHeader>img { width: auto; height: auto; float: left; } .news .newstxt { width: 100%; height: auto; align-items: center; margin-bottom: 10px; } .newslist, .newsoneheader { justify-content: space-between; display: flex } .news .newsright { width: 720px; height: 400px; } .news .newsleft { width: 650px; height: 400px; } #lb-swiper1 { height: 400px; } .news .newsright>p { width: 432px } .news .newsright .p2 { width: 98%; font-size: 16px; color: #B3B4B4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 15px; } .news .newsright a { display: inline-block; width: 100%; } .news .newsright .p1 { font-size: 20px; color: #595757; margin-top: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 46px; }.news .newsright a .p1 span { top: 20px; } .news .newsright a span { font-size: 18px; color: #595757; line-height: 46px; float: right; } .news .newsleft>img { width: 100%; height: 100% } .newslist { width: 1400px; height: auto; margin: 0 auto; padding-top: 20px; } .newsoneheader { width: 440px; height: 40px; align-items: center; margin-bottom: 10px; display: block; } .newsoneheader img { float: left; } .newsoneheader p { font-size: 18px; color: #2466c8; line-height: 30px; float: left; padding-left: 10px; } .newslist .newsoneheader p { color: #595959; font-size: 24px; font-family: Source Han Sans CN; font-weight: 500; line-height: 30px; padding-left: 10px; } .newsoneheader a { float: right; padding-top: 5px; } .txt1 { width: 440px; font-size: 16px; color: #595757; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding-left: 14px; } .txt1 span { width: 5px; height: 5px; border-radius: 0px; display: block; background: #2566cc; position: absolute; left: 0; top: 8px; } .newsone .txt1 span { background: #c00000; } .newstwo .txt1 span { background: #ffa200; } .newsthree .txt1 span { background: #00b050; } .txt2 { width: 202px; font-size: 12px; color: #B3B4B4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 5px; } .business { width: 1400px; margin: 0 auto; padding-top: 20px; position: relative; } .business .businessHeader { width: 100%; height: 40px; display: flex; justify-content: space-between; align-items: center; margin-top: 10px; display: block; } .business .businessHeader img { float: left; } .business .businessHeader p { font-size: 18px; color: #2466c8; line-height: 35px; float: left; padding-left: 5px; font-size: 24px; font-family: Source Han Sans CN; font-weight: 500; line-height: 30px; padding-left: 10px; color: #595959; } .business .businessHeader a { float: right; padding-top: 5px; } .business .tab { width: 130px; height: 40px; display: flex; justify-content: space-around; align-items: center; font-size: 18px; color: #717071; overflow: hidden } .plate, .done { width: 1400px; margin: 0 auto; padding-top: 20px; position: relative; } .done .platelist1 { display: none; } .done .active { display: block; background: #e9e7e8; } .done .platelist1 .TRS_Editor { width: 100%; padding-top: 32px; font-size: 20px; font-weight: 400; color: #717171; line-height: 30px; padding-bottom: 32px; } .done .platelist1 .img img { padding-right: 20px; display: flex; } .done .platelist1 .img img:first-child { border-radius: 50px 0 0; } .done .platelist1 .img img:last-child { padding-right: 0; border-radius: 0 0 50px; } .plate .plateHeader, .plate .platelist { width: 100%; color: #717071; font-weight: 600; display: flex } .plate .plateHeader { height: 40px; justify-content: space-between; align-items: center; border-bottom: 2px solid #9F9E9E } .plate .plateHeader p { font-size: 18px; color: #2466c8; line-height: 35px; font-size: 24px; font-family: Source Han Sans CN; font-weight: 500; line-height: 30px; } .plate .platelist { height: 240px; justify-content: space-around; align-items: center; margin-top: 10px; padding-bottom: 0; } .plate .platelist>img { width: 100px; height: 100px; margin: 0 } .plate .platelist .platelist1 { width: 200px; text-align: center; margin: 0; border-left: #BBB9B9 2px solid; } .plate .platelist .platelist1 div { height: 140px; position: relative; } .plate .platelist .platelist1 img { width: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .plate .platelist .platelist1 p { font-size: 20px; } .plate .platelist .platelist1 .img { display: block; } .plate .platelist .platelist1 .img1 { display: none; } .plate .platelist .platelist1:hover .img { display: none; } .plate .platelist .platelist1:hover .img1 { display: block; } .plate .platelist .swiper-wrapper .swiper-slide:last-child .platelist1 { border-right: #BBB9B9 2px solid; } .plate .platelist .platelist1>p { margin: 0 } .tab .tabItem.active { background: #D2D0CF; font-size: 20px; } #tabswiper .swiper-slide { width: 200px!important; height: 100% } .swiper-slide { width: 100%; height: 100% } .tab .tabItem { width: 60px; height: 30px; text-align: center; line-height: 30px; } .tab .tabItem:nth-of-type(1) { border-right: #595757 1px solid; } #tab-swiper { width: 1400px; /* height: 481.25px; */ position: unset; } .swiper-button-prev.swiper-button-white { left: -50px; top: 60%; background: url(./left.png) no-repeat; } .swiper-button-next.swiper-button-white { right: -50px; top: 60%; background: url(./right.png) no-repeat; } #tabswiper .swiper-button-prev.swiper-button-white, #tabswiper .swiper-button-next.swiper-button-white { top: 60%; } #tab-swiper .swiper-wrapper img { height: auto; } #lb-swiper .swiper-wrapper img { width: 100%; /* height: 576px; */ } .swiper-wrapper img { width: 100%; } .swiper-wrapper li img { width: 20px; margin-right: 10px; } .swiper-wrapper li { line-height: 30px; padding-left: 20px; } .no1 { margin-top: 20px } .swiper-wrapper li span { width: 10px; height: 10px; background: #FFFFFF; border-radius: 25px; margin-top: 5px; margin-right: 20px; float: left; display: block; } .swiper-wrapper .no1 span { background: #7da1b7; } .swiper-wrapper .no2 span { background: #e49584; } .swiper-wrapper .no3 span { background: #eae29a; } #tab-swiper ul { position: absolute; z-index: 999; bottom: 20px; left: 10px; font-size: 16px; list-style: none; } a:hover p { color: #0008FE!important; } .plate .platelist .platelist1.active .img { display: none; } .plate .platelist .platelist1.active .img1 { display: block; } .plate .platelist .platelist1.active p { color: #2466c8; } } @media (max-width: 768px) { .news { width: 100%; height: auto; padding: 0.4rem 0.2rem; padding-bottom: 0; } .news .newsHeader { width: 100%; height: 40px; align-items: center; border-bottom: solid 2px #9F9E9E; margin-bottom: 10px; color: #2466c8; font-weight: 600; display: inline-block; } .business .businessHeader, .newsoneheader { border-bottom: #9F9E9E 2px solid; font-weight: 600; color: #717071 } .news .newsHeader p { float: left; line-height: 30px; padding-left: 10px; font-size: 24px; font-family: Source Han Sans CN; font-weight: 500; color: #2466C8; } .news .newsHeader a { float: right; } .news .newsHeader>img { width: auto; height: auto; float: left; } .news .newstxt { width: 100%; height: auto; align-items: center; margin-bottom: 10px; display: block; } .newslist, .newsoneheader { justify-content: space-between; display: flex } .news .newsright { width: 100%; height: auto; margin-top: 10px; } .news .newsleft { width: 100%; height: auto; } .news .newsleft:after { content: ""; display: table; clear: both; } #lb-swiper1 { width: 100%; height: auto; float: left; } .news .newsleft .mobile .p2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #717171; line-height: 24px; margin-top: 10px; } .mobile { display: block; } .pchome { display:none; } .news .newsleft .p1 { font-size: 16px; color: #000000; margin-top: 0; width: 100%; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news .newsright>p { width: 432px } .news .newsright .p2 { width: 98%; font-size: 14px; color: #B3B4B4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px; display: none; } .news .newsright .p1 { font-size: 16px; color: #595757; margin-top: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 72%; line-height: 30px; position: relative; padding-left: 14px; } .news .newsright a span{ font-size: 14px; color: #595757; line-height: 30px; float: right; } .news .newsright .p1 span { width: 5px; height: 5px; border-radius: 0px; display: block; background: #2566cc; position: absolute; left: 0; top: 15px; } .news .newsleft>img { width: 100%; height: 100% } .newslist { width: 100%; height: auto; margin: 0 auto; padding-top: 0.2rem; padding: 0.2rem; display: block; } .newslist>div { padding-bottom: 0.4rem; } .newslist .newsthree { padding-bottom: 0; } .newsoneheader { width: 100%; height: 40px; align-items: center; margin-bottom: 10px; display: block; } .newsoneheader img { float: left; } .newsoneheader p { font-size: 18px; color: #2466c8; line-height: 30px; float: left; padding-left: 10px; } .newslist .newsoneheader p { color: #595959; font-size: 24px; font-family: Source Han Sans CN; font-weight: 500; line-height: 30px; padding-left: 10px; } .newsoneheader a { float: right; padding-top: 5px; } .txt1 { width: 100%; font-size: 16px; color: #595757; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding-left: 14px; } .txt1 span { width: 5px; height: 5px; border-radius: 0px; display: block; background: #2566cc; position: absolute; left: 0; top: 8px; } .newsone .txt1 span { background: #c00000; } .newstwo .txt1 span { background: #ffa200; } .newsthree .txt1 span { background: #00b050; } .txt2 { width: 202px; font-size: 12px; color: #B3B4B4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 5px; } .business { width: 100%; margin: 0 auto; padding-top: 20px; position: relative; padding: 0.2rem; } .business .businessHeader { width: 100%; height: 40px; display: flex; justify-content: space-between; align-items: center; margin-top: 10px; display: block; } .business .businessHeader img { float: left; } .business .businessHeader p { font-size: 18px; color: #2466c8; line-height: 35px; float: left; padding-left: 5px; font-size: 24px; font-family: Source Han Sans CN; font-weight: 500; line-height: 30px; padding-left: 10px; color: #595959; } .business .businessHeader a { float: right; padding-top: 5px; } .business .tab { width: 3.4rem; height: 40px; display: flex; justify-content: space-around; align-items: center; font-size: 18px; color: #717071; overflow: hidden } .plate, .done { width: 100%; margin: 0 auto; padding-top: 20px; position: relative; padding: 0.2rem; } .done .platelist1 { display: none; } .done .active { display: block; background: #e9e7e8; } .done .platelist1 .TRS_Editor { width: 100%; padding-top: 0.2rem; font-size: 0.22rem; font-weight: 400; color: #717171; line-height: 0.36rem; padding-bottom: 0.2rem; } .done .platelist1 .img img { padding-right: 0.2rem; display: flex; } .done .platelist1 .img img:first-child { border-radius: 0.5rem 0 0; } .done .platelist1 .img img:last-child { padding-right: 0; border-radius: 0 0 0.5rem; } .plate .plateHeader, .plate .platelist { width: 100%; color: #717071; font-weight: 600; display: flex } .plate .plateHeader { height: 40px; justify-content: space-between; align-items: center; border-bottom: 2px solid #9F9E9E } .plate .plateHeader p { font-size: 18px; color: #2466c8; line-height: 35px; font-size: 24px; font-family: Source Han Sans CN; font-weight: 500; line-height: 30px; } .plate .platelist { height: 2.6rem; justify-content: space-around; align-items: center; margin-top: 10px; padding-bottom: 0; overflow-x: auto; display: block; } .platelist .mobile { display: flex; width: 12.6rem; } .plate .platelist>img { width: 100px; height: 100px; margin: 0 } .plate .platelist .platelist1 { width: 1.8rem; text-align: center; margin: 0; border-left: #BBB9B9 2px solid; display: inline-block; } .plate .platelist .platelist1 div { height: 2rem; position: relative; } .plate .platelist .platelist1 img { width: 1.4rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .plate .platelist .platelist1 p { font-size: 0.2rem; } .plate .platelist .platelist1 .img { display: block; } .plate .platelist .platelist1 .img1 { display: none; } .plate .platelist .platelist1:hover .img { display: none; } .plate .platelist .platelist1:hover .img1 { display: block; } .plate .platelist .swiper-wrapper .swiper-slide:last-child .platelist1 { border-right: #BBB9B9 2px solid; } .plate .platelist .platelist1>p { margin: 0 } .tab .tabItem.active { background: #FFFFFF; font-size: 20px; } #tabswiper .swiper-slide { width: 2rem!important; height: 100% } .swiper-slide { width: 100%; height: 100% } .tab .tabItem { width: 60px; height: 30px; text-align: center; line-height: 30px; width: 1.6rem; } .tab .tabItem:nth-of-type(1) { border-right: #595757 1px solid; /* width: 1.6rem; */ } #tab-swiper { width: 100%; /* height: 481.25px; */ position: unset; } .swiper-button-prev.swiper-button-white { left: -50px; top: 60%; background: url(./left.png) no-repeat; } .swiper-button-next.swiper-button-white { right: -50px; top: 60%; background: url(./right.png) no-repeat; } #tabswiper .swiper-button-prev.swiper-button-white, #tabswiper .swiper-button-next.swiper-button-white { top: 60%; } #tab-swiper .swiper-wrapper img { height: auto; } #lb-swiper .swiper-wrapper img { width: 100%; height: 3rem; object-fit: cover; /* height: 576px; */ } .swiper-wrapper img { width: 100%; } #lb-swiper1 img { object-fit: cover; height: 4rem; } .swiper-wrapper li img { width: 20px; margin-right: 10px; } .swiper-wrapper li { line-height: 30px; padding-left: 20px; } .no1 { margin-top: 20px } .swiper-wrapper li span { width: 10px; height: 10px; background: #FFFFFF; border-radius: 25px; margin-top: 5px; margin-right: 20px; float: left; display: block; } .swiper-wrapper .no1 span { background: #7da1b7; } .swiper-wrapper .no2 span { background: #e49584; } .swiper-wrapper .no3 span { background: #eae29a; } #tab-swiper ul { position: absolute; z-index: 999; bottom: 20px; left: 10px; font-size: 16px; list-style: none; } a:hover p { color: #0008FE!important; } .plate .platelist .platelist1.active .img { display: none; } .plate .platelist .platelist1.active .img1 { display: block; } .plate .platelist .platelist1.active p { color: #2466c8; } .business1 { width: 100%; margin: 0 auto; position: relative; padding: 0.2rem; } }