@charset "utf-8";

/* Default wide-screen styles */
@media all and (max-width: 1600px) {
   
/* styles for narrow desktop browsers and iPad landscape */
}

@media all and (max-width: 1300px) {
 /* 栏目容器留白由 app.css 的 clamp(20px, 5vw, 50px) 统一控制，确保与头部 / 底部对齐 */
}


@media all and (max-width: 1200px) {

}
@media all and (max-width: 1100px) {

}

@media all and (max-width: 1000px) {

}

@media all and (max-width: 990px) {
.index_header .logo{margin-top: .3rem; margin-left: .3rem;}
.index-history{display: none;}
.skip-button{ right: .2rem; top: .3rem;}
.index-banner .swiper-slide{padding-top:2.5rem;}
.index-banner .swiper-slide .title{font-size: .6rem; padding-left:0;}
.index-banner .swiper-slide .sub-title{margin-top: .3rem; font-size: .3rem;  padding-left:0; line-height: .6rem;}
.index-banner .swiper-slide .img_sen{margin: .6rem .4rem;}

.header-container{padding-top: .2rem; padding-bottom: .2rem;}
.header-container .logo{ flex: 1; margin-left: .3rem;}
.header-container .logo img{height: .7rem;}
.nabbtn span{ display:block; width:.55rem; height:.06rem; background:#fff;border-radius: 2px; transition: all 0.5s ease 0s;position: absolute; top:0;}
.nabbtn span:nth-child(2) { top:.2rem;}
.nabbtn span:nth-child(3) { top:.4rem;}

.nabbtn.active span:nth-child(1) {transform: translateY(.18rem) rotate(45deg);transition: all 0.5s ease 0s;}
.nabbtn.active span:nth-child(2) { display:none;}
.nabbtn.active span:nth-child(3) { transform: translateY(-.2rem) rotate(-45deg); transition: all 0.5s ease 0s;}
.header.active .header-container .nabbtn span{background-color: #555;}
.header-container .nav{display:none; position:fixed; text-align: center; right: 0; top:1.11rem; border-top: 1px solid #ddd; left: 0; bottom: 0; padding-top:.6rem; background-color:#fff;}
.header-container .nav ul{display: block; margin: 0; line-height:1.2rem;}
.header-container .nav a{color:#333; border-bottom: 1px solid #ddd; margin: 0 .3rem;}
.header .button-group{margin-right:1.4rem; }
.header .button-group .btn{line-height: .6rem; padding: 0 .4rem; font-size: .26rem;}
.header-container .nabbtn {display: block; position:absolute; right: .3rem; top:.32rem; width: .6rem; height: .6rem;cursor:pointer;}
.header-height{height: 1rem;}
.fonter-contact .page-container{display:block; text-align: center;}
.fonter-contact .code{display: block; text-align: center; margin-top: .4rem;}
.fonter-contact .code .text{text-align: center;}
.fonter-contact .code .img{width: 2.2rem; margin:.4rem auto 0;}

.home-banner{height: 5.2rem;}
.serve-container{padding-bottom: .4rem; padding-top: .4rem;}
.serve-container .col-header {padding:0 .2rem;}
.serve-container .col-header .name{display: block; }
.serve-container .col-header .name .ch{font-size: .46rem; display: block;}
.serve-container .col-header .name .en{font-size: .2rem;}
.serve-container .col-header .tel i img{width:.7rem;}
.serve-container .col-header .tel p{font-size: .26rem;}
.serve-container .col-header .tel h3{font-size: .4rem;}

.serve-container .col-content{margin-top:.2rem;}
.serve-container .col-content .group{padding: .15rem; margin: 0;}
.serve-container .col-content .group .item{width: 50%;}
.serve-container .col-content .group .item .item-main{margin: .05rem;}

.col-banner{height: 4rem;}
.product-head{width: auto;}
.product-content{padding-left: .2rem; padding-right: .2rem;}
.item-tr .item-ranking{width: 1rem;}
.item-tr .item-detail{width: 1rem;}
.item-tr .item-bind span{font-size: .28rem;}
.item-tr .item-bind div{width: 1rem;}
.product-list{padding-bottom: 1rem;}

.about-container{display: block; padding-top:0rem; padding-bottom: 0;}
.aside-meun{position: relative; z-index: 30; width: auto; margin: 0; border-radius: .16rem;}
/* 移动端栏目子菜单：收起时只显示当前页面名称，点击后悬浮展开，不撑开页面 */
.aside-meun .meun-toggle{display: flex; width: 100%; align-items: center; justify-content: space-between; gap: .2rem; padding: .26rem .3rem; font-family: inherit; font-size: .3rem; font-weight: 600; line-height: 1.4; color: #014DB2; text-align: left; background-color: #EAF1FB; border: 0; border-radius: .16rem; cursor: pointer;}
.aside-meun .meun-toggle__caret{flex: none; width: .12rem; height: .12rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-.06rem) rotate(45deg); transition: transform .2s ease;}
.aside-meun.open .meun-toggle__caret{transform: translateY(.06rem) rotate(-135deg);}
.aside-meun .meun-list{display: none; position: absolute; top: calc(100% + .12rem); left: 0; right: 0; z-index: 40; max-height: 60vh; overflow-y: auto; -webkit-overflow-scrolling: touch; background-color: #fff; border-radius: .16rem; box-shadow: 0 .24rem .6rem -.2rem rgba(10, 22, 40, .3);}
.aside-meun.open .meun-list{display: block; animation: meunDrop .16s ease-out;}
@keyframes meunDrop{from{opacity: 0; transform: translateY(-.08rem);}to{opacity: 1; transform: none;}}
.aside-meun .meun-item{float: none; width: auto; padding: .24rem .3rem; font-size: .28rem; background-color: #fff;}
.aside-meun .meun-item+.meun-item{border-top: 1px solid #F4F5F7;}
.about-container .col-main{margin-top: .4rem;}
.about-container .about-content{padding: .3rem;}
.links-content{padding: .5rem .2rem;}
.links-content li{width: 50%;}
.links-content li a{margin: .1rem;}

.contact-container{padding:0; margin-bottom: 0;}
.contact-wrap{display: block; padding: 1rem .4rem 0;}
.contact-container .message{width: auto; margin-left: -2%; margin-top: .6rem;}
#dituContent{height: 6rem !important; }

.lot-col-container{padding: .8rem 0;}
.lot-col-container .col-head .name{font-size: .4rem; background-size: auto 50%,auto 50%; padding: 0 1.6rem;}
.subname{margin-top: .4rem; font-size: .28rem; padding: 0 .4rem; line-height: .5rem;}
.lot-room .col-imgs,.lot-campus .col-imgs,.lot-work .col-imgs,.lot-fire .col-imgs{margin-top: 1rem; padding: 0 .3rem;}
.lot-room .col-advantage, .lot-work .col-advantage, .lot-fire .col-advantage,.lot-campus .col-advantage{margin-top: .8rem;}
.lot-room .col-advantage .main, .lot-work .col-advantage .main{margin-top: .4rem;}

.lot-room .col-advantage .main .group, .lot-work .col-advantage .main .group,.lot-campus .col-advantage .main .group{flex-wrap: wrap; }
.lot-room .col-advantage .main .group .item{flex: 0 0 3rem; height: 3rem; margin:.2rem; padding:.4rem .4rem ;box-sizing:border-box;}

.lot-campus .col-advantage .main{background-size: 100% auto;}
.lot-campus .col-advantage .main .group{width:100%; align-items: center; box-sizing: border-box; height: auto; padding:0  .3rem 1.6rem;}
.lot-campus .col-advantage .main .group .item:nth-child(1),
.lot-campus .col-advantage .main .group .item:nth-child(2),
.lot-campus .col-advantage .main .group .item:nth-child(3),
.lot-campus .col-advantage .main .group .item:nth-child(4)
{flex: 0 0 50%; margin: 0; height:1.4rem;}
.lot-campus .col-advantage .main .group .item h5{font-size: .5rem;}

.lot-work .col-advantage .main .group{width: 100%; box-sizing: border-box; padding-left: .1rem; padding-right: .1rem;}
.lot-work .col-advantage .main .group .item{width:1.4rem; height: 2.8rem; margin:0 0 .3rem;}
.lot-work .col-advantage .main .group .item h5{font-size: .5rem;}
.lot-work .col-advantage .main .group .item h5{margin-top: .7rem;}
.lot-fire .col-advantage .main .group{display: block; margin-top: .6rem;}
.lot-fire .col-advantage .main .group .item{width:initial; box-sizing: border-box; margin:0 .3rem .3rem;}

.tv-col-container,.marketing-col-container,.data-col-container{padding: .8rem 0;}
.tv-col-container .col-head .name,.marketing-col-container .col-head .name{font-size: .4rem; letter-spacing: 0; padding: 0 1.8rem;}
.tv-col-container .subname,.marketing-col-container .subname{font-size: .26rem; margin:.3rem 0 0;}
.tv-col-container .col-head+.col-content{margin-top: .8rem;}
.tv-col-container .col-imgs,.marketing-col-container .col-content .col-imgs{margin: .6rem .3rem 0;}
.tv-col-container .col-title{font-size: .4rem; letter-spacing: initial;}

.marketing-col-container .col-head+.col-content{margin-top: 0;}
.marketing-col-container .col-content{display: block;}
.marketing-col-container .col-content .col-txt{width: auto;}
.marketing-col-container .col-content .col-txt .col-subtitle{text-align: center;}
.marketing-col-container .col-content .col-txt .col-title{text-align: center;}
.col-info{padding-left: .3rem; padding-right: .3rem; text-align: center;}
.data-col-container .col-content{display: block; padding-left: .3rem; padding-right: .3rem;}
.data-col-container .col-imgs{width: initial;}
.data-col-container .col-text{width: initial; margin: 0;}
.data-col-container .col-imgs+.col-text{margin: .4rem 0 0;}
.data-col-container .col-imgs+.col-text{margin: .4rem 0 0;}
.data-col-container .col-text+.col-imgs{margin:.4rem 0 0;}
.data-col-container .col-text h3{font-size: .36rem; margin-bottom: .2rem;}
}

@media all and (max-width: 900px) {}
@media all and (max-width: 880px) {}
@media all and (max-width: 860px) {}   
@media all and (max-width: 840px) {}
@media all and (max-width: 820px) {}

@media all and (max-width: 800px) {
    
}

@media all and (max-width: 700px) {
 
 
}

@media all and (max-width:650px) {

}


@media all and (max-width:640px) {
  
}

@media all and (max-width:600px) {
}

@media all and (max-width:580px) {
  
}

@media all and (max-width:570px) {
}

@media all and (max-width:500px) {
} 

@media all and (max-width:450px) {
}

@media all and (max-width:420px) {
}

@media all and (max-width:400px) {
}

@media all and (max-width: 320px) {
  
}