@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: 80px;}
    .main-nav{display: none;}
    .logo{margin-top: 26px;}
    .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;}

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

}