tyqngp/m/css/style_m.css

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