@charset "UTF-8";

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

}
@media (min-width:1200px){

}
@media (min-width:767px) and (max-width:1200px){
    .wrapper{width: 100%;}

}
@media (min-width:767px) and (max-width:1024px){

}
@media screen and (max-width: 767px){
    .wrapper{width: 100%;}
    .header-top{display: none;}
    .header{position: relative;height: 70px;}
    .index-nav2{top:70px;}
    .main-nav{display: none;}
    .logo{margin-top: 18px;}
    .about-intro p{height: auto;}
    .about-intro a{margin: 20px auto 0;}
    .busi-list li{width: 100%;}
    .busi-icon{width: 80px;}
    .half-cv{display: none;}
    .busi-intro{width: calc(100% - 80px);padding-left: 15px;}
    .case-list{margin-left: 0;}
    .case-list li{float: none;margin: 0 auto 20px;}
    .adv-wrap p{font-size: 16px;margin-top: 20px;}
    .adv-wrap p span{font-size: 28px;}
    .news-list{margin-left: 0;}
    .news-list li{width: 100%;margin: 0 auto 30px;}
    .news-intro{padding-top: 0;}
    .news-date i{display: none;}
    .contact-l{width: 100%;}
    .contact-wrap{padding: 0 15px 40px;}
    .contact-r{margin-left: 0;width: 100%;}
    .ft-l{width: 100%;}
    .ft-c{width: 100%;}
    .ft-r{width: 100%;}
    .qr-box2{float: left;margin-left: 20px;}
    .in-banner{height: 180px;}
    .inner-tit{width: 140px;height: 110px;}
    .inner-tit>div{width: 102px;height: 70px;margin: 20px auto;line-height: 70px;font-size: 20px;}
    .child-nav li{width: 32.3333%;font-size: 16px;}
    .str-wrap ul li{width: 100%;margin-bottom: 10px;}
    .map-wrap{height: 150px;}
    .contact-wrap{margin-top: 0;}
    .detail-tit h3{line-height: 24px;}
    .detail-tit{padding: 20px 0;}
    .flip a.xia{ margin-top: 10px; float: left;}
    .hl-img{height: 200px;}
    .video-list li{float: none;margin: 0 auto 20px;}
    .str-wrap ul li div{font-size: 80px;}
    .adv-wrap{
        display: none;
    }
    .about-intro p{
    margin-top: 50px;
    line-height: 22px;
    color: #666;
    height: 234px;
    overflow-y: auto;
}
.ft-c,.ft-r{
    display: none;
}


.child-nav li{
    float: left;
    width: auto;
    height: 59px;
    line-height: 59px;
    text-align: center;
    font-size: 16px;
    margin-right: 1px;
   
}
.child-nav li a{
    display: block;
    width: 100%;
    height: 100%;
     padding: 0 5px;
}
.logo img{
    max-width: 70%;
}

.menu{
    width: 45px;
    height: 45px;
}



}
@media screen and (max-width: 360px){

}