page {
font-size: 6px;
}
/* */
/* */
.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;
}
/* 轮播自定义样式 */
.swipercontent {
position: relative;
}
.swiper-box {
background: #fff;
}
.slide-image {
width: 100%;
height: 454rpx;
display: block;
}
.slide-images {
width: 100%;
height: 550rpx;
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;
}
/* 结束 */
/* 内容 */
.introduce {
/* font-size: 30upx;
font-family: PingFang-SC-Regular;
font-weight: 400;
color: rgba(51, 51, 51, 1);
padding: 55upx 34upx; */
/* background: #ED7D31; */
margin-top: 24rpx;
background: #ED7D31;
color: #FFFFFF;
}
.grace-rich-text {
font-size: 24rpx;
font-family: PingFang-SC-Regular;
font-weight: 400;
line-height: 45rpx;
/* color: rgba(51, 51, 51, 1); */
padding: 45rpx 55rpx;
}
/* tab切换列表 */
/* 列表 */
.listening {
padding-bottom: 48rpx;
}
.list {
margin: 0 12rpx;
/* display:flex; */
overflow: hidden;
_zoom: 1;
}
.listcent {
margin-left: 66rpx;
float: left;
width: 268rpx;
height: 216rpx;
background: #FFFFFF;
border: 1rpx solid #DBDBDB;
margin-bottom: 30rpx;
}
.listPic {
display: block;
width: 268rpx;
height: 170rpx;
}
/* */
.biaot {
background: #fff;
text-align: center;
}
.bt {
font-size: 18rpx;
line-height: 18rpx;
font-family: PingFang-SC-Regular;
font-weight: bold;
color: #333333;
padding: 16rpx 0rpx 8rpx 0rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bts {
margin: 0 auto !important;
}
.xianq {
overflow: hidden;
_zoom: 1;
margin: 0 81rpx;
}
.text {
font-size: 24rpx;
font-family: PingFang-SC-Regular;
font-weight: 400;
color: #666666;
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: #666666;
line-height: 70rpx;
float: left;
}
.gd {
width: 30rpx;
height: 29rpx;
float: right;
margin-top: 22rpx;
}
.footer-cont {
padding: 72rpx 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: #ffffff;
float: left;
}
.lxian {
font-size: 26rpx;
font-family: SourceHanSansCN-Medium;
font-weight: 500;
color: #ffffff;
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;
}
.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;
}
.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: #dc4242;
line-height: 58rpx;
margin-bottom: 14rpx;
height: 58rpx;
width: 100%;
}
.btn-title-sz {
color: #ED7D31;
}
.btn-title-sz1 {
color: #211717;
}
.btn-fdesc {
width: 100%;
font-size: 32rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #333333;
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: #333333;
line-height: 28rpx;
margin-top: 20rpx;
}
.code {
float: right;
}
.codePic {
width: 210rpx;
height: 210rpx;
display: block;
}
.codetext {
text-align: center;
font-size: 16rpx;
font-family: Source Han Sans CN;
font-weight: 400;
color: #333333;
line-height: 16rpx;
}
.codetext-s {
color: #333333;
}
.codetext-a {
color: #ED7D31;
}
@-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: #ED7D31;
}
.businesscard {
height: 190rpx;
overflow: hidden;
_zoom: 1;
padding: 0 42rpx 0 53rpx;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.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%; */
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%;
margin-bottom: 10rpx;
}
.bus-cont view text {
display: inline-block;
height: 0;
width: 100% /* 换行 */;
}
.title1 {
margin-top: 26rpx;
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;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.tel-num {
width: 52rpx;
text-align: justify;
}
.tel-txt {
letter-spacing: 6rpx;
}
.bus-desc {
font-size: 20rpx;
font-family: Source Han Sans CN;
font-weight: 400;
line-height: 20rpx;
color: #fff;
height: 20rpx;
}
.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: #ffffff;
margin: 0 6rpx;
}
.bustext:first-child .buslxian {
float: left;
font-size: 0rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: #ffffff;
margin: 0;
}
.bust {
float: left;
font-size: 30rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: #ffffff;
}
.btnPic {
width: 100%;
display: block;
}
/* 新增 */
/* 大标题 */
.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;
}
.title {
font-size: 44rpx;
font-family: PingFang-SC-Medium;
font-weight: bold;
color: #222222;
padding: 0 24rpx;
float: left;
}
.limg {
float: left;
width: 35rpx;
height: 15rpx;
display: block;
margin-top: 22rpx;
}
.ftitle {
margin-top: 8rpx;
font-size: 24rpx;
font-family: PingFang-SC-Medium;
font-weight: 500;
color: #333333;
text-align: center;
}
.weiixn-gzh {
width: 176rpx;
height: 44rpx;
background: #ED7D31;
border-radius: 6rpx;
font-size: 26rpx;
font-family: Source Han Sans CN;
font-weight: bold;
color: #FFFFFF;
line-height: 44rpx;
text-align: center;
margin: 0 auto;
margin-bottom: 28rpx;
}
.weiixn-gzhs {
width: 236rpx;
height: 44rpx;
background: #ED7D31;
border-radius: 6rpx;
font-size: 26rpx;
font-family: Source Han Sans CN;
font-weight: bold;
color: #FFFFFF;
line-height: 44rpx;
text-align: center;
margin: 0 auto;
margin-top: 34rpx;
margin-bottom: 28rpx;
}
/* 公众号列表 */
.lic {
width: 173rpx;
height: 35rpx;
border: 1rpx solid #DD2B2E;
border-radius: 3px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin-top: 14rpx;
}
.lic .ljgd-pic image {
width: 27rpx;
height: 27rpx;
display: block;
margin-right: 12rpx;
}
.lic .ljgd-text {
line-height: 16rpx;
font-size: 16rpx;
font-family: Microsoft YaHei;
font-weight: bold;
color: #444444;
}
.lin1 {
margin-top: 38rpx;
}
.lin2 {
margin-top: 60rpx;
}
.links {
margin-top: 8rpx;
}
.mark {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 9999999;
}
.mark-content {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 9;
width: 500rpx;
height: 500rpx;
background: #FFFFFF;
border-radius: 16rpx;
}
.mark-relative {
position: relative;
}
.mark-del {
width: 30rpx;
height: 30rpx;
display: block;
position: absolute;
right: 0;
padding: 22rpx 20rpx 0 0;
}
.qercode {
width: 320rpx;
height: 320rpx;
display: block;
margin: 0 auto;
padding-top: 90rpx;
}