.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;
}
}