/* AB模板网 整站模板下载 */ /* 模板:Www.AdminBuy.Cn */ /* 素材:Sc.AdminBuy.Cn */ /* QQ:9490489 */ html{ padding:0px;margin:0px;font-family: 'Microsoft Yahei', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;font-size:calc(100vw / 10);} body{ font-size:.46rem;overflow-y:scroll;-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0;padding:1.3rem 0;background:#f7f7f7;} header,article,aside,div,span,p,ul,li,ol,h1,h2,h3,h4,h5{ list-style:none;margin:0;padding:0;text-align: justify;} img{ border:0;font-size:0;margin:0;vertical-align:bottom;} a{ background-color:transparent; text-decoration:none; color:#333;} a:active,a:hover{ outline:0;} b,strong{font-weight:bold;} hr{ height:1px;border:0;border-top:1px solid #dadada;margin:1em 0;padding:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0} body.body-top{ padding-top:2.4rem;} /*导航栏*/ .header{ box-shadow:0 0 .16rem rgba(0, 0, 0, 0.1);height:1.3rem;background:#fff;position:fixed;top:0;left:0;right:0;z-index:99;overflow:hidden;} .header .logo{ Position:absolute;left:1.4rem;right:1.4rem;text-align:center;top:.2rem;} .header .logo img{ height:.9rem;vertical-align:top;} .header .left-btn{ Position:absolute;top:0;bottom:0;left:0;} .header .left-btn .iconfont{ display:block;padding:0 .44rem;line-height:1.3rem;font-size:.48rem;} .header .right-btn{ Position:absolute;top:0;bottom:0;right:0;} .header .right-btn a{ display:block;padding:0 .44rem;line-height:1.3rem;} .header .right-btn .iconfont{ font-size:.48rem;} .fixed-nav-bg{ display:none;position:fixed;z-index:100;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,0.2);backdrop-filter:blur(20px);-webkit-backdrop-filter: saturate(150%) blur(20px);backdrop-filter: saturate(150%) blur(20px);} .fixed-nav{ position:fixed;z-index:101;top:0;bottom:0;left:-70%;width:70%;background:#fff;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;} .fixed-nav ul{ padding:.54rem 0 .54rem .54rem;} .fixed-nav ul li{ font-size:.44rem;Position:relative;overflow:hidden;height:1.3rem;line-height:1.3rem;border-bottom:solid 1px #eee;} .fixed-nav ul li:last-child{ border:0;} .fixed-nav ul li .iconfont{ display:block;Position:absolute;top:0;right:.54rem;font-size:.34rem;color:#999;} .fixed-nav ul li a{ display:block;} .fixed-nav ul li.hover a{ color:#70ba96;} .fixed-nav-left{ left:0;} /*轮播图*/ .slideBox{ Position:relative;overflow:hidden;} .slideBox .hd{ Position:absolute;z-index:3;bottom:.5rem;left:0;right:0;font-size:0;} .slideBox .hd ul{ text-align:center;} .slideBox .hd ul li{ display:inline-block;width:.16rem;height:.16rem;background:rgba(0,0,0,0.6);border-radius:100%;margin:0 .1rem;} .slideBox .hd ul li.on{ background:#fff;} .slideBox .bd ul li img{ width:100%;} /*服务范围*/ .index-nav-content{ Position:relative;z-index:2;margin-top:-.3rem;padding:.64rem .44rem;background:#fff;border-radius:.3rem .3rem 0 0;margin-bottom:.22rem;} .index-fanwei{ overflow:hidden;} .index-fanwei ul{} .index-fanwei ul li{ width:25%;float:left;} .index-fanwei ul li .img{ text-align:center;margin-bottom:.3rem;} .index-fanwei ul li img{ height:1rem;} .index-fanwei ul li p{ line-height:1;font-size:.34rem;text-align:center;} /*通用样式*/ .index-page{ padding:.44rem;background:#fff;margin-bottom:.22rem;} .index-title{ height:.64rem;line-height:.64rem;overflow:hidden;margin-bottom:.44rem;} .index-title h2{ font-size:.44rem;float:left;} .index-title a{ display:block;font-size:.34rem;color:#999;float:right;} .index-title a span.iconfont{ font-size:.34rem;} /*专家团队*/ .index-tuandui-page{ padding:.44rem 0 .44rem 0;background:#fff;margin-bottom:.22rem;} .index-tuandui-page .index-title{ margin:0 .44rem .44rem .44rem;} .index-tuandui-content{ overflow:hidden;} .index-tuandui{ font-size:0;overflow: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;padding:0 .44rem;padding-bottom:.6rem;margin-bottom:-.6rem;} .index-tuandui ul{ white-space:nowrap;text-overflow:ellipsis;} .index-tuandui ul li{ display:inline-block;width:44%;margin-right:.22rem;} .index-tuandui ul li:last-child{ margin-right:.44rem;} .index-tuandui ul li .box{ border:solid 1px #eee;background:#fff;overflow:hidden;border-radius:.3rem;} .index-tuandui ul li .img img{ width:100%;} .index-tuandui ul li .desc{ padding:.3rem;} .index-tuandui ul li h2{ text-align:center;height:.6rem;line-height:.6rem;font-size:.4rem;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .index-tuandui ul li p{ font-size:.32rem;height:.52rem;line-height:.52rem;text-align:center;color:#999;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} /*个案分享*/ .tab-anli{ } .tab-anli .hd{ margin-top:.44rem;font-size:0;} .tab-anli .hd ul{ text-align:center;} .tab-anli .hd ul li{ display:inline-block;width:.16rem;height:.16rem;background:#ccc;border-radius:100%;margin:0 .1rem;} .tab-anli .hd ul li.on{ background:#70ba96;} .anli-content{ border:solid 1px #eee;background:#fff;overflow:hidden;border-radius:.3rem;} .anli-content .img img{ width:100%;} .anli-content .desc{ padding:.44rem .44rem;} .anli-content .desc h2{ height:.6rem;line-height:.6rem;margin-bottom:.2rem;font-size:.4rem;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .anli-content .desc h2 i{ color:#ccc;font-weight:300;padding:0 .1rem;font-style:normal;} .anli-content .desc h2 span{ color:#70ba96;} .anli-content .desc p{ line-height:1.5;font-size:.32rem;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} /*常见问题*/ .tab-wenti{ position:relative;} .tab-wenti:after{ content: "";display: block;height: 0;clear: both;visibility: hidden;} .tab-wenti .hd{ text-align:center;margin-top:.22rem;} .tab-wenti .hd ul{ text-align:center;font-size:0;} .tab-wenti .hd .prev, .tab-wenti .hd .next{ cursor: pointer;border-radius:100%;display:inline-block;height:.76rem;line-height:.76rem;width:.76rem;text-align:center;color:#fff;background:#70ba96;} .tab-wenti .hd .iconfont{ font-size:.38rem;font-weight:bold;} .tab-wenti .hd .pageState{ color:#555;height:.76rem;line-height:.76rem;font-size:.44rem;padding:0 .44rem;display:inline-block;} .tab-wenti .hd .pageState span{ color:#70ba96;} .tab-wenti .bd ul{ } .tab-wenti .bd ul li{ margin-bottom:.22rem;} .tab-wenti .bd ul li .box{ font-size:14px;overflow: hidden;position:relative;height:2rem;background:#f7f7f7;border-radius:.3rem;} .tab-wenti .bd ul li strong{ line-height:2rem;font-weight:800;color:#70ba96;display: block;text-align: center;width:2.4rem;Position: absolute;left: 0;top: 0;height: 2rem;font-size:.4rem;} .tab-wenti .bd ul li strong:after{ content:'';Position: absolute;right:0;top:50%;width:0.02rem;height:1.2rem;transform:translateY(-50%);background:#ddd;} .tab-wenti .bd ul li p{ padding-left:2.84rem;padding-right:.44rem;color:#555;line-height:1.5;height:2rem;display: table-cell; vertical-align: middle;font-size:.28rem;} .tab-wenti .bd ul li:nth-child(2n) strong{ color:#ffa309;} /*服务流程*/ .liucheng{ overflow: hidden;position:relative;} .liucheng:after{ content:'';Position:absolute;top:0;left:.29rem;bottom:0;width:.01rem;border-right:dashed .04rem #eee;} .liucheng ul{} .liucheng ul li{ padding-left:1rem;padding-bottom:.22rem;position:relative;} .liucheng ul li:after{ content:'';Position:absolute;z-index:2;left:.2rem;top:.52rem;width:.24rem;height:.24rem;border-radius:100%;background:#70ba96;} .liucheng ul li:before{ content:'';Position:absolute;z-index:2;left:.7rem;top:.24rem;border-top:.4rem solid transparent;border-bottom:.4rem solid transparent;border-right:.4rem solid #f7f7f7;} .liucheng ul li:last-child{ padding-bottom:0;} .liucheng ul li .box{ padding:.3rem .44rem;border-radius:.3rem;background:#f7f7f7;} .liucheng ul li h2{ font-size:.38rem;line-height:.66rem;} .liucheng ul li h2 span{ color:#ffa309;padding-right:.22rem;} .liucheng ul li p{ white-space:pre-wrap;line-height:1.75;font-size:.32rem;color:#999;} /*关于我们*/ .index-about{ } .index-about .img{ margin-bottom:.44rem;} .index-about .img img{ width:100%;border-radius:.3rem;} .index-about .desc{ line-height:1.75;font-size:.36rem;color:#555;} /*新闻列表*/ .list-article{ overflow: hidden;} .list-article ul{} .list-article ul li{ position:relative;margin-bottom:.44rem;height:2.15rem;} .list-article ul li:last-child{ margin-bottom:0;} .list-article ul li img{ width:3.2rem;height:2.15rem;border-radius:.3rem;Position:absolute;top:0;left:0;} .list-article ul li .desc{ padding-left:3.64rem;padding-top:.1rem;} .list-article ul li .desc h2{ margin-bottom:.3rem;font-size:.4rem;line-height:.6rem;height:1.2rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-article ul li .desc p{ font-size:.32rem;line-height:.52rem;color:#999;} /*内页通用*/ .main{ overflow:hidden;padding:.44rem .44rem;background:#fff;margin-bottom:.22rem;} .son-nav{ overflow:hidden;padding:.34rem .44rem;background:#fff;margin-bottom:.22rem;} .son-nav ul{ margin-top:-.11rem;margin-left:-.11rem;} .son-nav ul li{ width:25%;float:left;margin-top:.11rem;} .son-nav ul li .box{ margin-left:.11rem;} .son-nav ul li .box a{ display:block;height:.8rem;line-height:.8rem;font-size:.32rem;text-align:center;background:#f7f7f7;border-radius:1rem;} .son-nav ul li.hover .box a{ color:#fff;background:#70ba96;} .now{ line-height:.4rem;height:.4rem;font-size:.28rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:.44rem .44rem 0 .44rem;background:#fff;color:#999;} .now a{ color:#999;} /*单页*/ .fuwu-body{ line-height:1.75;font-size:.36rem;color:#555;} .fuwu-body h1{ color:#333;margin-bottom:.44rem;font-size:.54rem;text-align:center;line-height:1.5;} .fuwu-body p{ margin-bottom:.3rem;} .fuwu-body img{ max-width:100% !important;height:auto !important;} .fuwu-body blockquote{ border-left:solid .1rem rgba(112, 186, 150, 0.2);margin:0;margin-bottom:.44rem;padding:.44rem .44rem;background:rgba(112, 186, 150, 0.07);} .fuwu-body blockquote p{ margin-bottom:0;} /*团队列表*/ .list-tuandui{ overflow: hidden;} .list-tuandui ul{ margin-top:-.22rem;margin-left:-.22rem;} .list-tuandui ul li{ width:50%;float:left;margin-top:.22rem;} .list-tuandui ul li .box{ margin-left:.22rem;border:solid 1px #eee;background:#fff;overflow:hidden;border-radius:.3rem;} .list-tuandui ul li .img img{ width:100%;} .list-tuandui ul li .desc{ padding:.3rem;} .list-tuandui ul li h2{ text-align:center;height:.6rem;line-height:.6rem;font-size:.4rem;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .list-tuandui ul li p{ font-size:.32rem;height:.52rem;line-height:.52rem;text-align:center;color:#999;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} /*列表样式*/ .pages{ margin-bottom:.22rem;padding:.44rem;background:#fff;overflow: hidden;line-height:.9rem;font-size:.34rem;} .pages ul{ margin-left:-.22rem;text-align:center;text-indent: .22rem;} .pages ul li{ width:25%;height:.9rem;line-height:.9rem;float:left;} .pages ul li a{ text-indent:0;margin-left:.22rem;display:block;text-align:center;background:#f7f7f7;border-radius:.22rem;} .pages ul li span{ text-indent:0;margin-left:.22rem;display:block;text-align:center;background:#f7f7f7;border-radius:.22rem;color:#ccc;} /*团队详情*/ .tuandui-head{ background:#fff;margin-bottom:.22rem;} .tuandui-head .tuandui-img{ } .tuandui-head .tuandui-img img{ width:100%;} .tuandui-desc{ padding:.44rem;} .tuandui-desc h1{ font-size:.54rem;line-height:1.5;margin-bottom:.22rem;} .tuandui-desc h1 i{ font-size:.32rem;font-weight:500;padding-right:.1rem;} .tuandui-desc h1 span{ font-size:.34rem;color:#70ba96;font-weight:500;} .tuandui-desc p{ white-space:pre-wrap;line-height:1.6;font-size:.32rem;color:#666;} .tuandui-lingyu{ } .tuandui-lingyu ul{} .tuandui-lingyu ul li{ margin-bottom:.44rem;Position:relative;padding-left:1.8rem; } .tuandui-lingyu ul li .cs{ font-size:.34rem;line-height:1.8;color:#70ba96;font-weight:bold;padding-bottom:.22rem;Position:absolute;left:0;top:0;} .tuandui-lingyu ul li .csz{ font-size:.34rem;line-height:1.8;color:#555;} .tuandui-lingyu ul li .tuandui-body{ font-size:.34rem;line-height:1.8;color:#555;} .tuandui-lingyu ul li .tuandui-body img{ max-width:100% !important;height:auto !important;} .tuandui-lingyu ul li .tuandui-body p{ margin-bottom:.3rem;} .tuandui-zixun{ text-align:center;margin:.64rem 0;} .tuandui-zixun a{ display:block;width:65%;height:1rem;line-height:1rem;font-size:.4rem;background:#f39800;border-radius:1rem;color:#fff;margin:0 auto;} .sxp{ border-top:dashed 2px #eee;padding-top:.44rem;} .sxp p{ height:.6rem;line-height:.6rem;font-size:.34rem;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .sxp p.prev{ margin-bottom:.1rem;} /*案例列表*/ .list-anli{ overflow: hidden;} .list-anli ul{} .list-anli ul li{ border:solid 1px #eee;background:#fff;overflow:hidden;border-radius:.3rem;margin-bottom:.2rem;} .list-anli ul li .img img{ width:100%;} .list-anli ul li .desc{ padding:.44rem .44rem;} .list-anli ul li .desc h2{ height:.6rem;line-height:.6rem;margin-bottom:.2rem;font-size:.4rem;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .list-anli ul li .desc h2 i{ color:#ccc;font-weight:300;padding:0 .1rem;font-style:normal;} .list-anli ul li .desc h2 span{ color:#70ba96;} .list-anli ul li .desc p{ line-height:1.5;font-size:.32rem;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .list-anli ul li:last-child{ margin-bottom:0;} /*文章详情页*/ .article-head{ margin-bottom:.44rem;} .article-head h1{ font-size:.54rem;line-height:1.5;margin-bottom:.22rem;} .article-info{ overflow:hidden;font-size:.32rem;color:#999;line-height:1.5;} .article-info span{ display:block;float:left;margin-right:.4rem;} .article-body{ padding-bottom:.22rem;line-height:1.75;font-size:.36rem;color:#555;} .article-body p{ margin-bottom:.3rem;} .article-body img{ max-width:100% !important;height:auto !important;} /*预约咨询*/ .list-form{ background:#fff;} .list-form ul{ } .list-form ul li{ Position:relative;overflow:hidden;margin-bottom:.44rem;min-height:.9rem;} .list-form ul li:last-child{ margin-bottom:0;} .list-form ul li .tip-text{ font-size:.34rem;height:.9rem;line-height:.9rem;Position:absolute;top:0;left:0;} .list-form ul li .xuanze{ margin-left:-.2rem;margin-top:-.2rem;padding-left:2rem;overflow:hidden;} .list-form ul li .xuanze .box{ width:50%;float:left;margin-top:.2rem;} .list-form ul li .xuanze input{display:none} .list-form ul li .xuanze label{ display:block;cursor:pointer;background:rgba(112, 186, 150, 0.1);color:#333;font-size:.34rem;padding:0 .2rem;line-height:.9rem;text-align:center;border-radius:2rem;margin-left:.2rem;} .list-form ul li .xuanze input:checked + label{ background:#70ba96;color:#fff;} .list-form ul li .xuanze input:disabled + label{opacity:0.7;} .list-form ul li .input{ padding-left:2rem;overflow:hidden;} .list-form ul li .input input{ background:rgba(112, 186, 150, 0.1);font:.34rem "Microsoft YaHei";line-height:.9rem;height:.9rem;width:100%;border-radius:2rem;border:0;outline:none;padding:0 .44rem;box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .list-form ul li .textarea{ padding-left:2rem;overflow:hidden;} .list-form ul li .textarea textarea{ height:2.4rem;resize:none;width:100%;line-height:1.5;font:.34rem "Microsoft YaHei";outline:none;padding:.3rem .44rem;border-radius:.3rem;background:rgba(112, 186, 150, 0.1);border:0;box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .list-form ul li.center{ text-align:center;margin-top:.64rem;} .list-form ul li button{ background:#70ba96;color:#fff;outline:none;cursor:pointer;width:100%;border:0;border-radius:2rem;height:1.1rem;line-height:1.1rem;font:.44rem "Microsoft YaHei";font-weight:bold;} .page-title{ text-align:center;margin-bottom:.64rem;} .page-title h2{ text-align:center;position:relative;z-index:2;font-size:.44rem;color:#222;line-height:.74rem;display:inline-block;} .page-title h2 span{ color:#70ba96;} .page-title h2:before{ content:'';position:absolute;left:-.68rem;top:50%;width:.44rem;height:1px;background:#555;} .page-title h2:after{ content:'';position:absolute;right:-.68rem;top:50%;width:.44rem;height:1px;background:#555;} /*页脚*/ .footer-copy{ background:#fff;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);} .footer-copy-content{ padding:.64rem .44rem;} .footer-copy-content p{ line-height:1.5;text-align:center;font-size:.28rem;color:#999;} .footer-copy-content a{ color:#999;} .footer-nav{ height:1.3rem;position:fixed;bottom:0;left:0;right:0;z-index:99;background:#fff;border-top:solid 0.5px #ddd;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);} .footer-nav ul{} .footer-nav ul li{ width:20%;float:left;} .footer-nav ul li .iconfont{ margin-top:.14rem;display:block;text-align:center;font-size:.62rem;line-height:1;color:#999;} .footer-nav ul li p{ font-weight:500;margin-top:.09rem;font-size:.24rem;line-height:1;color:#666;text-align:center;} .footer-nav ul li.hover .iconfont{ color:#70ba96;} .footer-nav ul li.hover p{ color:#70ba96;} #ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;} #ab_img p span{text-wrap: inherit !important;} /* AB模板网新增分页样式 www.admibnuy.cn */ .pagebar { padding:20px; overflow:hidden; clear:both} .pagebar .pagination { display: flex; justify-content: center; margin-top: 10px; } .pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; padding: 8px 10px; margin: 0 2px; border-radius: 3px; line-height:100% } .pagination span { color: #333; font-size: 12px; padding: 7px 2px; margin: 0 2px; border-radius: 3px; } .pagination a:hover { color: #333; border: 1px solid #333; } .pagination a.page-num-current { color: #fff; background: #333; border: 1px solid #333; } .pagination .st{ font-family:宋体} .text-secondary{ text-align:center; padding:20px 0} .fcc a{ line-height: 20px; }