/* */ /* */ .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 {}