@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) {
 .page-container{padding-left: 0; padding-right: 0;}
}


@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{width: auto; margin: 0;}
.aside-meun .meun-item{float: left; width:calc(50% - .6rem); }
.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) {
  
}