/*--案例列表--*/
.caseContainer { max-width: 1440px; margin: 0px auto; width: 100%; padding: 0px 20px; }

.caseListMain { padding: 35px 0px 40px; overflow: hidden; position: relative; background-image: url(../images/case_04.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; }

.caseListBox { padding: 0px 0px 25px; }

.caseListBox .contentBox { width: 100%; padding: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; }

.caseListBox .contentBox .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 15px; border-top: 2px solid #000000; position: relative; z-index: 10; }

.caseListBox .contentBox .content .title { font-size: 24px; line-height: 1.2; color: #0c2245; text-transform: uppercase; font-weight: 600; }

.caseListBox .contentBox .content .desc { padding-top: 10px; font-size: 14px; line-height: 20px; color: #1e2d45; }

.caseListBox .contentBox .btn { display: none; position: relative; z-index: 20; }

.caseListBox .contentBox .btn a { width: 67px; height: 40px; font-size: 18px; margin-right: 8px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; color: #114285; }

.caseListBox .contentBox .btn a::after { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; -webkit-border-radius: 40px; border-radius: 40px; border: 2px solid #114285; opacity: 1; -webkit-transition: all .6s; transition: all .6s; }

.caseListBox .contentBox .btn a::before { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(#114ba9), to(#4fc4ea)); background-image: linear-gradient(to right, #114ba9, #4fc4ea); -webkit-border-radius: 40px; border-radius: 40px; content: ''; opacity: 0; -webkit-transition: all .6s; transition: all .6s; }

.caseListBox .contentBox .btn a i { position: relative; z-index: 10; }

.caseListBox .contentBox .btn a:hover { color: #fff; }

.caseListBox .contentBox .btn a:hover::after { opacity: 0; }

.caseListBox .contentBox .btn a:hover::before { opacity: 1; }

.caseListBox .contentBox .btn a:nth-child(1) i { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }

.caseListBox .contentBox .number { position: absolute; display: none; right: 0px; bottom: 0px; font-size: 80px; font-family: 'sBold'; line-height: 0.8; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 2px rgba(2, 79, 188, 0.2); }

.caseListBox .caseImgTextMain { width: 100%; }

.caseListBox .caseImgTextMain .caseImgText { margin-top: 25px; width: 100%; overflow: hidden; position: relative; }

.caseListBox .caseImgTextMain .caseImgTextList { width: 100%; }

.caseListBox .caseImgTextMain .swiper-slide { width: 100%; margin-right: 30px; position: relative; }

.caseListBox .caseImgTextMain .swiper-slide a { display: block; width: 100%; left: 0px; bottom: 0px; }

.caseListBox .caseImgTextMain .swiper-slide .imgBox { width: 100%; padding-top: 70%; position: relative; overflow: hidden; -webkit-transition: all .6s; transition: all .6s; }

.caseListBox .caseImgTextMain .swiper-slide .imgBox::after { content: ''; position: absolute; left: 0px; bottom: 0px; height: 50%; right: 0px; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); }

.caseListBox .caseImgTextMain .swiper-slide .imgBox img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .6s; transition: all .6s; }

.caseListBox .caseImgTextMain .swiper-slide .listTitleBox { position: absolute; left: 0px; bottom: 30px; width: 100%; padding: 0px 20px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.caseListBox .caseImgTextMain .swiper-slide .listTitleBox .listTitle { font-size: 16px; color: #fff; display: -webkit-box; height: 44px; line-height: 22px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: auto; max-height: -webkit-calc(25px * 2); max-height: calc(25px * 2); }

.caseListBox .caseImgTextMain .swiper-slide .listTitleBox .more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 35px; font-size: 12px; padding: 0px 20px; max-width: 104px; position: relative; color: #fff; margin-top: 10px; margin-left: 1px; white-space: nowrap; }

.caseListBox .caseImgTextMain .swiper-slide .listTitleBox .more::after { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; -webkit-border-radius: 40px; border-radius: 40px; border: 2px solid rgba(255, 255, 255, 0.2); opacity: 1; -webkit-transition: all .6s; transition: all .6s; }

.caseListBox .caseImgTextMain .swiper-slide .listTitleBox .more::before { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(#114ba9), to(#4fc4ea)); background-image: linear-gradient(to right, #114ba9, #4fc4ea); -webkit-border-radius: 40px; border-radius: 40px; content: ''; opacity: 0; -webkit-transition: all .6s; transition: all .6s; }

.caseListBox .caseImgTextMain .swiper-slide .listTitleBox .more span { position: relative; z-index: 10; }

.caseListBox .caseImgTextMain .swiper-slide:hover .listTitleBox .more::after { opacity: 0; }

.caseListBox .caseImgTextMain .swiper-slide:hover .listTitleBox .more::before { opacity: 1; }

.caseListBox .caseImgTextMain .swiper-slide:hover .imgBox img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.caseListBox .caseImgTextMain .caseImgTextListPage { text-align: center; padding-top: 20px; }

.expandMore { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.expandMore a { width: 285px; height: 47px; font-size: 15px; color: #000000; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .6s; transition: all .6s; }

.expandMore a i { width: 11px; height: 11px; background-image: url(../images/case_06.png); background-repeat: repeat-y; display: block; background-size: cover; margin-left: 35px; -webkit-transition: all .6s; transition: all .6s; -webkit-animation: moreArrow 2s infinite linear; animation: moreArrow 2s infinite linear; }

.expandMore a span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 10; }

.expandMore a::after { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; -webkit-border-radius: 40px; border-radius: 40px; border: 2px solid #616d7f; opacity: 1; -webkit-transition: all .6s; transition: all .6s; }

.expandMore a::before { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(#114ba9), to(#4fc4ea)); background-image: linear-gradient(to right, #114ba9, #4fc4ea); -webkit-border-radius: 40px; border-radius: 40px; content: ''; opacity: 0; -webkit-transition: all .6s; transition: all .6s; }

.expandMore a:hover { color: #fff; }

.expandMore a:hover::after { opacity: 0; }

.expandMore a:hover::before { opacity: 1; }

.expandMore a:hover i { background-image: url(../images/case_07.png); }

@keyframes moreArrow { 0% { background-position: 0px 0px; }
  100% { background-position: 0px 22px; } }

@-webkit-keyframes moreArrow { 0% { background-position: 0px 0px; }
  100% { background-position: 0px 22px; } }

/*--案例详情--*/
.caseDetailMain { padding: 35px 0px 25px; }

.caseDetailMain .caseDetailLogo { display: none; }

.caseDetailMain .caseDetailLogo img { width: 80%; max-width: 1128px; position: relative; z-index: 1; }

.caseDetailMain .caseDetailBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

.caseDetailMain .caseDetailContent { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; padding: 20px 0px 0px 0px; position: relative; z-index: 10; }

.caseDetailMain .caseDetailContent .title { font-size: 24px; line-height: 32px; font-weight: 600; color: #0c2245; }

.caseDetailMain .caseDetailContent .subTitle { padding-top: 10px; font-size: 16px; color: #0c2245; font-weight: 500; }

.caseDetailMain .caseDetailContent .desc { padding-top: 10px; font-size: 14px; line-height: 20px; color: #000000; }

.caseDetailMain .caseDetailContent .caseDetailList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0px -5px; padding-top: 20px; }

.caseDetailMain .caseDetailContent .caseDetailList .list { width: -webkit-calc(33.333% - 10px); width: calc(33.333% - 10px); margin: 0px 5px 10px; padding: 15px 5px 20px; background: #f5f6fa; text-align: center; }

.caseDetailMain .caseDetailContent .caseDetailList .list .icon { width: 53px; height: 53px; -webkit-border-radius: 100%; border-radius: 100%; margin: 0px auto; background: #ebecf2; }

.caseDetailMain .caseDetailContent .caseDetailList .list .icon img { width: 53px; height: 53px; display: block; object-fit: cover; }

.caseDetailMain .caseDetailContent .caseDetailList .list .listTitle { font-size: 16px; margin-top: 10px; color: #0c2245; }

.caseDetailMain .caseDetailContent .caseDetailList .list .text { font-size: 12px; color: #999999; }

.caseDetailMain .caseDetailImgBox { width: 100%; position: relative; background: #f5f6fa; }

.caseDetailMain .caseDetailImgBox .caseDetailImg { width: 100%; overflow: hidden; position: relative; z-index: 10; }

.caseDetailMain .caseDetailImgBox .caseDetailImg .swiper-slide { position: relative; padding-top: 542px; height: auto; }

.caseDetailMain .caseDetailImgBox .caseDetailImg .swiper-slide img { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-fit: cover; }

.caseDetailMain .caseDetailImgBox .caseDetailImgPage { position: absolute; left: 0px; width: 100%; bottom: 20px; z-index: 20; text-align: center; }

.caseDetailMain .caseDetailImgBox .caseDetailImgPage span { background: #fff; width: 10px; height: 10px; margin: 0px 4px; opacity: 1; }

.caseDetailMain .caseDetailImgBox .caseDetailImgPage span.swiper-pagination-bullet-active { background: #0155a1; }

.caseRelatedMain { background: #f7f9fc; padding: 35px 0px; }

.caseRelatedTitleBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.caseRelatedTitleBox .title { padding: 0px; font-size: 24px; color: #1e2d45; line-height: 1; font-weight: 600; text-transform: uppercase; background-repeat: no-repeat; background-size: 56px; }

.caseRelatedTitleBox .more { display: none; }

.caseRelatedTitleBox .more a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; padding: 0px 30px; width: 233px; -webkit-border-radius: 57px; border-radius: 57px; height: 57px; font-size: 14px; color: #fff; font-weight: 600; background-image: -webkit-gradient(linear, left top, right top, from(#114BA9), to(#4FC4EA)); background-image: linear-gradient(90deg, #114BA9, #4FC4EA); overflow: hidden; }

.caseRelatedTitleBox .more a i { font-size: 16px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); font-weight: 300; font-size: 18px; }

.caseRelatedTitleBox .more a::after { content: ''; width: 14px; height: 200px; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); background: rgba(255, 255, 255, 0.4); position: absolute; left: -50px; top: -80px; }

.caseRelatedTitleBox .more a:hover::after { left: 150%; -webkit-transition: all 1s ease; transition: all 1s ease; }

.caseRelatedMain .caseRelated { margin-top: 30px; overflow: hidden; position: relative; padding-left: 1px; }

.caseRelatedMain .caseRelated .swiper-slide { position: relative; height: auto; border: 1px solid #dfe0e6; width: -webkit-calc(100% + 1px); width: calc(100% + 1px); overflow: hidden; margin-left: -1px; }

.caseRelatedMain .caseRelated .swiper-slide a { display: block; padding: 20px 0px; }

.caseRelatedMain .caseRelated .swiper-slide .imgBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.caseRelatedMain .caseRelated .swiper-slide .imgBox img { width: 80%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .6s; transition: all .6s; display: block; }

.caseRelatedMain .caseRelated .swiper-slide .listTitle { font-size: 18px; font-weight:600; color: #333333; padding: 15px 15px 0px; text-align: center; }

.caseRelatedMain .caseRelated .swiper-slide .desc { padding-top: 10px; font-size: 14px; padding: 0px 15px; color: #333333; text-align: center; }

.caseRelatedMain .caseRelated .swiper-slide .more { margin: 15px auto 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; padding: 0px 12px; width: 110px; -webkit-border-radius: 35px; border-radius: 35px; height: 35px; font-size: 12px; color: #fff; font-weight: 600; background-image: -webkit-gradient(linear, left top, right top, from(#114BA9), to(#4FC4EA)); background-image: linear-gradient(90deg, #114BA9, #4FC4EA); overflow: hidden; }

.caseRelatedMain .caseRelated .swiper-slide .more i { font-size: 16px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); font-weight: 300; }

.caseRelatedMain .caseRelated .swiper-slide .more::after { content: ''; width: 14px; height: 200px; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); background: rgba(255, 255, 255, 0.4); position: absolute; left: -50px; top: -80px; }

.caseRelatedMain .caseRelated .swiper-slide .more:hover::after { left: 150%; -webkit-transition: all 1s ease; transition: all 1s ease; }

.caseRelatedMain .caseRelated .swiper-slide:hover .imgBox img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.caseRelatedMain .caseRelatedPage { text-align: center; padding-top: 30px; }

.caseRelatedMain .caseRelatedPage span { background: #bbb; width: 10px; height: 10px; margin: 0px 4px; opacity: 1; }

.caseRelatedMain .caseRelatedPage span.swiper-pagination-bullet-active { background: #0155a1; }

.detailBanner .text p{margin: 0px auto; max-width: 720px;}

@media (min-width: 768px) { /*--案例列表--*/
  .caseContainer { max-width: 90vw; padding: 0vw; }
  .caseListMain { padding: 6.875vw 0vw 5.625vw; }
  .caseListBox { padding: 0vw 0vw 5.625vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .caseListBox .contentBox { width: 30.625vw; padding: 0vw 4.375vw 3.438vw 0vw; }
  .caseListBox .contentBox .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 2.188vw; }
  .caseListBox .contentBox .content .title { font-size: 2.375vw; }
  .caseListBox .contentBox .content .desc { padding-top: 1.25vw; font-size: 1.125vw; line-height: 1.875vw; padding-right: 0vw; }
  .caseListBox .contentBox .btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .caseListBox .contentBox .btn a { width: 4.188vw; height: 2.5vw; font-size: 1.125vw; margin-right: 0.5vw; }
  .caseListBox .contentBox .btn a::after { -webkit-border-radius: 2.5vw; border-radius: 2.5vw; }
  .caseListBox .contentBox .btn a::before { -webkit-border-radius: 2.5vw; border-radius: 2.5vw; }
  .caseListBox .contentBox .number { right: 1.25vw; bottom: 0vw; font-size: 19.375vw; display: block; }
  .caseListBox .caseImgTextMain { width: -webkit-calc(100% - 30.625vw); width: calc(100% - 30.625vw); }
  .caseListBox .caseImgTextMain .caseImgText { width: 200%; margin: 0px; }
  .caseListBox .caseImgTextMain .caseImgTextList { width: 43.75vw; }
  .caseListBox .caseImgTextMain .swiper-slide { width: 43.75vw; margin-right: 1.875vw; height: 36.25vw; }
  .caseListBox .caseImgTextMain .swiper-slide a { position: absolute; }
  .caseListBox .caseImgTextMain .swiper-slide .imgBox { width: 100%; padding-top: 30vw; }
  .caseListBox .caseImgTextMain .swiper-slide .listTitleBox { left: 0vw; bottom: 1.875vw; width: 100%; padding: 0vw 2.188vw 0vw 2.5vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .caseListBox .caseImgTextMain .swiper-slide .listTitleBox .listTitle { font-size: 1.5vw; display: -webkit-box; height: 3.126vw; line-height: 1.563vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: -webkit-calc(1.563vw * 2); max-height: calc(1.563vw * 2); }
  .caseListBox .caseImgTextMain .swiper-slide .listTitleBox .more { height: 2.5vw; font-size: 0.813vw; padding: 0vw 1.25vw; margin-left: 0.625vw; margin-top: 0px; max-width: initial; }
  .caseListBox .caseImgTextMain .swiper-slide .listTitleBox .more::after { -webkit-border-radius: 2.5vw; border-radius: 2.5vw; }
  .caseListBox .caseImgTextMain .swiper-slide .listTitleBox .more::before { -webkit-border-radius: 2.5vw; border-radius: 2.5vw; }
  .caseListBox .caseImgTextMain .swiper-slide.swiper-slide-active .imgBox { padding-top: 36.25vw; }
  .caseListBox .caseImgTextMain .caseImgTextListPage { display: none; }
  .expandMore a { width: 17.813vw; height: 2.938vw; font-size: 0.938vw; }
  .expandMore a i { width: 0.688vw; height: 0.688vw; margin-left: 2.188vw; }
  .expandMore a::after { -webkit-border-radius: 2.5vw; border-radius: 2.5vw; }
  .expandMore a::before { -webkit-border-radius: 2.5vw; border-radius: 2.5vw; }
  @keyframes moreArrow { 0% { background-position: 0vw 0vw; }
    100% { background-position: 0vw 1.375vw; } }
  @-webkit-keyframes moreArrow { 0% { background-position: 0vw 0vw; }
    100% { background-position: 0vw 1.375vw; } }
  /*--案例详情--*/
  .caseDetailMain { padding: 8.625vw 0vw 2.25vw; }
  .caseDetailMain .caseDetailLogo { display: block; }
  .caseDetailMain .caseDetailLogo img { width: 80%; max-width: 70.5vw; }
  .caseDetailMain .caseDetailBox { margin-top: -5.313vw; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
  .caseDetailMain .caseDetailContent { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 1.25vw 8.125vw 0vw 0vw; }
  .caseDetailMain .caseDetailContent .title { font-size: 2.875vw; line-height: 3.375vw; }
  .caseDetailMain .caseDetailContent .subTitle { padding-top: 1.25vw; font-size: 1.25vw; }
  .caseDetailMain .caseDetailContent .desc { padding-top: 0.625vw; font-size: 1.125vw; line-height: 1.688vw; }
  .caseDetailMain .caseDetailContent .caseDetailList { margin: 0vw -0.313vw; padding-top: 2.188vw; }
  .caseDetailMain .caseDetailContent .caseDetailList .list { width: -webkit-calc(33.333% - 0.625vw); width: calc(33.333% - 0.625vw); margin: 0vw 0.313vw 0.625vw; padding: 1.875vw 0.313vw 2.188vw; }
  .caseDetailMain .caseDetailContent .caseDetailList .list .icon { width: 5.188vw; height: 5.188vw; }
  .caseDetailMain .caseDetailContent .caseDetailList .list .icon img { width: 5.188vw; height: 5.188vw; }
  .caseDetailMain .caseDetailContent .caseDetailList .list .listTitle { font-size: 1.25vw; margin-top: 1.25vw; }
  .caseDetailMain .caseDetailContent .caseDetailList .list .text { font-size: 1vw; }
  .caseDetailMain .caseDetailImgBox { width: 43.438vw; }
  .caseDetailMain .caseDetailImgBox .caseDetailImg { right: 2.5vw; top: 2.5vw; }
  .caseDetailMain .caseDetailImgBox .caseDetailImg .swiper-slide { padding-top: 33.875vw; }
  .caseDetailMain .caseDetailImgBox .caseDetailImgPage { bottom: 1.25vw; }
  .caseDetailMain .caseDetailImgBox .caseDetailImgPage span { width: 0.625vw; height: 0.625vw; margin: 0vw 0.25vw; }
  .caseRelatedMain { padding: 5.625vw 0vw 5.625vw; }
  .caseRelatedTitleBox .title { padding: 0.188vw 0vw 0.75vw 1.063vw; font-size: 3.438vw; background-image: url(../images/detailTitleIcon.png); background-repeat: no-repeat; background-size: 3.5vw; }
  .caseRelatedTitleBox .more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .caseRelatedTitleBox .more a { padding: 0vw 1.875vw; width: 14.563vw; -webkit-border-radius: 3.563vw; border-radius: 3.563vw; height: 3.563vw; font-size: 0.875vw; }
  .caseRelatedTitleBox .more a i { font-size: 1vw; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); font-weight: 300; font-size: 1.125vw; }
  .caseRelatedTitleBox .more a::after { width: 0.875vw; height: 12.5vw; left: -3.125vw; top: -5vw; }
  .caseRelatedMain .caseRelated { margin-top: 3.75vw; padding-left: 1px; }
  .caseRelatedMain .caseRelated .swiper-slide { width: -webkit-calc(33.333% + 1px); width: calc(33.333% + 1px); margin-left: -1px; }
  .caseRelatedMain .caseRelated .swiper-slide a { padding: 2.188vw 0vw 2.813vw; }
  .caseRelatedMain .caseRelated .swiper-slide .imgBox img { width: auto; height: 18.75vw; }
  .caseRelatedMain .caseRelated .swiper-slide .listTitle { font-size: 1.5vw; padding: 1.563vw 1.875vw 0vw; }
  .caseRelatedMain .caseRelated .swiper-slide .desc { padding-top: 0.625vw; font-size: 0.875vw; }
  .caseRelatedMain .caseRelated .swiper-slide .more { margin: 2.188vw auto 0vw; padding: 0vw 1.25vw; width: 9.063vw; -webkit-border-radius: 2.813vw; border-radius: 2.813vw; height: 2.813vw; font-size: 0.875vw; }
  .caseRelatedMain .caseRelated .swiper-slide .more i { font-size: 1vw; }
  .caseRelatedMain .caseRelated .swiper-slide .more::after { width: 0.875vw; height: 12.5vw; left: -3.125vw; top: -5vw; }
  .caseRelatedMain .caseRelatedPage { padding-top: 1.875vw; }
  .caseRelatedMain .caseRelatedPage span { width: 0.625vw; height: 0.625vw; margin: 0vw 0.25vw; } }

@media (min-width: 1260px) { /*--案例列表--*/
  .caseContainer { max-width: 75vw; }
  .caseListMain { padding: 5.729vw 0vw 4.688vw; }
  .caseListBox { padding: 0vw 0vw 4.688vw; }
  .caseListBox .contentBox { width: 25.521vw; padding: 0vw 3.646vw 2.865vw 0vw; }
  .caseListBox .contentBox .content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 1.823vw; }
  .caseListBox .contentBox .content .title { font-size: 1.979vw; }
  .caseListBox .contentBox .content .desc { padding-top: 1.042vw; font-size: 0.938vw; line-height: 1.563vw; }
  .caseListBox .contentBox .btn a { width: 3.49vw; height: 2.083vw; font-size: 0.938vw; margin-right: 0.417vw; }
  .caseListBox .contentBox .btn a::after { -webkit-border-radius: 2.083vw; border-radius: 2.083vw; }
  .caseListBox .contentBox .btn a::before { -webkit-border-radius: 2.083vw; border-radius: 2.083vw; }
  .caseListBox .contentBox .number { right: 1.042vw; bottom: 0vw; font-size: 16.146vw; }
  .caseListBox .caseImgTextMain { width: -webkit-calc(100% - 25.521vw); width: calc(100% - 25.521vw); }
  .caseListBox .caseImgTextMain .caseImgText { width: 200%; }
  .caseListBox .caseImgTextMain .caseImgTextList { width: 36.458vw; }
  .caseListBox .caseImgTextMain .swiper-slide { width: 36.458vw; margin-right: 1.563vw; height: 30.208vw; }
  .caseListBox .caseImgTextMain .swiper-slide .imgBox { width: 100%; padding-top: 25vw; }
  .caseListBox .caseImgTextMain .swiper-slide .listTitleBox { left: 0vw; bottom: 1.563vw; width: 100%; padding: 0vw 1.823vw 0vw 2.083vw; }
  .caseListBox .caseImgTextMain .swiper-slide .listTitleBox .listTitle { font-size: 1.25vw; display: -webkit-box; height: 2.604vw; line-height: 1.302vw; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: -webkit-calc(1.302vw * 2); max-height: calc(1.302vw * 2); }
  .caseListBox .caseImgTextMain .swiper-slide .listTitleBox .more { height: 2.083vw; font-size: 0.677vw; padding: 0vw 1.042vw; margin-left: 0.521vw; }
  .caseListBox .caseImgTextMain .swiper-slide .listTitleBox .more::after { -webkit-border-radius: 2.083vw; border-radius: 2.083vw; }
  .caseListBox .caseImgTextMain .swiper-slide .listTitleBox .more::before { -webkit-border-radius: 2.083vw; border-radius: 2.083vw; }
  .caseListBox .caseImgTextMain .swiper-slide.swiper-slide-active .imgBox { padding-top: 30.208vw; }
  .expandMore a { width: 14.844vw; height: 2.448vw; font-size: 0.781vw; }
  .expandMore a i { width: 0.573vw; height: 0.573vw; margin-left: 1.823vw; }
  .expandMore a::after { -webkit-border-radius: 2.083vw; border-radius: 2.083vw; }
  .expandMore a::before { -webkit-border-radius: 2.083vw; border-radius: 2.083vw; }
  @keyframes moreArrow { 0% { background-position: 0vw 0vw; }
    100% { background-position: 0vw 1.146vw; } }
  @-webkit-keyframes moreArrow { 0% { background-position: 0vw 0vw; }
    100% { background-position: 0vw 1.146vw; } }
  /*--案例详情--*/
  .caseDetailMain { padding: 6.688vw 0vw 1.208vw; }
  .caseDetailMain .caseDetailLogo img { width: 80%; max-width: 58.75vw; }
  .caseDetailMain .caseDetailBox { margin-top: -4.427vw; }
  .caseDetailMain .caseDetailContent { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 1.042vw 4.771vw 0vw 0vw; }
  .caseDetailMain .caseDetailContent .title { font-size: 1.676vw; line-height: 2.813vw; }
  .caseDetailMain .caseDetailContent .subTitle { padding-top: 1.042vw; font-size: 1.042vw; }
  .caseDetailMain .caseDetailContent .desc { padding-top: 0.521vw; font-size: 0.938vw; line-height: 1.406vw; }
  .caseDetailMain .caseDetailContent .caseDetailList { margin: 0vw -0.26vw; padding-top: 1.823vw; }
  .caseDetailMain .caseDetailContent .caseDetailList .list { width: -webkit-calc(33.333% - 0.521vw); width: calc(33.333% - 0.521vw); margin: 0vw 0.26vw ; padding: 1vw 0.26vw; }
  .caseDetailMain .caseDetailContent .caseDetailList .list .icon { width: 2.823vw; height: 2.823vw; }
  .caseDetailMain .caseDetailContent .caseDetailList .list .icon img { width: 2.823vw; height: 2.823vw; }
  .caseDetailMain .caseDetailContent .caseDetailList .list .listTitle { font-size: 1.042vw; margin-top: 1.042vw; }
  .caseDetailMain .caseDetailContent .caseDetailList .list .text { font-size: 0.833vw; }
  .caseDetailMain .caseDetailImgBox { width: 36.198vw;margin-top: 6vw; }
  .caseDetailMain .caseDetailImgBox .caseDetailImg { right: 2.083vw; top: 2.583vw; }
  .caseDetailMain .caseDetailImgBox .caseDetailImg .swiper-slide { padding-top: 28.229vw; }
  .caseDetailMain .caseDetailImgBox .caseDetailImgPage { bottom: 1.042vw; }
  .caseDetailMain .caseDetailImgBox .caseDetailImgPage span { width: 0.521vw; height: 0.521vw; margin: 0vw 0.208vw; }
  .caseRelatedMain { padding: 4.688vw 0vw 4.688vw; }
  .caseRelatedTitleBox .title { padding: 0.156vw 0vw 0.625vw 0.885vw; font-size: 2.865vw; background-size: 2.917vw; }
  .caseRelatedTitleBox .more a { padding: 0vw 1.563vw; width: 12.135vw; -webkit-border-radius: 2.969vw; border-radius: 2.969vw; height: 2.969vw; font-size: 0.729vw; }
  .caseRelatedTitleBox .more a i { font-size: 0.833vw; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); font-weight: 300; font-size: 0.938vw; }
  .caseRelatedTitleBox .more a::after { width: 0.729vw; height: 10.417vw; left: -2.604vw; top: -4.167vw; }
  .caseRelatedMain .caseRelated { margin-top: 3.125vw; padding-left: 1px; }
  .caseRelatedMain .caseRelated .swiper-slide { width: -webkit-calc(33.333% + 1px); width: calc(33.333% + 1px); margin-left: -1px; }
  .caseRelatedMain .caseRelated .swiper-slide a { padding: 1.823vw 0vw 2.344vw; }
  .caseRelatedMain .caseRelated .swiper-slide .imgBox img { height: 15.625vw; }
  .caseRelatedMain .caseRelated .swiper-slide .listTitle { font-size: 1.25vw; padding: 1.302vw 1.563vw 0vw; }
  .caseRelatedMain .caseRelated .swiper-slide .desc { padding-top: 0.521vw; font-size: 0.729vw; }
  .caseRelatedMain .caseRelated .swiper-slide .more { margin: 1.823vw auto 0vw; padding: 0vw 1.042vw; width: 7.552vw; -webkit-border-radius: 2.344vw; border-radius: 2.344vw; height: 2.344vw; font-size: 0.729vw; }
  .caseRelatedMain .caseRelated .swiper-slide .more i { font-size: 0.833vw; }
  .caseRelatedMain .caseRelated .swiper-slide .more::after { width: 0.729vw; height: 10.417vw; left: -2.604vw; top: -4.167vw; }
  .caseRelatedMain .caseRelatedPage { padding-top: 1.563vw; }
  .caseRelatedMain .caseRelatedPage span { width: 0.521vw; height: 0.521vw; margin: 0vw 0.208vw; } }