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