.header .list,
html {
font-family: FZHTJW
}
* {
margin: 0;
padding: 0;
font-size: 16px;
}
a{
text-decoration: none;
}
.content,
.header,
.news {
margin: 0 auto
}
.content {
width: 100%;
background-color: #e9e7e8;
}
.business .businessHeader,
.newsoneheader {
border-bottom: #9F9E9E 2px solid;
font-weight: 600;
color: #717071
}
.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 {
float:
left;
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
}
.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;
border-radius: 4px;
}
#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;
}
a:hover p{
color: #0008FE!important;
}
@media (min-width: 1920px) {
.business {
width: 1400px;
margin: 0 auto;
padding-top: 20px;
position: relative;
}
#tab-swiper {
width: 1400px;
position: unset;
}
}
@media (max-width: 768px) {
.business {
width: 100%;
margin: 0 auto;
padding-top: 20px;
padding: 0 0.1rem;
padding: 0.4rem 0.2rem;
position: relative;
}
#tab-swiper {
width: 100%;
position: unset;
}.business1 {
width: 100%;
margin: 0 auto;
position: relative;
padding: 0.2rem;
}
#tab-swiper .swiper-wrapper img {
height: auto;
/* border-radius: 0.5rem 0; */
}
}