@charset "UTF-8";
/* =====================内页样式======================== */

/* common */
.com-banner .bg{transition:none}
.com-banner .txt{position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}
.com-banner .title{font-size:.51rem;line-height:.66rem}
.com-banner .title span{display:block}
.com-banner .tip{font-size:.28rem;letter-spacing:.04rem;margin-top:.1rem;padding:0 .5rem;text-align:justify;font-weight:400}
.com-intro{padding:.8rem 0 .9rem}
.com-intro .text{font-size:.26rem;color:#3a3a3a;line-height:.4rem;letter-spacing:.04em;text-indent:2em;text-align:justify;letter-spacing:1px}
.com-tit{font-size:.5rem;font-weight:500;color:#212121;text-align:center;line-height:1;letter-spacing:1px}
.com-tit.sm{font-size:.43rem}
.com-tit+.com-tit{margin-top:.08rem}
.com-tip{font-weight:300;color:#212121;font-size:.26rem;line-height:.4rem;text-align:center;margin-top:.1rem;letter-spacing:1px}
.com-tip span{display:block}
.loading-more{position:relative;line-height:1;font-size:.17rem;color:#bebebe;text-align:center;padding-top:.1rem;display:none}
.loading-more .loading-anime{position:absolute;width:.6rem;left:calc(50% - 12px);transform:translateX(-50%);top:-100%}
.com-btn{display:flex;transition:color .4s ease;font-size:.21rem}
.com-btn span{display:block;line-height:1;font-weight:400;padding-bottom:.04rem;position:relative;letter-spacing:1px}
.com-btn span:after{content:'';width:100%;height:.03rem;position:absolute;left:0;bottom:0}
.com-btn span:before{content:'';width:100%;height:100%;position:absolute;bottom:6px;left:0}
.com-btn svg{width:.3rem;height:.3rem}

/* 搜索页面 */
.search{width:100%;padding:.8rem 0}
.search-info{width:100%;font-size:.4rem;color:#333;font-weight:700}
.search-info span{color:#ff2727}
.search-list{width:100%;margin-top:.16rem}
.search-link{display:block;width:100%;padding:.4rem 0;border-bottom:1px solid #f0f0f2}
.search-link h2{font-size:.36rem;color:#333;line-height:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.search-link p{width:100%;font-size:.32rem;margin-top:.24rem;color:#666;line-height:.52rem;max-height:1.04rem;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}
.search-link .highlightRow span{color:#ff2727!important}
.search-link:hover h2{color:#ff2727}

/* 分页 */
.paging{width:100%;font-size:0;text-align:center;margin-top:.72rem;user-select:none}
.paging-hint,.paging-menu,.paging-menu a,.paging-skip,.paging-skip button,.paging-skip input{display:inline-block;vertical-align:middle}
.paging-menu a{width:.76rem;height:.76rem;line-height:.72rem;border:1px solid #e1e1e1;margin:.08rem .04rem;font-size:.28rem;color:#555;border-radius:.06rem;background-color:#fff}
.paging-menu a:first-child,.paging-menu a:last-child{width:1.08rem}
.paging a.on,.paging-menu a.active,.paging-menu a:hover{border-color:#ff2727;background-color:#ff2727;color:#fff}
.paging-skip{width:100%}
.paging-hint{font-size:.28rem;color:#999;font-weight:300;margin:0 .16rem}
.paging-hint:first-of-type{margin:0}
.paging-skip input{width:1.08rem;text-align:center;height:.76rem;border:1px solid #e1e1e1;font-size:.28rem;color:#666;border-radius:.06rem}
.paging-skip input:focus{border-color:#ff2727}
.paging-skip button{color:#555;font-size:.28rem;padding:0 .36rem;border:1px solid #e1e1e1;height:.76rem;background:#fff;cursor:pointer;border-radius:.06rem}
.paging-skip button:hover{background-color:#ff2727;color:#fff;border-color:#ff2727}
.paging-hint span{color:#ff2727}

/* 关于我们 */
.about-team{padding-bottom:1.8rem}
.about-team-top{margin-top:.8rem}
.about-team-top picture{width:49%}
.about-team-top .rgt{width:49%;color:#212121;display:flex;flex-direction:column;justify-content:space-between}
.about-team-top .rgt .name{font-weight:500;font-size:.28rem;letter-spacing:.04rem;}
.about-team-top .rgt li{font-size:.24rem;letter-spacing:1px}
.about-team-top .rgt li+li{margin-top:.02rem}
.about-team-top .text{font-size:.24rem;color:#212121;line-height:.4rem;margin-top:.4rem;display:none;letter-spacing:1px}
.about-team-top .more{font-size:.26rem;color:#bfbfbf;letter-spacing:.12em;font-weight:500;line-height:1;display:flex;align-items:center;margin-top:.7rem;justify-content:center}
.about-team-top .more span{display:block;line-height:1;padding-bottom:.08rem;border-bottom:.03rem solid #bfbfbf}
.about-team-top .more svg{width:.44rem;height:.44rem;margin-left:.1rem;transition:transform .4s ease}
.about-team-top .more.active svg{transform:rotate(180deg)}
.about-person{margin-top:.8rem}
.about-person .item{width:49.5%;margin-top:.6rem}
.about-person .item picture{display:block;height:3.02rem;background:#000}
.about-person .item .name{color:#212121;font-size:.27rem;margin-top:.4rem}
.about-person .item .desc{color:rgba(17,17,17,0.5);font-size:.23rem;margin-top:.05rem;letter-spacing:1px}
.about-culture{padding:1.18rem 0 .6rem}
.about-culture .com-tip{margin-top:.2rem}
.about-culture .txt{margin-top:1.1rem}
.about-culture .text{font-size:.26rem;margin-top:.1rem}
.about-culture .title{font-size:.36rem}
.about-course{padding:1.4rem 0 .5rem}
.about-course .com-tip{font-size:.26rem;line-height:.4rem;color:#2b2b2b;font-weight:400;text-indent:1em;text-align:justify;margin-top:.3rem}
.about-course .thumbs{margin-top:1.4rem;position:relative}
.about-course .thumbs:before{content:'';top:.07rem;left:-4%;height:.03rem;width:108%;position:absolute;background:#dbdbdb}
.about-course .thumbs-year{text-align:center;font-size:.3rem;color:#c3c3c3;line-height:1;padding-top:.38rem;position:relative;letter-spacing:1px}
.about-course .thumbs-year:after{content:'';width:.18rem;height:.18rem;border-radius:50%;border:.02rem solid #e8e8e8;background:#fff;transform:translateX(-50%);top:0;left:50%;position:absolute;transition:all .4s ease}
.about-course .thumbs-year.active{color:#212121}
.about-course .thumbs-year.active:after{background:#f13644;border-color:#f13644}
.about-course .gallery{margin-top:.9rem}
.about-course .gallery .text{color:#2b2b2b;font-weight:700;letter-spacing:.04em;font-size:.26rem;min-height:2.2rem}
.about-honor .heading .com-tip{font-size:.16rem}
.about-honor .heading .txt{position:absolute;left:0;top:0;height:100%;width:100%;display:flex;align-items:center}
.about-honor .cont{padding:.7rem 0 1.05rem}
.about-honor .cont .tip{font-size:.26rem;color:#141313;line-height:.4rem;text-align:justify;letter-spacing:1px}
.about-honor .slider{margin-top:1rem}
.about-honor .slider .tit{color:#161515;font-size:.33rem;text-align:center;margin-bottom:.25rem}
.about-honor .slider .text{color:#141313;font-size:.24rem;text-align:left;letter-spacing:1px}
.about-honor .slider .text p+p{margin-top:.1rem}
.about-honor .slider .swiper-wrapper{padding-bottom:.7rem}
.about-honor .swiper-pagination-bullet{width:.14rem;height:.14rem;background:#d6d6d6;opacity:1}
.about-honor .swiper-pagination-bullet-active{background:#85a13b}
.about-honor .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .14rem}
.about-partner{padding:0.4rem 0 1.8rem}
.about-partner .cont{margin-top:.7rem}
.knowUs .contain{padding:.34rem .5rem .24rem;border-top:1px solid #e1e1e1}
.knowUs a{height:.78rem;border-radius:6px;font-size:.19rem;width:46%}
.knowUs a:nth-child(1){color:#191818;border:.02rem solid #bfbfbf}
.knowUs a:nth-child(2){background:#85a13b;color:#fff;margin-left:.34rem}

/* 项目案例 */
.case-list{padding:1.06rem 0 .8rem}
.case-nav{margin-top:1.4rem}
.case-nav ul{margin:-.2rem 0 0 0}
.case-nav ul li{margin:.2rem 0 0;width:25%;padding-right:.1rem}
.case-nav a{color:#212121;font-size:.26rem}
.case-cell{margin-top:-10px}
.case-cell .item{display:block;width:49.5%;margin-top:.7rem}
.case-cell .item picture{display:block;position:relative;padding-top:60%}
.case-cell .item .title{font-size:.3rem;color:#212121;margin-top:.25rem;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;line-height:.36rem;height:.72rem}
.case-cell .item .desc{font-size:.22rem;color:rgba(17,17,17,0.5);margin-top:.35rem;padding-right:15%;text-align:justify;font-weight:300;}
.case-cell+.loading-more{margin-top:.7rem}

/* 服务 */
.service{padding:1rem 0 1.35rem}
.service-list{margin-top:-.6rem}
.service-list .item{display:block;margin-top:1.3rem}
.service-list .item picture{display:block;height:3.86rem;position:relative}
.service-list .item .info{background:#f5f5f5;padding:.5rem .4rem;position:relative}
.service-list .item .info .title{font-size:.41rem;color:#141313;line-height:1;letter-spacing:.02em}
.service-list .item .info .sub-tit{color:#141313;font-size:.12rem;margin-top:.04rem}
.service-list .item .info .text{color:#464646;font-size:.19rem;line-height:.61rem;text-align:justify;letter-spacing:.04em;margin-top:.2rem}
.service-list .item .com-btn{color:#454545;margin-top:.8rem}
.service-list .item .com-btn span:after{background:#454545}
.service-process{padding:1rem 0}
.service-process .list{margin-top:1.1rem}
.service-process .item{position:relative;height:3.24rem;width:48%;overflow:hidden;transition:transform .4s ease;border-radius:5px;margin-top:.28rem}
.service-process .item .txt{position:absolute;bottom:0;left:0;padding:.12rem .24rem}
.service-process .item .txt .title{font-size:.24rem}
.service-process .item .txt .desc{font-size:.2rem;margin-top:.2rem;line-height:.38rem;height:1.9rem;overflow: hidden;-webkit-line-clamp: 5;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;}

/* 案例详情 */
.caseDetail-nav{padding:.38rem 0 .55rem}
.caseDetail-nav .title{color:#212121;font-size:.4rem;font-weight:400}
.caseDetail-nav .nav{margin-top:.5rem}
.caseDetail-nav .nav li{display:flex;letter-spacing:.04em}
.caseDetail-nav .nav li+li{margin-top:.15rem}
.caseDetail-nav .nav li .tit{font-size:.26rem;color:#626262;margin-right:.22rem;white-space:nowrap;font-weight:300}
.caseDetail-nav .nav li .cont{font-size:.25rem;color:#212121;font-weight:400}
.caseDetail-txt{padding:.8rem 0 1.2rem}
.caseDetail-txt .txt p{color:#4f4f4f;font-size:.26rem;line-height:.52rem;letter-spacing:.04rem;text-align:justify}
.caseDetail-txt .txt+.page-go{margin-top:1.1rem}
.page-go{color:#212121;font-size:.24rem;font-weight:300}
.page-go .page-nav:not(:first-child){margin-top:.2rem}
.page-go .go-to-list{margin-top:.3rem}
.page-go .go-to-list i{display:block;background:url(../images/common/arrR.svg) no-repeat center/100%;width:.34rem;height:.34rem;margin-left:.05rem}
.design{background:#27282d;padding:.8rem 0 .95rem;position:relative;z-index:2;overflow:hidden}
.design .title{font-size:.65rem}
.design .title span{color:#ff5252}
.design .desc{font-size:.37rem;margin-top:.15rem}
.design .logo{width:2.02rem;height:2.02rem;border-radius:50%;background:#fff;margin-top:.6rem;margin-left:auto;margin-right:auto}
.design .go-consult{border-radius:30px;border:2px solid #fff;line-height:1;height:.5rem;width:2.84rem;font-size:.32rem;margin:.3rem auto 0}
.design .text-animated{position:absolute;text-shadow:-1px 1px 0 #942020,1px 1px 0 #942020,1px -1px 0 #942020,-1px -1px 0 #942020;opacity:.5;color:#27282d;font-size:1.18rem;bottom:-6%;left:0;width:100%;text-align:center;z-index:-1;line-height:.8}
.RelatedCase{padding:1.3rem 0 1.1rem}
.RelatedCase .title{font-size:.38rem;color:#262626}
.RelatedCase .case-cell{margin-top:-.4rem}
.RelatedCase.style2{padding-top:0;margin-top:-.7rem}
.RelatedCase.style2 .case-cell .item .desc{font-size:.23rem;line-height:.3rem;color:#6b6b6b}
.caseDetail-pic button{position:absolute;top:50%;transform:translateY(-50%);z-index:3;background:#ff2828;color:#fff;padding:.1rem .05rem;cursor:pointer;transition:all .4s ease}
.caseDetail-pic button:hover{background:#fff;color:#ff2828}
.caseDetail-pic button.prev{left:.1rem}
.caseDetail-pic button.next{right:.1rem}
.caseDetail-pic .swiper-wrapper{display:flex;align-items:center}

/* 新闻 */
.news-list{padding:.9rem 0 .75rem}
.news-nav{padding-top:.8rem;margin-top:.8rem;border-top:.02rem solid #efefef}
.news-nav a{background-color:#dadada;color:#4b4b4b;padding:4px 14px;font-weight:500;font-size:.25rem;height:.51rem;width:1.68rem;line-height:1}
.news-nav a.active{background-color:#080808;color:#fff}
.news-nav+.news-cell{margin-top:1.08rem}
.news-cell .item{display:block}
.news-cell .item picture{height:4.04rem;display:block}
.news-cell .item .info{background:#fafafa;padding:.6rem .4rem}
.news-cell .item .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.32rem;color:#000;font-weight:400}
.news-cell .item .desc{font-size:.24rem;line-height:.4rem;color:#4b4b4b;margin-top:.15rem;font-weight:300}
.news-cell .item .com-btn{margin-top:.6rem;color:#000}
.news-cell .item .com-btn span:after{background:#000}
.news-cell .item+.item{margin-top:1.5rem}
.news-cell+.loading-more{margin-top:.46rem}


/* 新闻详情 */
.news-detail{padding:.66rem 0 2rem}
.news-detail h1{color:#212121;font-size:.35rem;letter-spacing:.04em}
.news-detail .info{font-size:.15rem;color:#7e7e7e;letter-spacing:.04em;margin-top:.18rem}
.news-detail .info li+li{margin-left:.5rem}
.news-detail .text{margin-top:.8rem}
.news-detail .text p{font-size:.24rem;color:#202020;line-height:.44rem;letter-spacing:1px}
.news-detail .text img{display:block;margin:0 auto;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important}
.news-detail .text+.page-go{margin-top:1.2rem}
.news-ranking{margin-top:1.5rem}
.news-ranking .title{line-height:1;color:#5c5c5c;font-size:.32rem}
.news-ranking .list{margin-top:.3rem}
.news-ranking a{display:flex;padding:.51rem 0 .46rem;border-top:.02rem solid #e0e0e0;border-bottom:.02rem solid #e0e0e0}
.news-ranking a+a{border-top:0}
.news-ranking a picture{height:1.46rem;width:2.46rem;display:block}
.news-ranking a .info{width:calc(100% - 2.46rem);padding-left:.18rem;letter-spacing:.04rem;color:#5c5c5c}
.news-ranking a .info .time{font-size:.25rem;line-height:1;color:rgba(17,17,17,0.5);font-weight:300}
.news-ranking a .info .title{font-size:.26rem;margin-top:.2rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:300}

/* 项目动画 */
.proj-video{padding:1.26rem 0 1.2rem}
.proj-video .list{margin-top:1.2rem}
.proj-video .item+.item{margin-top:.9rem}
.proj-video .video{height:4.32rem;background:#000}
.proj-video .title{font-size:.24rem;color:#252525;margin-top:.3rem}
.proj-video .loading-more{margin-top:.56rem}

/* 加入我们 */
.joinUs{padding:.68rem 0 .79rem}
.joinUs .item{background:#fafafa}
.joinUs .item .title{padding:.68rem calc(4% + .52rem) .66rem;cursor:pointer;position:relative;transition:all .4s ease;background:#fafafa;user-select:none}
.joinUs .item .title i{display:block;background:url(/static/m_index/svg/select.svg) no-repeat center/100%;width:.4rem;height:.4rem;position:absolute;right:calc(4% + .45rem);top:.8rem}
.joinUs .item .title.on i{transform:rotate(180deg)}
.joinUs .item .name{color:#100f0f;line-height:1;font-size:.32rem}
.joinUs .item .sub-name{font-size:.26rem;margin-top:.1rem}
.joinUs .item .cont{text-align:justify;padding:0 calc(4% + .52rem) .56rem;display:none}
.joinUs .item .sub-tit{color:#969696;font-size:.29rem}
.joinUs .item .cont p{font-size:.24rem;color:#222121;line-height:.46rem}
.joinUs .item .sub-tit+p{margin-top:.4rem}
.joinUs .item:not(:first-child){margin-top:.7rem}

/* 联系我们 */
.contact-us{position:relative;margin-top:-5.04rem;padding-bottom:.72rem}
.contact-us .contain{background:#fff;border-radius:4px;overflow:hidden}
.contact-us .top{padding:.35rem .32rem .7rem}
.contact-us .heading{color:#4a4a4a;font-size:.28rem;line-height:1;display:none}
.contact-us .txt{margin-top:.36rem;margin-top:0}
.contact-us .txt .title{font-size:.46rem;color:#080808;margin-bottom:.26rem;text-align:left}
.contact-us .txt ul{font-size:.23rem;color:#121212;letter-spacing:1px;text-align:left}
.contact-us .txt ul+ul{margin-top:.56rem}
.contact-us .gdg{border-radius:4px;overflow:hidden}
.contact-us .gdg .info{background:#f4f4f4;padding:.5rem .35rem}
.contact-us .gdg .title{color:#191818;font-size:.51rem}
.contact-us .gdg .text{margin-top:.4rem}
.contact-us .gdg p{font-size:.23rem;color:#191818;letter-spacing:1px}
.contact-us .gdg p+p{margin-top:.2rem}
.contact-us .msg{background:#5c5959;border-radius:4px;padding:.6rem .56rem .66rem;margin-top:.4rem}
.contact-us .msg .title{color:#080808;font-family:Arial;font-size:.49rem;letter-spacing:1px}
.contact-us .msg input{background:#fff;height:.8rem;width:100%;color:#000;padding:0 .48rem;transition:all .4s ease;margin-top:.28rem;letter-spacing:1px}
.contact-us .msg input+input{margin-top:15px}
.contact-us .msg input::placeholder{font-size:.22rem;color:#000}
.contact-us .msg input:focus{box-shadow:0 0 0 .04rem rgba(255,255,255,.5)}
.contact-us .msg a{height:.96rem;background:#a1a1a1;color:#000;border-radius:30px;transition:all .4s ease;margin-top:.8rem;justify-content:space-between;padding:0 .45rem;font-size:.24rem;letter-spacing:1px}
.contact-us .msg a:hover{box-shadow:0 0 0 .04rem rgba(161,161,161,.5)}
.contact-us .msg a i{display:block;background:url(/static/m_index/images/pages/contact-us-msg-arrow.png) no-repeat center/100%;width:.5rem;height:.19rem}

.contact-us .msg button{width:100%;height:.96rem;background:#a1a1a1;color:#000;border-radius:30px;transition:all .4s ease;margin-top:.8rem;justify-content:space-between;padding:0 .45rem;font-size:.24rem;letter-spacing:1px}
.contact-us .msg button:hover{box-shadow:0 0 0 .04rem rgba(161,161,161,.5)}
.contact-us .msg button i{display:block;background:url(/static/m_index/images/pages/contact-us-msg-arrow.png) no-repeat center/100%;width:.5rem;height:.19rem}




.contact-coo{padding:.7rem 0 1.1rem}
.contact-coo .com-tit{line-height:1;font-weight:400;padding-bottom:.5rem;position:relative}
.contact-coo .com-tit:after{content:'';width:1rem;background:#fff;height:.06rem;position:absolute;left:50%;transform:translateX(-50%);bottom:0}
.contact-coo ul{background:#6c727b;border-radius:5px;margin-top:.4rem}
.contact-coo ul li{height:1.24rem;display:flex;align-items:center;padding:0 .2rem;text-align:center;justify-content:center;font-size:.27rem}
.contact-coo ul li+li{border-top:.03rem solid #778087}
.contact-go{padding:.9rem 0 .5rem}
.contact-go .title{color:#222;font-size:.46rem}
.contact-go a{font-size:.25rem;color:#5d5d5d;line-height:1;margin-top:.2rem}
.contact-map{height:10rem;margin-bottom:.88rem}
.contact-map .amap-icon img{max-width:.7rem!important}

/* 设计分享 */
.design-share{padding:1.4rem 0 .52rem}
.design-share .news-cell .item+.item{margin-top:.78rem}
.design-share .news-cell .item .info{min-height:4.06rem}
.design-share .news-cell{margin-top:.9rem}
.design-share .news-cell .item .info{padding:.6rem .4rem .9rem;position:relative}
.design-share .news-cell .item .com-btn{position:absolute;left:.4rem;bottom:.6rem}
.design-share .news-cell .item .desc{font-size:.22rem;line-height:.3rem;color:#000;font-weight:300}
.switch-tab{margin-top:1.2rem}
.switch-tab ul{margin-top:-.42rem}
.switch-tab li{min-width:33.33%;margin-top:.42rem}
.switch-tab a{font-size:.28rem;color:#8d8d8d;line-height:1;display:inline-block}
.switch-tab a span{line-height:1;display:block;padding-bottom:.08rem;border-bottom:1px solid transparent}
.switch-tab a.active{color:#000}
.switch-tab a.active span{border-color:#000}
.service-dtl{padding:.9rem 0 .96rem}
.service-dtl .com-tit{text-align:left;font-size:.4rem;line-height:0.5rem}
.service-dtl .com-tip{margin-top:.4rem;text-align:left}
.service-dtl .title{color:#413f3f;font-size:.38rem;line-height:.44rem;letter-spacing:.04em}
.service-dtl .tip{color:#818181;font-size:.26rem;line-height:.42rem;text-align:justify;letter-spacing:.06em;margin-top:.5rem}
.service-dtl .field{margin-top:1.5rem;font-size:.26rem;color:#000;line-height:.4rem}
.service-dtl-return{color:#212121;font-size:.28rem;padding-bottom:.6rem}
.service-dtl-return i{display:block;background:url(/static/m_index/svg/arrR.svg) no-repeat center/100%;width:.2rem;height:.2rem}

@media all and (max-width: 450px) {
    .service-process .item .txt .title{font-size:18px}
    .loading-more{font-size:12px}
    .service-list .item .info .text{font-size:12px;line-height:28px}
}