/*iphone: w < 768px*/
@media screen and (max-width: 768px){
    .main-box{ width: 100%; box-sizing: border-box; padding: 16px;}
    /*导航*/
    .nav-box .logo{  padding:8px 0 8px 16px;  width: 25%}
    .appnav{ display: block}
    .navinfo{width: 160px; height: 100%; position: fixed; right:-160px;top:0; bottom: 0; z-index: 999; transition: all 0.3s; background-color: #f8f8f8}
    .navinfo>ul>li{ position:static; width: 100%; padding: 0!important; }
    .navinfo>ul>li>a{ padding: 16px 0; display: block }
    .naverj{ display: none; width: 100%; position:static; z-index: 999; background-color:#005e99; color: #ffffff }
    .naverj li{ padding:10px 16px; border-top: rgba(255,255,255,0.2) solid 1px;  }
    .naverj li:hover{ background-color: #ffffff; color: #00a7c0; font-weight: bolder}
    /*banner*/
    .banner-box{ height:200px; position: relative; overflow: hidden; width: 100%}
    .bannerslide img {width:100%; height: 200px; }
    .bannerpagess {top: 175px;text-align: center; left: 50%; margin-left: -40px; }
    /*热线*/
    .hot-line{display: none}

    /*公司简介*/
    .textcon{ width:100%; text-align: center}
    .textcon h4{transform: scale(0.6) }
    .about-box .imgbox{ display: none}

    .title-box{ overflow: auto; height: 70px; text-align: center; margin-bottom: 20px;}
    .title-box h2{ text-align: center}
    .title-box .more{ display: inline-block; position:static; margin-top: 8px;}
    .buslist ul li:nth-child(3),.buslist ul li:nth-child(6){margin-right: 2%}
    .buslist ul li{ width:46%; float: left; margin:8px 2%;}
    .buslist ul li a{height:70px;  padding-left:90px;}
    .buslist ul li a span{ display:inline-block; padding: 10px;box-sizing: border-box;height: 100%; width: 50%;}
    .buslist ul li a span img{ width: 80%}
    .buslist ul li a h3{ font-size:16px; margin-top: 12px; padding-right: 8px; }
    .buslist ul li a p{display:none}

    .bgbox span:nth-of-type(1),.hxbox span:nth-of-type(2){  display: none}
    .infobox .more{ margin-top: 12px;}
    .infobox p{font-size: 14px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;
-webkit-box-orient: vertical; }

    /*行业新闻*/
    .imgnews,.hotnews{ width:100%;}
    .news-box .hotnews  ul{ margin:16px;  }
    .newstext{ padding-left: 16px;}

    .hzlist{ height: 260px}
    .hzitem{width:210px!important; margin-right: 16px; }
    .hzitem a{ width:100%;}
    .hzitem img{ height: 180px;}
    .m-right .hotnews ul li a .newsdata{ padding: 12px 0}

    .footer-box .fl,.footer-box .fr{ float: none; text-align: center}
    .wxwz{ line-height: 30px;}
    .wximg{ width: 104px; height: 104px; display:block; margin: 0 auto}
    .wximg img{ width: 100%}
    .bqbox{ display: none}

    /*子页面*/
    .subbanner{ height: 160px;line-height: 160px;}
    .subbanner h2{font-size: 18px;text-align: center }
    .m-left{width: 100%}
    .m-left h2{ display: none}
    .munelist{ padding: 8px 0 8px 8px; box-sizing: border-box; background-color: #f8f8f8; display: block; overflow: hidden}
    .munelist a { background-color: #ffffff; width: 32%;box-sizing: border-box; text-align: center; padding: 6px 12px; float: left; display: inline-block; margin: 0 1.3% 1.3% 0;}
    .munelist a.current{margin: 0 1.3% 1.3% 0; text-align: center }
    .m-right{ width: 100%; box-sizing: border-box; padding: 12px;}
    .page{ text-align: center}
    .imgitem{ width: 48%;}
    .imgitem span{ height: 100px;}
    .maincon{ padding: 0!important;}
}
/*pad: w >= 768  && w< 992*/
@media screen and (max-width: 992px) and (min-width: 769px) {
    .main-box{ width: 100%; box-sizing: border-box; padding: 16px;}
    /*导航*/
    .nav-box .logo{  padding:8px 0 8px 16px;  width: 25%}
    .appnav{ display: block}
    .navinfo{width: 160px; height: 100%; position: fixed; right:-160px;top:0; bottom: 0; z-index: 999; transition: all 0.3s; background-color: #f8f8f8}
    .navinfo>ul>li{ position:static; width: 100%; padding: 0!important; }
    .navinfo>ul>li>a{ padding: 16px 0; display: block }
    .naverj{ display: none; width: 100%; position:static; z-index: 999; background-color:#005e99; color: #ffffff }
    .naverj li{ padding:10px 16px; border-top: rgba(255,255,255,0.2) solid 1px;  }
    .naverj li:hover{ background-color: #ffffff; color: #00a7c0; font-weight: bolder}

    /*banner*/
    .banner-box{ height:320px; position: relative; overflow: hidden; width: 100%}
    .bannerslide img {width:100%; height: 320px; }
    .bannerpagess {top: 290px;text-align: left;  }
    .hot-line{ width:27% }
    .hot-line span:nth-of-type(2){display: none}
    /*热线*/
    .hot-line{display: none}
    /*公司简介*/
    .textcon{ width:100%; text-align: center}
    .textcon h4{transform: scale(0.6) }
    .about-box .imgbox{display: none}

    .buslist ul li{ width:46%; float: left; margin:8px 2%;}
    .buslist ul li:nth-child(3),.buslist ul li:nth-child(6){margin-right: 2%}
    .bgbox span:nth-of-type(1),.hxbox span:nth-of-type(2){  display: none}
    .infobox p{ height: 60px;}
    .hzlist{ margin: 20px auto; height: 280px}
    .hzitem{width:220px!important; margin-right: 16px; }
    .hzitem a{ width:100%;}

    .infobox{ width: 48%; padding:1%;}

    .finfo>.fl:nth-child(1){ display: none}


    .m-left{width: 100%}
    .m-left h2{ display: none}
    .munelist{ padding: 8px 0 8px 8px; box-sizing: border-box; background-color: #f8f8f8; display: block; overflow: hidden}
    .munelist a { background-color: #ffffff; width: 32%;box-sizing: border-box; text-align: center; padding: 6px 12px; float: left; display: inline-block; margin: 0 1.3% 1.3% 0;}
    .munelist a.current{margin: 0 1.3% 1.3% 0; text-align: center }
    .m-right{ width: 100%; box-sizing: border-box; padding: 20px;}
    .m-right .hotnews  ul{ margin:0!important;}
    .page{ text-align: center}
    .imgitem{ width: 48%;}
    .maincon{ padding: 0!important;}
}
/*中等屏幕   w >= 992  && w<1200*/
@media screen and (max-width: 1200px) and (min-width: 993px) {
    .main-box{ width: 100%; box-sizing: border-box; padding: 16px;}
    .navinfo{ width: 85%}
    .nav-box{padding: 0!important;}
    /*banner*/
    .banner-box{ height:380px; position: relative; overflow: hidden; width: 100%}
    .bannerslide img {width:100%; height: 380px; }
    .bannerpagess {top: 350px;text-align: left;  }

    .hot-line{ width:27% }
    .hot-line span:nth-of-type(2){display: none}

    .hzlist{ margin: 20px auto; height: 280px}
    .hzitem{width:220px!important; margin-right: 16px; }
    .hzitem a{ width:100%;}

    .bgbox span:nth-of-type(1),.hxbox span:nth-of-type(2){  display: none}
    .about-box,.news-box,.business-box{ box-sizing: border-box; padding: 16px;}
    .lxfs{ padding-left: 20px;}
    .finfo>.fl:nth-child(1){ display: none}
    .wxbox{ margin-right: 16px;}
    .bqbox{ padding:8px 16px;}
}