@media screen and (min-width:1200px){
    .hidden-l{display:none!important;}
    .navlogo img{ width:auto;}
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
    .mycontainer,.wrap{width: 96%!important;}
    .hidden-m{display:none!important;}
    .navtext>img{
        margin-right:2%;
    }
    .share a{
        width: 2.6vw;
        height: 2.6vw;
        margin-top: 1%;

    }
    .protext h3{
        font-size: 21px;
    }
    .protext p{
        font-size: 15px;
    }
    .protext small{
        height: 2.5vw;
        line-height: 2.5vw;
    }
    .productbg>a{
        height: 3.7vw;
        line-height: 3.7vw;
    }
    .adv_r ul li div{
        padding-top:52%;
    }
    .adv_r ul li div{
        font-size: 195px;
    }
    .text{
        width: 31.7vw;
    }
    .foticon a{
        font-size: 14px;
    }

    /*关于我们*/
    .bannertext{
        padding:29px;
    }
    .comintro{
        height: 32.8vw;
    }
    .intro_l a{
        width: 3.7vw;
        height: 3.7vw;
    }
    /*新闻动态*/
    .new_right li{
        width:100%;
    }
    .new_right li a div {
        width: 65%;
        margin-top: 3%;
    }
    .new_right li small{
        right: 5%;
        bottom:9%;
    }

    /*产品中心*/
    .z_pro_fl .swiper-button-next{
        right:2%;
    }
    .z_pro_fl .swiper-button-prev{
        left:2%;
    }
    .z_pro_fl .swiper-slide a{
        line-height: 55px;
    }
    .procontainer ul li h4{
        font-size: 19px;
    }
    .procontainer {
        padding: 3% 5%;
    }
    .procontainer ul li b{
        height:15vw;
    }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .mycontainer,.wrap{width: 96%!important;}
    .hidden-sm{display:none!important;}
    .protext h3{
        font-size: 18px;
    }
    .product li{
        height:21.3vw;
    }
    .protext p{
        font-size: 13px;
    }
    .protext small{
        font-size: 13px;
        height: 3.5vw;
        line-height:3.5vw;
        width: 100px;
    }
    .productbg>a {
        height: 3.7vw;
        line-height: 3.7vw;
        background: #181818;
        color: #fff;
        border: 4px solid #181818;
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.9);
    }

    .adv {
        height: 308px;
    }
    .adv_r ul{
        background:#fff;
    }
    .adv_r ul li div{
        height: 160px;
        padding-top:57%;
    }
    .adv_r ul li img{
        width:100%;
    }
    .text{
        width: 36.7vw;
    }
    .footer_t_l{
        width:100%;
    }
    .footer_t_m{
        width:100%;
    }
    .footer_t_r{
        width:100%;
    }
    /*关于我们*/

    .bannertext{
        padding: 14px;
    }
    .zcompany>h2{
        font-size:33px;
    }
    .zcompany>p{
        font-size: 15px;
    }

    .intro_l{
        width: 100%;
        box-sizing:border-box;
    }
    .intro_l a{
        width: 4.5vw;
        height: 4.5vw;
        margin-top: 2%;
    }
    .comintro {
        width: 100%;
        height: auto;
    }
    /*新闻动态*/
    .new_right li{
        width:100%;
    }
    .new_right li a div {
        width: 58%;
        margin-top: 3%;
    }
    .new_right li small{
        right: 5%;
        bottom:9%;
    }
    /*产品中心*/
    .z_pro_fl .swiper-button-next{
        right:2%;
    }
    .z_pro_fl .swiper-button-prev{
        left:2%;
    }
    .z_pro_fl .swiper-slide a{
        line-height: 55px;
    }

    .procontainer {
        padding: 3%;
    }
    .procontainer ul li h4{
        font-size: 17px;
    }
    .procontainer ul li{
        width: 32%;
    }
    .procontainer ul li:nth-child(3n){
        margin-right:0;
    }
    .procontainer ul li:nth-child(4n){
        margin-right: 1.2%;
    }
    .procontainer ul li b{
        height: 22vw;
    }
}
@media only screen and (max-width: 767px){
    .mycontainer,.wrap{width:94%!important}
    .hidden-xs{display:none!important}
    .navlogo{width:29.75%;padding-top:2%}
    .change{width:10.75%;margin-top:2.7%}
    .title h2{font-size:18px;top:26px}
    .title p{font-size:12px;margin-top:3%;margin-bottom:8%}
    .title h1{font-size:20px}

    .product li{
        width: 100%;
        height: 35.3vw;
    }
    .productbg{
        top: 0px;
        margin-top: 3%;
    }
    .protext h3{
        font-size: 15px;
    }
    .protext p{
        font-size:13px;
    }
    .protext small{
        width: 85px;
        height: 4.5vw;
        line-height: 4.5vw;
        font-size: 12px;
    }
    .productbg>a {
        height: 3.7vw;
        line-height: 3.7vw;
        background: #181818;
        font-size: 13px;
        color: #fff;
        border: 4px solid #181818;
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.9);
        margin-bottom: 9%;
    }
    .abouttext h1{
        margin-top:12vw;
    }
    .adv {
        height: 167px;
    }
    .about>img{
        margin-top: 3.3vw;
        height: 29vw;
    }
    .adv_l div a{
        font-size: 0.8vw;
        width: 15vw;
        height: 4vw;
        line-height: 4vw;
    }
    .adv_r ul li:first-child div {
        background: #fff url(../images/earth.png) no-repeat center 11%;
        background-size: 33%;
    }
    .adv_r ul li:nth-child(2) div {
        background: #fff url(../images/car.png) no-repeat center 11%;
        background-size: 33%;
    }
    .adv_r ul li:last-child div {
        background: #fff url(../images/time.png) no-repeat center 11%;
        background-size: 33%;
    }
    .adv_r ul li img{
        width:100%;
    }
    .adv_r ul li div{
        height:98px;
    }
    .adv_r ul li div h4{
        font-size:1.1vw;
    }
    .adv_r ul li div p{
        font-size:0.5vw;
    }
    .companybg{
        background: url(../images/companybg.jpg) no-repeat center top;
        background-size: 100%;
    }

    /*news*/
    .news ul li{
        width:100%;
    }
    .text{
        width:79%;
    }
    .text_tit div h5{
        font-size: 15px;
    }
    .text>p{
        font-size: 12px;
    }
    .news ul li a .date p{
        color: #fff;
        background: #059555;
    }
    .news ul li a .date h3 {
        color: #059555;
        background: #fff;
        font-size: 28px;
    }
    .news ul li a .text_tit>span {
        background: #059555;
    }
    .footer_t_l img{
        width:43%;
    }
    /*footer*/
    .footer_t_l{
        width:100%;
    }
    .footer_t_m{
        width:100%;
    }
    .footer_t_r{
        width:100%;
    }
    .foticon a{
        padding-left: 11%;
        font-size: 12px;
        margin-right: 3%;
        width: 19%;
    }
    .footer_bottom{
        height:39px;
        line-height: inherit;
    }

    /*关于我们*/
    .bannerloca{
        font-size:12px;
    }
    .bannertext{
        display: none;
    }
    .zcompany>h2{
        font-size:22px;
    }
    .zcompany>p{
        font-size: 12px;
    }

    .intro_l{
        width: 100%;
        box-sizing:border-box;
    }
    .intro_l a{
        width: 4.5vw;
        height: 4.5vw;
        margin-top: 2%;
    }
    .comintro {
        width: 100%;
        height: auto;
    }
    .intro_l img{
        width:100%;
    }
    #info {
        padding: 5% 0 8% 0;
    }

    .wrap{
        width: 94%;
    }
    /*招聘*/
    .job_tab span{
        width:32.4%;
        line-height: 35px;
        font-size: 14px;
    }
    .job_text li span{
        width:32.4%;
        font-size: 12px;
    }
    /*新闻动态*/
    .new_right li{
        width:100%;
    }
    .new_right li a div {
        width: 100%;
        margin-top: 3%;
    }
    .new_right li a img{
        width:100%;
    }
    .new_right li a h2{
        font-size: 16px;
    }
    .new_right li span{
        font-size: 12px;
        line-height: 22px;
    }
    .new_right li small{
        right: 8%;
        bottom: 3%;
    }
    .new_right li a{
        height: 89vw;
    }
    ._title{
        font-size: 17px!important;
        padding-bottom: 15px!important;
    }
    /*产品中心*/
    .z_pro_fl .swiper-button-next{
        right:2%;
    }
    .z_pro_fl .swiper-button-prev{
        left:2%;
    }
    .z_pro_fl .swiper-slide a{
        line-height: 40px;
        font-size: 13px;
    }
    .procontainer ul li h4{
        font-size: 16px;
    }
    .swiper-button-next, .swiper-button-prev{
        width: 20px!important;
        height: 20px!important;
    }
    .procontainer {
        padding: 3%;
    }
    .procontainer ul li{
        width: 48%;
    }
    .procontainer ul li:nth-child(2n){
        margin-right:0;
    }
    .procontainer ul li:nth-child(3n){
        margin-right:1.2%;
    }
    .procontainer ul li:nth-child(4n){
        margin-right: 1.2%;
    }
    .procontainer ul li b{
        height: 34vw;
    }
}