.tips-container{ }
.tips-container .w{ padding:80px 7% 0 7%; margin-top: 96px; }
.tips-content .small2 span{ background-color: #fff; }
.tips-container .small2 span{ padding-left: 10px; }
.tips-container .info-list{ margin-top: 60px; }
.tips-container .info-list li{ margin-bottom: 36px; line-height: 2; }
.tips-container .info-list .num{ align-items: center; width: 170px; height: 56px;} 
.tips-container .info-list .num:after{ content: ""; display: inline-block; width: 105px; height: 1px; background-color: #98583e; }
.tips-container .info-list .right{ width: 83%;  }
.tips-container .info-list2 { padding-bottom:120px; }
.tips-container .info-list2 .small span{ padding:0 0 0 60px; }
.tips-container .info-list2 .left{ width: 380px; }
.tips-container .info-list2 .right{ border-top:1px solid #c3c4c5; width: 75%; }
.tips-container .info-list2 .right > li{ border-bottom:1px solid #c3c4c5; padding:24px 0;}
.tips-container .info-list2 .right li div p{ margin-top: 10px; font-weight: 300}
.tips-container .info-list2 .right li div ol { margin-top: 10px; }
.tips-container .info-list2 .right li div ol li{ list-style-type:decimal; list-style-position:inside; }
.tips-container .info-list2 .right li div ol li::marker{ display: inline-block; color:#0e1c39; font-weight: 300; }
.tips-container .info-list2 .right li div ol li p{ display: inline-block; margin-top:0; vertical-align: top; width: 95%;}

.service-content .right{ width: 47%; margin-right: 10%; }
.service-content .right li{text-transform: capitalize; position: relative; vertical-align: middle; width: 272px; height: 272px; padding: 95px 0 95px; }

.spin::before, .spin::after {box-sizing: border-box;content: '';position: absolute;	width: 100%;	height: 100%;top: 0; left: 0;}
.spin::before { border: 6px solid #f9f5f4;}
.spin:hover::before { border-top-color: #98583e; border-right-color: #98583e;  border-bottom-color: #98583e; -webkit-transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
          transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.spin::after { border: 0 solid transparent;}
.spin:hover::after { border-top: 6px solid #98583e; border-left-width: 6px; border-right-width: 6px; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg);
  transform: rotate(270deg); -webkit-transition: -webkit-transform 0.4s linear 0s, border-left-width 0s linear 0.35s; transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;}
.circle {  border-radius: 100%;  box-shadow: none;}
.circle::before, .circle::after {  border-radius: 100%;}

.service-team{ margin-top: 200px; }
.service-team:before{ content: ""; width:100%; background-color: #253358; position: absolute; left: 0; bottom:0; height: 380px; }
.service-team li{ width: 30%; }
.service-team li .text:hover{ transform: translateY(-10%); }
.service-team li .text{ overflow: hidden; }
.service-team li .text img{ width: 100%; height: 100%; object-fit: cover; }
.service-team li .txt{ position: absolute; left: 0; bottom:0; width: 100%; height: 50%; background-image: linear-gradient(to top, rgba(0,0,0, .6) 5%, rgba(0,0,0,0) 80%); }
.service-team li .bt{ position: absolute; left: 0; bottom: 0; width: 100%; padding:24px; line-height: 2; border-bottom: 4px solid #98583e;}

.service-model{ padding:192px 0 97px 0; background: #253358 url(../images/service-model.jpg) no-repeat center bottom/ 100%;  }
.service-model .small{color:#fff; opacity: 0.2; margin-top: 5px;}
.service-model .content{ width: 50%; margin-top: 36px; }
.service-model .content p{ margin-top: 20px; }
.service-model .content .more{ letter-spacing: 6px; }
.service-model .content .icon-right{ border:1px solid #535772; color:#de8d6c; }

.service-after{ background: url(../images/service-bg.png) no-repeat center/100%; padding:96px 0; }
.service-after .c-top .right{ width: 40%; }
.service-after .dl{ margin-top: 96px; }
.service-after .list:before{ content: ""; display: block; width: 156px; height: 4px; background-color: #98583e; margin-bottom: 20px; }
.service-after .list{ width: 25% }
.service-after .dl dt{ margin-bottom: 25px; }
.service-after .dl dd:before{ content: "\e911"; font-family: "iconfont"; color:#98583e; padding-right:5px;}
.service-after .dl dd{ font-size: 15px; font-weight: 300; line-height: 2; display: flex;}
.service-after .dl dd{  }


.team2-container .list .head .img{ width: 196px; height: 196px; border-radius: 100%; overflow: hidden; }
.team2-container .list .head .img img{ width: 100%; height: 100%; object-fit: cover; object-position: top; }
.team2-container .list .head .left{ width: 66%; }
.team2-container .list .head .center{ width: 67%; margin-top: 21px; }
.team2-container .list .head .num{ font-style:oblique; margin-bottom: 10px;}
.team2-container .list .head .more{ letter-spacing: 6px; margin-top: 70px;  }
.team2-container .list .li{ border-bottom: 1px solid #eaebed; border-top: 9px solid #fafbfc; padding: 56px 0;}
.team2-container .list .li:first-child{ border-top: none; }
.team2-container .list .case li{width: 336px; height: 235px; overflow: hidden; margin: 56px 21px 0 21px;}
.team2-container .list .case li a{ display: block; width: 100%; height: 100%; overflow: hidden;}
.team2-container .list .case li img{ width: 100%; height: 100%; object-fit: cover; }

.quality-banner{ height: 34.6vw; overflow: hidden;}
.quality-banner h1{ position: absolute; top: 46%; width: 100%; }
.quality-container .quality{ margin-top: 1.3rem; }
.quality-container .info-list li{ position: relative; padding: 0.96rem 0 1.55rem 0; }
.quality-container .info-list li img{ position: relative; width: 66%;}
.quality-container .info-list li:before{ content: ""; position: absolute; left: 23%; top:34%; width: 300px; height: 300px; background: url(../images/bg-point.png) repeat center/27px;}

.quality-container .info-list .en{ opacity: .1; position: absolute; left: 55%; top:55px; text-transform: uppercase; width: 443px; line-height: 1 }
.quality-container .info-list .text:before{content: ""; display: block; position: absolute; top:0; left: 0%; box-shadow: -10px 10px 10px rgba(51,51,51,.5); width: 10%; height: 100%;}
.quality-container .info-list .text{position: absolute; background: #fff;  top:22.8%; left: 43%; padding:42px 56px 70px 56px; }
.quality-container .info-list .t1{ border-top: 2px solid #98583e; width: 132px; padding-top: 10px; margin-bottom:10px;}
.quality-container .info-list .pics{ position: absolute; bottom: 96px; right: 20%;  font-size: 0;}
.quality-container .info-list .pics .img{ width: 4.62rem; height: 2.68rem; margin-right: 0.42rem; display: inline-block;}
.quality-container .info-list li:nth-child(2n){ background: #fbf9f6; }
.quality-container .info-list li:nth-child(2n) .en{ left: 13%; }
.quality-container .info-list li:nth-child(2n) .big{ float: right; }
.quality-container .info-list li:nth-child(2n) .text{left: 10%; background-color: #fbf9f6 }
.quality-container .info-list li:nth-child(2n) .text:before{ left: auto; right: 0; box-shadow: 10px 10px 10px rgba(51,51,51,.5); } 
.quality-container .info-list li:nth-child(2n) .pics{ left: 5%; right: auto; }
.quality-container .info-list li:nth-child(2n+4) .pics{ bottom: 155px; }

.quality-container .brand{ background: url(../images/brand-bg.png) no-repeat center top; padding:96px 0; }
.quality-container .brand .en{ align-items: center; }
.quality-container .brand .en .font1{ margin: 0 0 76px 36px; padding-top: 30px; line-height: .5; color:#87a3cf; opacity: .2;}
.quality-container .brand ul{ flex-wrap: wrap;  }
.quality-container .brand li{ font-size: 0; display: inline-block; width: 14.285%; height: 7.66vw; margin-right:2.1vw; margin-bottom:2.1vw;}
.quality-container .brand li:nth-child(6n){ margin-right: 0; }


.work-banner .work-text{ position: absolute; top:41.7%; }
.work-banner .work-form{ margin-top: 185px; border-top: 4px solid #de8d6c; padding:32px 56px; background: #242f4e; }
.work-banner .work-form .left { width: 25%; }
.work-banner .work-form .form{ width: 70%; }
.work-banner .work-form .t1{ color:#87a3cf; }
.work-banner .work-form .input{ width: 40%; height: 54px; margin-right: 12px; font-size: 16px; padding: 12px 13px; border-radius: 4px; border: solid 1px #425174; background: none; }
.work-banner .work-form .submit{ margin-left:12px; width: 15%; }
.work-container .work-1{ margin-top: 200px; }
.work-container .work-1 .small{ padding-left: 14%; margin-top: -20px;}
.work-container .work-1 .span-bor{ margin-left: 3%; margin-top: 30px; }
.work-container .work-1 .bg{ background: url(../images/work-bg.jpg) no-repeat center 140px; padding-bottom: 132px; margin-top: 96px;}
.work-container .work-1 li{ width: 23%; }
.work-container .work-1 li:nth-child(even){ margin-top: 72px; }
.work-container .work-1 .txt{ margin-top: 25px; line-height: 2; }

.work-container .team{ margin-left: 10%; padding: 96px 0 96px 10%; }
.work-container .team .text .small{color:#a2a3a4;}
.work-container .team .right{ margin-left: 5%; }
.work-container .team .right .text{ position: absolute; bottom: 0; left: 0; width: 100%; padding:26px 32px; background-image: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0) 50%); }
.work-container .team .right .img{ width: 100%; height: 5.18rem; }
.work-container .team.designers .right .img{background-image: linear-gradient(45deg, #000000 60%, #3f3e45) }
.work-container .team .swiper-slide .text{ opacity: 0; }
.work-container .team .swiper-slide{ transform: scale(0.8); width: 4.14rem; }
.work-container .team .swiper-slide-active{ transform: scale(1.1); }
.work-container .team .swiper-slide-active .text{ opacity: 1; }

.work-container .teach{ padding:96px 0 133px 0; background: url(../images/bg-6.png) no-repeat center top; }
.work-container .teach .t-title{ width: 50%; margin:70px auto;}
.work-container .teach .t-title{ position: relative;  text-align: center;}
.work-container .teach .t-title:before{ content:""; position: absolute; left: 0;  top: 28px; width: 100%; border-bottom: 1px dashed #c3c4c5;}
.work-container .teach .t-title .bor{ display: block; margin:15px auto; border:1px solid transparent; width: 27px; height: 27px; padding:5px; border-radius: 50%; }
.work-container .teach .t-title .bor span{ display: block; width: 100%;  height: 100%; background: #a2a3a4; border-radius: 50%; }
.work-container .teach .t-title .swiper-slide{ cursor: pointer; }
.work-container .teach .t-title .swiper-slide-thumb-active .bor{ border:1px solid #f2ddd4; }
.work-container .teach .t-title .swiper-slide-thumb-active .bor span{ background: #de8d6c; }
.work-container .teach .txt{ position: absolute; width: 100%; bottom: 0; left: 0; padding:24px 32px; line-height: 2; }
.work-container .teach .con-swiepr .swiper-slide{ width: 9.0rem; height: 5.9rem; opacity: .5!important}
.work-container .teach .con-swiepr .swiper-slide-active{ opacity: 1!important; }
.work-container .teach .a-more{ margin-top: 96px; }

.aabout-content li { text-transform: capitalize; position: relative; vertical-align: middle; width: 306px; height: 306px; padding: 115px 0 95px; }
.aabout-content li:first-child{ padding-top: 80px; }
.aabout-content li p{ margin-top: 15px; }
.aabout-content { padding-bottom: 147px; }
.aabout-container .info{ background: #f0f1f2 url(../images/aabout-2.jpg) no-repeat left 500px; }
.aabout-container .info:before{ content: ""; position: absolute; width:100%; left: 0; top: 0; height: 312px; background: #fff; }
.aabout-container .info:after{  content: ""; position: absolute; width:100%; left: 0; top:1324px; height: 380px; background: #fff; }
.aabout-container .info-1{ background: url(../images/aabout-1.jpg) no-repeat left top; padding:133px 0; }
.aabout-container .info-1 .content p{ line-height: 2; width: 76%; font-weight: 300;}
.aabout-container .info-1 .content strong{ color:#de8d6c; font-weight: 600;}
.aabout-container .info-list{ padding: 134px 0 0 15%; }
.aabout-container .info-list .left{ width: 76%; position: relative; z-index: 10;}
.aabout-container .small{ color:#87a3cf; line-height: .8; }
.aabout-container .info-list .right{ width: 51.8%; position: relative;}
.aabout-container .info-list .right .yj-swiper{ z-index: 20; }
.aabout-container .info-list .right:after{ position: absolute; content: ""; width: 651px; height: 300px; background: url(../images/bg-point.png) center/27px; bottom: -10px; right: 28%; z-index: 10;}
.aabout-container .adv .right{ width: 45%; }
.aabout-container .adv .right li{ display: flex; justify-content: space-between; margin-bottom: 10px;}
.aabout-container .adv .right li span{  }
.aabout-container .adv .right li .txt {  width: 90%}
.aabout-container .adv .txt .font4{ font-weight: 600;}

.reason-bg{width: 100%; background:#fff url(../images/reason-bg.png) no-repeat left top; height: 105px; }
.reason{ background: #fbf9f6; padding: 1.0rem 0 1.32rem 0; }
.reason .en{ color:#87a3cf;  white-space: nowrap; line-height: .69;}
.why-bg{ background: url(../images/why-bg.png) no-repeat center; padding:120px 0 120px 0; line-height: 2; }
.why-bg >div{ width: 28%; }
.why-bg .center{ line-height: 1.2; padding-top: 60px;}
.why-bg .right{  }
.why-bg .row{ margin-top:25px; }
.num-tit span:first-child{ letter-spacing: -5px; }
.num-tit span:last-child{ position: relative; left: -33px }
.reason ol dt{ margin-bottom:30px; }
.reason ol dd{ margin-bottom: 25px; line-height: 1.95;}
.reason .li2{ padding-bottom: 30px; }
.reason .li2 .left{ width: 50%; position: relative; padding:30px 0 0 0; }
.reason .li2:after{content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -1.25rem; width: 6.51rem; height: 4.62rem; opacity: .3; background: url(../images/bg-point2.png) repeat center/27px; }
.reason .li2 .right{ position: absolute; right: 0; bottom: 0; padding:0 0 56px 72px; }
.reason .li3{ padding: 1.3rem 0 1.3rem 0; height: 5.82rem; margin-top: 1.63rem; }
.reason .li3 .right{ width: 440px; margin-right:10%;}
.reason .li3 .right .li{ flex-wrap: wrap; margin-top: 45px; }
.reason .li3 .right .li p{ width: 50%; margin-bottom:30px;}
.reason .li3 .right .li p:before{content: ""; display: inline-block; width: 56px; height: 1px; vertical-align: middle; margin-right: 10px;}

.a-index-box .a-index-banner{ height:34.84vw; }
.a-index-box .a-index-banner .text{ padding-top:10vw; left: 50%; }
.a-index-box .a-index-banner .text h1 p:before{ content: ""; display: inline-block; vertical-align: middle; width: 156px; height: 1px;  margin-right: 20px; background-color: #fff;}
.construction { padding-bottom: 96px; }
.construction .small{ line-height: .69; }
.cons-swiper li{  width: 588px; height: 411px;}
.cons-swiper li a{ height: 100%; }