@charset "UTF-8";
@font-face {
  font-family: "iconfont"; /* Project id 2638571 */
  src: url('../images/font_2638571_0swu1aqc51p8.woff2?t=1633750727736') format('woff2'),
       url('../images/font_2638571_0swu1aqc51p8.woff?t=1633750727736') format('woff'),
       url('../images/font_2638571_0swu1aqc51p8.ttf?t=1633750727736') format('truetype');
}
@media only screen and (max-width: 3100px) {
  html {
    font-size: 30px;
  }
}
@media only screen and (max-width: 2560px) {
  html {
    font-size: 28px;
  }
}
@media only screen and (max-width: 1920px) {
  html {
    font-size: 22px;
  }
}
@media only screen and (max-width: 1440px) {
  html {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1366px) {
  html {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1024px) {
  html {
    font-size: 16px;
  }
}
body {
    font-size: 16px;
  }
.ny-banner{width:100%;height:540px;position:relative;transition:all ease .5s}
.ny-banner .img{width:100%;height:100%;position:absolute;overflow:hidden;left:0;top:0}
.ny-banner .img img{max-width:initial;width:auto;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.fx{display:flex}
.ac{align-items:center}
.jsb{justify-content:space-between}
.jsa{justify-content:space-around}
.fc{flex-direction:column}
.jcc{justify-content:center}
.fw{flex-wrap:wrap}
.main-center{max-width:63.64rem;margin:0 auto}
.com-title{text-align:center;padding:3.64rem 0 3.82rem}
.com-title h3{position:relative;font-size:1.64rem;color:#000000;z-index:2}
.com-title h3::after{content:'';position:absolute;left:50%;bottom:-0.64rem;transform:translateX(-50%);width:2.73rem;height:0.09rem;background-color:#0096a3}
.com-title h3 p{position:absolute;left:50%;top:0.91rem;transform:translateX(-50%);color:rgba(153,153,153,0.15);z-index:1}
.m-tab #m-container .active a{color:#0096a3}
.applycation .apply-container .pic{width:47%;height:15.45rem;overflow:hidden;background-color:#f0f0f0}
.applycation .apply-container .pic img{transition:all 0.3s ease}
.applycation .apply-container .pic:hover img{transform:scale(1.04)}
.applycation .apply-container .apply-txt{width:50%;margin-left:3%}
.applycation .apply-container .apply-txt h4{position:relative;font-size:1.09rem;margin-bottom:2.73rem}
.applycation .apply-container .apply-txt h4::after{content:'';position:absolute;left:0;bottom:-1.36rem;width:4.55rem;height:0.05rem;background-color:#0096a3}
.applycation .apply-container .apply-txt .mb-pic{display:none;width:100%;height:12.5rem;margin-bottom:1rem}
.applycation .apply-container .apply-txt p{line-height:1.64rem}
.applycation .apply-container .apply-txt .zx{display:block;width:6.82rem;height:1.82rem;text-align:center;line-height:1.82rem;color:#0096a3;border:0.05rem solid #0096a3;margin-top:1.36rem}
.applycation .apply-container .apply-txt .zx:hover{background-color:#0096a3;color:#fff}
.architrcture{background:url(../images/pro-AlphaMind-cpjg-bg@3x.png) no-repeat center;background-size:cover;margin-top:3.64rem;padding-bottom:3.64rem}
.architrcture .com-title h3{color:#fff}
.architrcture .pic img{image-rendering:-webkit-optimize-contrast}
.advantage .ad-items{flex-wrap:wrap;justify-content:space-around}
.advantage .ad-items .ad-item{width:32%;margin-bottom:0.91rem;padding:1.36rem 1.14rem;box-shadow:0rem 0.36rem 0.73rem 0rem rgba(0,150,163,0.05);text-align:center}
.advantage .ad-items .ad-item:last-child{margin-right:0}
.advantage .ad-items .ad-item .pic{width:4.55rem;height:4.55rem;margin:0 auto}
.advantage .ad-items .ad-item .pic img{object-fit:contain}
.advantage .ad-items .ad-item .pic .hover-ad-pic{display:none}
.advantage .ad-items .ad-item .ad-txt{padding-top:1.36rem}
.advantage .ad-items .ad-item .ad-txt .ad-t{position:relative;margin-bottom:1.82rem}
.advantage .ad-items .ad-item .ad-txt .ad-t::after{content:'';position:absolute;left:50%;bottom:-0.68rem;transform:translateX(-50%);width:3.64rem;height:0.09rem;background-color:#0096a3}
.advantage .ad-items .ad-item .ad-txt .ad-t h3{font-size:1.09rem;margin-bottom:0.68rem}
.advantage .ad-items .ad-item .ad-txt .ad-t span{font-size:0.73rem}
.advantage .ad-items .ad-item .ad-txt p{line-height:1.36rem}
.advantage .ad-items .ad-item:hover .ad-pic{display:none}
.advantage .ad-items .ad-item:hover .hover-ad-pic{display:block}
.advantage .nowrap-service-item{flex-wrap:nowrap}
.advantage .nowrap-service-item .ad-item{flex:1;margin-right:0.91rem}
.advantage .five-service-item .ad-item{width:32%}
.advantage .five-service-item .ad-item:nth-child(4),.advantage .five-service-item .ad-item:nth-child(5){width:48%}
.advantage .seven-service-item .ad-item{width:24%}
.advantage .seven-service-item .ad-item:nth-child(5),.advantage .seven-service-item .ad-item:nth-child(6),.advantage .seven-service-item .ad-item:nth-child(7){width:32%}
.value{background:url(../images/pro-value-bg@3x.png) no-repeat center;background-size:cover;margin-top:3.64rem}
.value .com-title{border-bottom:0.05rem solid rgba(255,255,255,0.1)}
.value .com-title h3{color:#fff}
.value .value-container{height:22.73rem}
.value .value-container .item{flex:1;height:100%;border-right:0.05rem solid rgba(255,255,255,0.3);padding:5% 1.14rem;transition:all 0.3s}
.value .value-container .item .num-pre{color:#ffffff;font-size:1.82rem;margin-bottom:1.18rem;display:none;transition:all 0.3s}
.value .value-container .item .num-pre em{font-size:0.73rem;font-style:normal;color:#ffffff;margin-left:0.23rem}
.value .value-container .item .info{position:relative;margin-bottom:6.5rem}
.value .value-container .item .info::after{content:'\e613';position:absolute;left:50%;bottom:-1.77rem;transform:translateX(-50%);font-family:'iconfont' !important;font-size:0.73rem;color:#fff;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.value .value-container .item .info p{height:2.73rem;overflow:hidden;text-align:center;color:#fff;line-height:1.36rem}
.value .value-container .item .num-next{font-size:3.64rem;font-weight:bold;color:rgba(255,255,255,0.1);transition:all 0.3s}
.value .value-container .item:hover{flex:2;align-items:flex-start;transition:all 0.3s}
.value .value-container .item:hover .num-pre{display:block;transition:all 0.3s}
.value .value-container .item:hover .info{margin-bottom:0}
.value .value-container .item:hover .info::after{font-size:0}
.value .value-container .item:hover .info p{height:auto;text-align:left}
.value .value-container .item:hover .num-next{display:none;transition:all 0.3s}







@media(min-width:1921px){
.ny-banner .img img{max-width:none;width:100%}
}
.ny-banner .boxs{position:relative;max-width:1600px;height:100%;z-index:2;margin:auto;color:#fff}
.ny-banner .boxs.n1{padding-top:275px;letter-spacing:2px;transition:all ease .5s}
.ny-banner .boxs.n1 .t1{font-size:36px;font-weight:bold;line-height:1}
.ny-banner .boxs.n1 .t2{font-size:16px;line-height:30px;margin-top:12px}
.ny-banner .boxs.n2 .box{width:100%;padding-bottom:76px;position:absolute;left:0;bottom:60px}
.ny-banner .boxs.n2 .box .t1{font-size:30px;line-height:30px;font-weight:bold;color:#fff}
.ny-banner .boxs.n2 .box .t2{width:70%;font-size:14px;line-height:24px;color:#fff;margin-top:14px}
.ny-banner .boxs .breadcrumbs{position:absolute;left:0;bottom:0;line-height:60px;font-size:14px;color:#7e7e7e;letter-spacing:2px;padding-left:25px;background:url(../images/icon23.png) left center no-repeat}
.ny-banner .boxs .breadcrumbs a{color:#7e7e7e;transition:all ease .3s}
.ny-banner .boxs .breadcrumbs a:hover{color:#fff}
.ny-banner .boxs .breadcrumbs span{color:#fff}
.ny-banner .nb-menu{position:absolute;left:0;bottom:0;width:100%;height:60px;background:rgba(0,0,0,.25)}
.ny-banner .nb-menu ul{max-width:1600px;margin:auto;padding-top:13px;position:relative;z-index:5}
.ny-banner .nb-menu ul li{float:left;margin-right:3px}
.ny-banner .nb-menu ul li a{font-size:14px;color:#fff;line-height:35px;padding:0 20px;display:block;transition:all ease .3s;border-radius:15px}
.ny-banner .nb-menu ul li:hover a{color:#222;background:#fff}
.ny-banner .nb-menu ul li.on a{color:#222;background:#fff}
.ny-banner .label-box{position:absolute;right:0;bottom:146px}
.ny-banner .label-box a{display:inline-block;border:1px solid #fff;border-radius:50%;margin-left:22px}
.ny-banner .label-box a:first-child{margin-left:0}
.ny-banner .label-box a.on{border:1px solid #21abd7;background:#21abd7}

@media(max-width:1660px){
.ny-banner .boxs{margin:0 30px}
.ny-banner .nb-menu{padding-left:30px}
.case .box{padding:0 30px 80px}
}
@media(max-width:1370px){
.ny-banner{height:380px}
.ny-banner .boxs.n1{padding-top:193px}
}
@media(max-width:1200px){
.ny-banner .boxs.n2 .box .t2{padding:10px;line-height:30px}
.ny-banner .boxs.n1 .t1{font-size:36px}
.ny-banner .boxs .breadcrumbs{display:none}
.case-list li{width:32%;margin-right:2%}
.case-list li:nth-child(4n){margin-right:2%}
.case-list li:nth-child(3n){margin-right:0}
.case-list li:nth-child(4n+1){clear:none}
}
@media(max-width:900px){
.ny-banner .boxs.n1 .t1{font-size:24px}
.case-list li{width:48%;margin-right:4%}
.case-list li:nth-child(3n){margin-right:4%}
.case-list li:nth-child(2n){margin-right:0}
.ny-banner .boxs.n2 .box .t1{font-size:24px}
.ny-banner .boxs.n2 .box .t2{width:100%;line-height:24px;padding:0}
.ny-banner .label-box{left:0;bottom:70px}
.ny-banner .label-box a{width:45px}
.ny-banner .label-box a{margin-left:12px}
.case .box{padding:0 30px 50px}
.case-info{padding-top:40px}
.case-info .txt-box{padding:50px 30px 44px}
.other-case .list li .t4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ny-banner .nb-menu{height:50px;padding-left:15px}
.ny-banner .nb-menu ul li a{line-height:25px;padding:0 10px}
}
@media(max-width:767px){
.ny-banner .boxs.n1{padding-top:150px}
.ny-banner .boxs.n1 .t1{font-size:20px}
.ny-banner .boxs.n1 .t2{font-size:14px;line-height:20px;margin-top:20px}
.ny-banner .boxs.n2 .box{padding-bottom:60px}
.ny-banner .boxs.n2 .box .t1{font-size:18px}
.ny-banner .boxs.n2 .box .t2{font-size:12px;line-height:20px}
.ny-banner .label-box a{width:35px}
.case-list li,.case-list li:nth-child(3n){width:100%;margin-right:0}
.page-list a{width:30px;height:30px;line-height:28px}
.case .box{padding:0 20px 50px}
.case-info{padding-top:30px;margin-top:-40px}
.case-info .txt-box{padding:30px 10px 30px}
.case-info .txt-box .t2{font-size:12px;line-height:20px}
.case-info .txt-box .t3{font-size:12px;line-height:16px;margin-top:10px}
.other-case{display:none}
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  header .header-pc .logo .w3x {
    display: block;
  }
  header .header-pc .logo .w1920 {
    display: none;
  }
}
@media only screen and (max-width: 1680px) {
  .main-center {
    width: 68.2rem;
  }
}
@media only screen and (max-width: 1440px) {
  .main-center {
    width: 66rem;
  }

}
@media only screen and (max-width: 1280px) {
  .main-center {
    width: 55.6rem;
  }

}
@media only screen and (max-width: 768px) {
  .main-center {
    width: 100%;
  }
  .w-body {
    padding: 0 10px;
  }
  .com-title {
    padding: 3.55rem 0 3.68rem;
  }
  .com-title h3 p {
    font-size: 1.2rem;
    white-space: nowrap;
  }
  
  

  .applycation .pic {
    display: none;
  }
  .applycation .apply-txt {
    width: 100% !important;
    margin-left: 0 !important;
  }
  .applycation .apply-txt .mb-pic {
    display: block !important;
  }
  .advantage .ad-items .ad-item {
    width: 100% !important;
    display: flex;
    align-items: center;
  }
  .advantage .ad-items .ad-item .pic .ad-pic {
    display: none;
  }
  .advantage .ad-items .ad-item .pic .hover-ad-pic {
    display: block;
  }
  .advantage .ad-items .ad-item .ad-txt {
    width: calc(100% - 4.55rem);
    padding-left: 0.91rem;
    padding-top: 0;
  }
  .advantage .nowrap-service-item {
    flex-direction: column;
  }
  .value .value-container {
    height: auto;
    flex-direction: column;
  }
  .value .value-container .item {
    width: 100%;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: flex-end;
    border-right: 0;
    border-bottom: 0.05rem solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s;
  }
  .value .value-container .item .info {
    margin-bottom: 0;
  }
  .value .value-container .item .info::after {
    font-size: 0;
  }
  .value .value-container .item .info p {
    text-align: left;
  }
  .value .value-container .item .num-next {
    font-size: 1.64rem;
    margin-right: 0.91rem;
  }
  .value .value-container .item:hover {
    flex-direction: column;
    transition: all 0.3s;
  }
  
}