/* */
/* */
.weiixn {
overflow: hidden;
_zoom: 1;
padding: 20rpx 0rpx;
background: #FFFFFF;
}
.weiixn-pic1 {
float: left;
width: 375rpx;
height: auto;
display: block;
}
.weiixn-pic2 {
float: right;
width: 375rpx;
height: auto;
display: block;
}
.bg {
background: #f7f7f7;
}
/* 轮播自定义样式 */
.swipercontent {
position: relative;
}
.swiper-box {
background: #fff;
}
.slide-image {
width: 100%;
height: 454rpx;
display: block;
}
.swiper-box .uni-swiper-dots {
position: absolute;
margin: 0 auto !important;
top: 316rpx;
}
.swiper-box .uni-swiper-dot {
width: 19rpx;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
height: 7rpx;
margin-right: 20rpx;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.swiper-box .uni-swiper-dot::before {
content: '';
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
background: #e0e0e0;
}
.swiper-box .uni-swiper-dot-active::before {
background: #2f2f2f;
border-radius: 4rpx;
}
.swipercontent {
position: relative;
}
.dots {
position: absolute;
left: 0;
right: 0;
bottom: 0rpx;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.dot {
margin: 0 8rpx;
width: 21rpx;
height: 9rpx;
background: #333;
border-radius: 16rpx;
}
.dot.active {
width: 21rpx;
background: #dfdfdf;
}
/* 结束 */
/* 内容 */
.cont-title {
background: #FFFFFF;
}
.h {
margin-top: 20rpx;
}
.dtitle {
overflow: hidden;
_zoom: 1;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin: 0 auto;
padding-top: 47rpx;
/* width: 300upx; */
}
.title {
font-size: 42rpx;
font-family: PingFang-SC-Medium;
font-weight: bold;
color: rgba(34, 34, 34, 1);
padding: 0 24rpx;
float: left;
}
.limg {
float: left;
width: 35rpx;
height: 15rpx;
display: block;
margin-top: 22rpx;
}
.ftitle {
margin-top: 8rpx;
font-size: 28rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: rgba(51, 51, 51, 1);
text-align: center;
}
.introduce {
/* font-size: 30upx;
font-family: PingFang-SC-Regular;
font-weight: 400;
color: rgba(51, 51, 51, 1);
padding: 55upx 34upx; */
}
.grace-rich-text {
font-size: 30rpx;
font-family: PingFang-SC-Regular;
font-weight: 400;
color: rgba(51, 51, 51, 1);
padding: 55rpx 34rpx;
}
.types {
margin: 0 9rpx;
padding: 0rpx 0 0rpx 0;
}
.typePic {
width: 100%;
}
/* tab切换列表 */
::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}
.tab-h {
box-sizing: border-box;
height: 102rpx;
line-height: 94rpx;
white-space: nowrap;
z-index: 99;
background: #fff;
border-bottom: 1rpx solid #E5E5E5;
box-sizing: border-box;
/* padding-bottom: 16upx; */
}
.tab-title {
margin: 0 32rpx;
position: relative;
}
.tab6 .tab-item {
margin: 0rpx 50rpx;
display: inline-block;
font-size: 28rpx;
color: #474245;
/* float: left; */
}
.tab5 .tab-item {
margin: 0rpx 50rpx;
display: inline-block;
font-size: 34rpx;
}
.tab4 .tab-item {
margin-right: 39rpx;
display: inline-block;
font-size: 28rpx;
color: #474245;
/* width: 180upx; */
text-align: center !important;
}
.tab3 .tab-item {
margin: 0rpx 80rpx;
display: inline-block;
font-size: 34rpx;
}
.actives {
/* width: 60upx; */
font-size: 32rpx !important;
font-family: PingFang-SC-Bold;
font-weight: bold;
color: #DD4243 !important;
border-bottom: 2px solid rgba(221, 66, 67, 1);
border-bottom-left-radius: 4rpx;
box-sizing: border-box;
/* text-align:center; */
/* margin:0 auto; */
/* width: 50upx; */
/* position: absolute;
left: 0;
top: 0; */
}
/* .tab-text:f */
/* .tab-text{
padding: 0 40upx;
} */
.tab-content {
z-index: 9999;
margin-top: 92rpx;
width: 100%;
height: auto;
display: block;
}
/* 列表 */
.listening {
background: #FFFFFF;
}
.list {
margin: 0 10rpx;
padding-top: 31rpx;
/* display:flex; */
overflow: hidden;
_zoom: 1;
margin-bottom: 61rpx;
}
.listcent {
margin-left: 23rpx;
float: left;
width: 333rpx;
background: rgba(255, 255, 255, 1);
box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(201, 201, 201, 0.75);
border-radius: 10rpx;
height: 348rpx;
margin-bottom: 21rpx;
}
.listPic {
display: block;
width: 333rpx;
height: 230rpx;
border-radius: 10rpx 10rpx 0px 0px;
}
/* */
.biaot {
background: #fff;
text-align: center;
}
.bt {
font-size: 26rpx;
font-family: PingFang-SC-Regular;
font-weight: bold;
color: rgba(51, 51, 51, 1);
padding: 20rpx 12rpx 18rpx 12rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.xianq {
overflow: hidden;
_zoom: 1;
margin: 0 81rpx;
}
.text {
font-size: 24rpx;
font-family: PingFang-SC-Regular;
font-weight: 400;
color: rgba(102, 102, 102, 1);
float: left;
}
.jt {
width: 14rpx;
height: 16rpx;
float: right;
display: block;
margin-top: 11rpx;
}
.btn {
padding-bottom: 82rpx;
}
.btn-cont {
margin: 0 155rpx;
height: 70rpx;
background: #f4f4f4;
/* box-shadow:3upx 5upx 134upx 7upx rgba(7,7,7,0.13); */
/* opacity:0.2; */
border-radius: 35rpx;
overflow: hidden;
_zoom: 1;
padding: 0 107rpx;
}
.anli {
font-size: 30rpx;
font-family: PingFang-SC-Regular;
font-weight: bold;
color: rgba(102, 102, 102, 1);
line-height: 70rpx;
float: left;
}
.gd {
width: 30rpx;
height: 29rpx;
float: right;
margin-top: 22rpx;
}
.footer-cont {
padding: 0rpx 73rpx 37rpx 86rpx;
background: #FFFFFF;
}
.tag {
overflow: hidden;
_zoom: 1;
}
.labels {
overflow: hidden;
_zoom: 1;
float: left;
/* display: inline-block; */
/* display: flex; */
}
.label {
font-size: 26rpx;
font-family: SourceHanSansCN-Medium;
font-weight: 500;
color: rgba(255, 255, 255, 1);
float: left;
}
.lxian {
font-size: 26rpx;
font-family: SourceHanSansCN-Medium;
font-weight: 500;
color: rgba(255, 255, 255, 1);
float: left;
margin: 0 4rpx;
}
.labels:last-child .lxian {
font-size: 0rpx;
float: left;
margin: 0;
}
.labels:first-child .lxian {
font-size: 0rpx;
float: left;
margin: 0;
}
/* .tel {
overflow: hidden;
_zoom: 1;
margin-top: 23upx;
line-height:44upx;
} */
.telpic {
width: 37rpx;
height: 41rpx;
float: left;
display: block;
margin-right: 20rpx;
}
.laos {
/* font-family: MFJinHei; */
/* font-weight: bold; */
font-size: 34rpx;
color: #FFFFFF;
float: left;
}
.phine {
/* font-family: MFJinHei; */
letter-spacing: 2rpx;
/* font-weight: bold; */
font-size: 34rpx;
color: #FFFFFF;
float: left;
}
.bohao {
width: 36rpx;
height: 40rpx;
display: block;
float: left;
margin-left: 38rpx;
margin-top: 5rpx;
}
/* .flex{height:100%;display:flex;justify-content:center;align-items:center} */
/* .bohao{
width: 34upx;
height: 36upx;
display: block;
float: left;
margin-left: 38upx;
margin-top: 5upx;
} */
.tjt {
width: 39rpx;
height: 28rpx;
display: block;
float: left;
margin-left: 12rpx;
margin-top: 12rpx;
}
.footer-btn {
width: 100%;
}
.footer-btn view {
text-align: justify;
display: inline-block;
text-align-last: justify;
text-justify: inter-ideograph;
vertical-align: top;
}
.footer-btn view text {
display: inline-block;
height: 0;
width: 100%
/* 换行 */
}
.btn-title {
display: -webkit-box;
display: -webkit-flex;
display: flex;
font-size: 58rpx;
font-family: Source Han Sans CN;
font-weight: 800;
color: rgba(220, 66, 66, 1);
line-height: 58rpx;
margin-bottom: 14rpx;
height: 58rpx;
width: 100%;
}
.btn-title-sz {
color: #DC4242;
}
.btn-title-sz1 {
color: #211717;
}
.btn-fdesc {
width: 100%;
font-size: 32rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: rgba(51, 51, 51, 1);
line-height: 32rpx;
height: 32rpx;
text-align: center;
margin-bottom: 24rpx;
}
.logocont {
overflow: hidden;
_zoom: 1;
/* margin-top: 42upx; */
}
.logos {
float: left;
width: 352rpx;
margin-top: 15rpx;
}
.logo {
width: 324rpx;
height: 160rpx;
display: block;
margin: 0 auto;
}
.logo-text {
text-align: center;
font-size: 28rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: rgba(51, 51, 51, 1);
line-height: 28rpx;
margin-top: 20rpx;
}
.code {
float: right;
}
.codePic {
width: 210rpx;
height: 210rpx;
display: block;
}
.codetext {
text-align: center;
/* font-size: 16upx;
font-family: SourceHanSansCN-Bold;
font-weight: bold;
color: rgba(255, 255, 255, 1); */
font-size: 16rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: rgba(51, 51, 51, 1);
line-height: 16rpx;
/* text-align:justify;
text-align-last:justify; */
}
.codetext-s {
color: #333333;
}
.codetext-a {
color: #DC4242;
}
/* .bohao {
animation: shake 1s;
-o-animation: shake 1s;
-webkit-animation: shake 1s;
-moz-animation: shake 1s;
} */
/* .bohao {
animation: move 1s 0s infinite;
-webkit-animation: move 1s 0s infinite;
} */
@-webkit-keyframes move {
0%,
5% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
15% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
35% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
45% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
55% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
60% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
65% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
75% {
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
}
80% {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
85% {
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
}
90% {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
95% {
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes move {
0%,
5% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
15% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
35% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
45% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
55% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
60% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
65% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
75% {
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
}
80% {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
85% {
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
}
90% {
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
95% {
-webkit-transform: rotate(-6deg);
transform: rotate(-6deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.tjt {
animation: move 1s 0s infinite;
-webkit-animation: move 1s 0s infinite;
}
.tjt {
position: relative;
animation: myfirst 1s 0s infinite;
-webkit-animation: myfirst 1s linear 1s infinite alternate;
}
@-webkit-keyframes myfirst {
0% {
left: 0px;
}
25% {
left: 3px;
}
50% {
left: 6px;
}
75% {
left: 3px;
}
100% {
left: 0px;
}
}
@keyframes myfirst {
0% {
left: 0px;
}
25% {
left: 3px;
}
50% {
left: 6px;
}
75% {
left: 3px;
}
100% {
left: 0px;
}
}
/* 底部 */
.business {
width: 100%;
background: #DD4243;
}
.businesscard {
height: 190rpx;
overflow: hidden;
_zoom: 1;
padding: 0 42rpx 0 53rpx;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.left {}
.rights1 {
margin-top: 13rpx;
margin-left: 10rpx;
}
.ri-tel {
width: 103rpx;
height: 173rpx;
display: block;
}
.phone {
overflow: hidden;
_zoom: 1;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.pic {
width: 154rpx;
height: 154rpx;
/* border-radius: 50%; */
display: block;
margin: 18rpx 20rpx 0 0rpx;
display: block;
/* margin-bottom: 17upx; */
}
.bus-cont view {
/* text-align: justify;
text-align-last: justify; */
text-align: justify;
display: inline-block;
text-align-last: justify;
text-justify: inter-ideograph;
vertical-align: top;
width: 100%;
}
.bus-cont view text {
display: inline-block;
height: 0;
width: 100%
/* 换行 */
}
.title1 {
margin-top: 41rpx;
margin-bottom: 17rpx;
font-size: 28rpx;
height: 28rpx;
line-height: 28rpx;
/* font-weight:bold; */
color: #fff;
}
.tel {
color: #fff;
font-size: 30rpx;
line-height: 30rpx;
height: 30rpx;
/* text-align: left; */
/* display: flex; */
/* line-height: 30rpx; */
}
.tel-num {
/* height: 30upx;
line-height: 30upx; */
}
.tel-txt {
/* height: 30upx;
line-height: 30upx; */
letter-spacing: 6rpx;
}
.bus-desc {
/* margin-top: 20rpx; */
font-size: 20rpx;
font-family: Source Han Sans CN;
font-weight: 400;
/* color:rgba(51,51,51,1); */
line-height: 20rpx;
color: #fff;
height: 20rpx;
/* font-size:20px; */
/* font-family:Source Han Sans CN; */
/* font-weight:400; */
/* color:rgba(51,51,51,1); */
/* line-height:29px; */
}
.cont {
overflow: hidden;
_zoom: 1;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
}
.bustag {
overflow: hidden;
_zoom: 1;
}
.bustext {
overflow: hidden;
_zoom: 1;
float: left;
/* margin-bottom: 30upx; */
}
.buslxian {
float: left;
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: rgba(255, 255, 255, 1);
margin: 0 6rpx;
}
.bustext:first-child .buslxian {
float: left;
font-size: 0rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: rgba(255, 255, 255, 1);
margin: 0;
}
.bust {
float: left;
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: rgba(255, 255, 255, 1);
}
.btnPic {
width: 100%;
display: block;
}
/*
*/
.qiye-wei {
background: #FFFFFF;
padding-bottom: 50rpx;
position: relative;
}
.qiye-pic1 {
margin: auto;
display: block;
height: 300rpx;
vertical-align: middle;
max-width: 100%;
}
.qiye-pic2 {
margin: auto;
display: block;
vertical-align: middle;
height: 300rpx;
max-width: 100%;
}
image {}