/*更改banner样式*/.com-banner2:after {padding-bottom:28.5%;}
.main-layout2 {text-align:center;}
/*主内容*/.case-list {font-size:16px;padding:3em 0;}
.project-item {display:flex;justify-content:space-between;}
.margin-r2 {margin-right:2%;}
.margin-b2 {margin-bottom:2%;}
.project-item .itemc-many {width:49.75%;}
.project-item .item-few {width:49.75%;}
.project-item a.item-more {overflow:hidden;display:block;position:relative;width:100%;}
.project-item a.item-more .text {position:absolute;left:0;bottom:0;width:100%;background:url(/statics/home/images/tmbg.png);color:#fff;padding:1em 1.6em;display:flex;justify-content:space-between;align-items:baseline;}
.project-item a.item-more .text h2.title {font-size:1.5em;font-weight:400;}
.project-item a.item-more .pic {overflow:hidden;transition:all 3s linear 0s;-webkit-transition:all 3s linear 0s;-moz-transition:all 3s linear 0s;-ms-transition:all 3s linear 0s;-o-transition:all 3s ease-in-out;}
.project-item a.item-more .pic img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s;-moz-transition:all 1s linear 0s;-ms-transition:all 1s linear 0s;-o-transition:all 1s ease-in-out;}
.project-item a.item-more:hover .pic img {-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);}
.project-item a.item-more .text i {margin-right:0;font-size:1.5em;}
.itemc-many .itemc-many-two {display:flex;justify-content:space-between;}
.itemc-many .itemc-many-two .item-more .pic {padding-bottom:92%;}
.itemc-many .itemc-many-one .item-more .pic {padding-bottom:45.5%;}
.item-few .item-more .pic {padding-bottom:92%;}
ul.project-list li {margin:0.5% 0;}
ul.project-list li.even .itemc-many .itemc-many-two {margin-bottom:1%;}
ul.project-list .itemc-many .itemc-many-two a.item-more:nth-child(1) {margin-right:1%;}
ul.project-list li.odd .itemc-many .itemc-many-two {margin-top:1%;}
ul.project-list li.odd.project-item {flex-direction:row-reverse;}
ul.project-list li.odd.project-item .itemc-many {display:flex;flex-direction:column-reverse;}
/*view*/
.com-banner-view:after {padding-bottom:0;}
.com-banner-title-content-view {bottom:50%;text-align:right;}
.com-banner-title-content-view p.ftitle {opacity:.7;}
.com-banner-title-content-view a.casebanner-more {display:inline-block;margin-top:1em;font-size:1em;border:1px rgba(255,255,255,.5) solid;border-radius:5em;padding:0.5em 2em;}
.com-banner-title-content-view a.casebanner-more:hover {background:#006fbc;}
.swiper--case-view {position:absolute;top:0;left:0;width:100%;height:100%;}
.swiper--case-view .swiper-slide { background: #000; }
.swiper--case-view .swiper-slide .com-banner-pic { opacity: .7; }
.project-info { display: flex; flex-direction: column; align-items: flex-end; }
.project-info .com-banner-title-cn { width: 90%; }
.project-view { padding-right: 0; }
.case-view-nav {bottom:3em;left:0;z-index:1;width:100%;}
.case-view-nav-conter { width: 60%; }
.case-view-nav-left {font-size:16px;}
.case-view-nav-left .case-item {padding-left:1.3em;margin-right:5em;max-width:10em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;}
.case-view-nav-left .case-item p.ftitle span {position:absolute;top:0.75em;left:0;width:1em;height:1px;background:#fff;}
.case-view-nav-left .case-item p.ftitle i {position:absolute;width:1.2em;height:1.2em;cursor:pointer;right:0;top:0.2em;margin-right:0;border-radius:50%;text-align:center;background:rgba(255,255,255,.5);color:#fff;}
.case-view-nav-left .case-item p.ftitle {font-size:1em;color:rgba(255,255,255,.5);}
.case-view-nav-left .case-item h3.title {font-size:1.3em;font-weight:400;padding-top:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;}
.case-view-nav-right {position:absolute;bottom:3em;right:10%;z-index:1;font-size:16px;color:#fff;}
.case-view-nav-right .nav-premore {width:2em;height:2em;border:2px #fff solid;font-size:1.5em;display:inline-block;text-align:center;border-radius:50%;cursor:pointer;}
.case-view-nav-right .nav-premore.swiper-button-disabled {opacity:.5;}
.case-view-nav-right .nav-premore i {font-size:1.3em;line-height:1.5em;}
.case-view-pagination {position:absolute;bottom:60%;left:10%;z-index:1;display:flex;flex-direction:column;width:auto;color:#fff;}
.case-view-pagination span {line-height:1;transform:rotate(90deg);opacity:.6;}
.case-view-pagination .current {margin-bottom:9px;opacity:.9;}
.case-view-text {left:0;width:100%;background:rgba(0,0,0,.5);z-index:100;bottom:37%;display:none;}
.case-view-text-center {height:13em;}
.case-view-text-center p.ftitle {color:rgba(255,255,255,.7);padding-bottom:1em;}
.case-view-text-center h2.title {font-weight:400;}
@media  all and (max-width: 1280px) {
  .project-item a.item-more .text h2.title { font-size: 1.12em; }
}
@media all and (max-width:1024px) {.case-view-nav-conter {display:block}
  .case-view-nav-right {margin-top:2em;}
  .case-view-nav-left .case-item {margin-right:2.5em;}
  .project-item a.item-more .text h2.title {text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-clamp: 2;}  }
@media all and (max-width:768px) {.com-banner {font-size:16px;}
  .case-view-nav-left,.case-view-nav-right {font-size:14px;}
  .com-banner2:after {padding-bottom:40%;}
  .case-list {font-size:12px;padding:3em 0;}
  .project-comment {padding:15px;}
  .project-item {display:block;}
  .project-item .itemc-many {width:100%;}
  .project-item .item-few {width:100%;}
  .itemc-many .itemc-many-one {margin:2% 0;}
  ul.project-list li {margin:2% 0;}
  ul.project-list li.odd.project-item {flex-direction:row;}
  ul.project-list li.odd.project-item .itemc-many {display:block;}
  ul.project-list li.odd.project-item .itemc-many .itemc-many-one {margin-top:2%;}
  ul.project-list li.odd .itemc-many .itemc-many-two {margin-bottom:2%;}
  .case-view-nav-left {gap:1em;flex-wrap:wrap;}
  .case-view-nav-left .case-item {flex-wrap:wrap; margin-right: 0; }
  /*.case-view-nav-left .case-item:nth-of-type(3n) {margin-right:0;}*/
}
.case-search {margin-top:30px;}
.case-search-box {width:40%;height:40px;margin-left:auto;}
.case-search-box .case-search-item {width:50%;height:100%;padding:0 .05rem 0 .28rem;overflow:hidden;margin-right:2%;background:#fff;border-radius:80px;border:1px solid #e5e5e5;}
.case-search-box .case-search-item:last-of-type {margin-right:0;}
.case-search-box .case-search-item .el-input__inner,.case-search-box .case-search-item .el-input {width:90%;height:100%;padding:0;border:0;}
.case-search-box .search-wrap {width:32px;height:32px;border:1px solid rgba(255,255,255,.4);cursor:pointer;}
.case-search-box .search-circle {width:16px;height:16px;border:2px solid #fff;}
.case-search-box .search-circle .search-dot {cursor:pointer;position:absolute;width:5px;height:5px;left:0;top:0;transform-origin:8px 8px;transform:rotate(180deg);transition:all .3s;}
.case-search-box  .el-input__prefix {display:none;}
@media (max-width:768px) {
  .case-search {margin-top:20px;}
  .case-search-box {width:100%;height:auto;flex-direction:column;}
  .case-search-box .case-search-item {width:100%;height:36px;margin-right:0;margin-bottom:15px;}
  .case-search-box .case-search-item:last-of-type {margin-bottom:0;}
  .case-search-box .search-wrap {width:30px;height:30px;}
  .case-search-box .search-circle {width:16px;height:16px;}
  .case-search-box .search-circle .search-dot {width:4px;height:4px;left:-4px;top:-4px;transform-origin:calc(8px + 2px) calc(8px + 2px);}
  .project-item a.item-more .text h2.title { font-size: 1.2em; }
}

/* project */
.project-index .com-banner-title-content { bottom: 7em; }
.com-tag-project .secondary-column { position: absolute; left: 0; z-index: 10; display: none;  width: 100%; background: #f5f5f5; }
.com-tag-project .secondary-column .secondary-column-list { display: none; height: 4em; }
.com-tag-project .secondary-column ul { height: 100%; }
.com-tag-project .secondary-column li { display: flex; align-items: center; justify-content: center; margin-right: 2em; list-style: none;color: #878787; }
.com-tag-project .secondary-column li a { display: inline-block; position: relative; line-height: 1;}
.com-tag-project .secondary-column li a::after { content: "";position: absolute;top: 50%;left: 0;width: 1.5em;height: 1.5em;background: url('/statics/home/images/nav-hover.png') center center no-repeat;background-size: contain;transform: translate(-50%,-50%) scale(0);transition: all .6s; }
.com-tag-project .secondary-column li.active,
.com-tag-project .secondary-column li a.active,
.com-tag-project .secondary-column li:hover{ color: #0a84ff; }
.com-tag-project .secondary-column li:hover a::after { transform: translate(-50%,-50%) scale(1); }
@media (max-width: 1080px) {
  .com-tag-project .secondary-column li { margin-right: 1em; }
}

@media (max-width: 768px) {
  .com-tag-project .secondary-column .secondary-column-list { height: auto; }
  .com-tag-project .secondary-column ul { gap: 20px; flex-wrap: wrap; padding: 20px 0; }
  .com-tag-project .secondary-column li { width: calc(50% - 10px);padding: 10px 0;margin-right: 0;border: 1px solid #878787;border-radius: 20px; }
}<!--耗时1756124289.7784秒-->