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