button{border:none!important;outline:0}
button,input[type=button],input[type=date],input[type=file],input[type=number],input[type=password],input[type=submit],select,textarea{cursor:pointer;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}
input[type=date]{cursor:pointer;-webkit-appearance:none}
button,input[type=button],input[type=reset],input[type=submit],input[type=text],select,textarea{-webkit-appearance:none}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #fff inset}


@media screen and (min-width: 1200px){
    .hidden-l{display:none!important;}
    /*index*/


}

@media screen and (min-width: 996px) and (max-width: 1199px) {
    .hidden-m{display:none!important;}
    .warpper, .mycontainer{width: 96%!important;}
    html{font-size:60%;}
    /*index*/
    .logo-r{display:none;}
    .logo-l{
        background:none;
        padding-right: 0;
        margin-right: 0;
    }
    .logo{
        width: 536px;
    }
    .in_company .left{
        width: calc(98% - 450px);
    }
    .in_company .right{
        margin-top:3vw;
    }
    .in_company .right img{
        width: 450px;
    }
    .pro_right{
        width: calc(98% - 257px);
    }
    .pro_rig_bot a{
        width: 32%;
        height: initial;
        margin-right: 2%;
        margin-bottom: 2vw;
    }
    .pro_rig_bot a b{
        height: 186px;
    }
    .guang{
        background-position: -844px center;
    }
    .guang-center{
        margin-left: 0;
    }
    .title1 h3{
        font-size: 27px;
    }
    .ys-center ul li{
        width: 49%;
        margin-right: 0;
        margin-bottom: 3vw;
    }
    .ys-img img{
        width: 150px;
    }
    .ys-t{
        width: calc(98% - 150px);
    }
    .youshi:after{
        display:none;
    }
    .ys-center ul li:nth-child(2n){
        float:right;
    }

    .in_news_box .left{
        width: 45%;
    }
    .in_news_box .right{
        width: 53%;
    }
    .in_message .mbox .left{
        width: 45%;
    }
    .in_message .mbox .right{
        width: 53%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .in_message .mbox .right .inputbox input{
        width: 49%;
    }
    .in_message .mbox .right .inputbox .code{
        width: 49%;
    }
    .in_message .mbox .right textarea{
        width: 70%;
    }
    .in_message .mbox .right .submit{
        width: 28%;
    }
    .padding{
        padding:4vw 0;
    }
    .nav ul li {
        width: 14%;
    }
    .sbanner{
        background-size:cover;
        height: 35vw;
    }
    .pro-des-right{
        width:calc(98% - 257px);
    }
    .zpro_left{
        width: 370px;
        height: 375px;
    }
    .info-main-rig{
        width:calc(98% - 370px);
    }
    .info-main-rig .tel .sec {
        font-size: 30px;
    }
    .inner-news-list,.inner-case-list{
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2vw;
    }
    .inner-case-list .imgbox{
        height: 22vw;}


}
@media screen and (min-width: 768px) and (max-width: 996px) {
    .warpper, .mycontainer{width: 96%!important;}
    .hidden-sm{display:none!important;}
    html{font-size:60%;}

    /*index*/
    .header{position:sticky;top:0;z-index:1000;box-shadow:0 0 10px #ddd;}
    .logo-l{display:flex;margin-right:0;padding-right:0;background:0 0;align-items:center;}
    .logo-t .fir{padding-top:0;}
    .logo{width:inherit;}
    .logo-l img{float:none;padding:0;}
    .logo-t{margin-left:10px;}
    .header{padding:7px 0;}
    .search .right input[type=text]{width:168px;}
    .in_company .left,.in_company .right{float:none;width:100%;}
    .search .right{margin-top:9px;}
    .padding{padding:5vw 0;}
    .search{line-height:60px;}
    .alltitle .fir{font-size:27px;}
    .in_company .left .item .list .imgbox{margin:0 auto;}
    .in_company .left .item .list .title{text-align:center;}
    .in_company .left .item .list .en{text-align:center;}
    .in_company .right{text-align:center;}
    .in_company .right img{margin:0 auto;margin-top:4vw;}
    .sbanner{height:37vw;background-size:auto 100%;}
    .pro_right{float:none;width:100%;}
    .pro_rig_bot a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-right:2%;margin-bottom:2vw;width:32%;height:inherit;}
    .pro_rig_bot a:nth-of-type(3n){margin-right:0;}
    .guang{padding-left:41px;}
    .guang-center{margin-left:0;}
    .guang-ewm{display:none;}
    .title1 h3{font-size:25px;}
    .ys-center{padding:35px;}
    .ys-center ul li{float:none;width:100%;}
    .youshi:after{display:none;}
    .ys-t{width:412px;}
    .in_news_box .left{width:330px;}
    .in_news_box .right{width:calc(98% - 330px);}
    .in_news_box .left .imgbox{height:208px;}
    .in_news_box .left .text a{padding:20px;}
    .in_news_box .right .list a{padding:15px;}
    .in_news_box .right .abox{display:flex;margin-top:20px;}
    .in_news_box .right .abox a{margin-right:20px;}
    .in_message .mbox .left{display:none;}
    .in_message .mbox .right{float:none;width:100%;}
    #formData:after{clear:both;display:block;content:'';}
    .in_message .mbox{height:inherit;}
    .footerbox .warpper .list:last-of-type{display:none;}
    .copy{line-height:52px;}
    .info{padding:7vw 0;}
    .pro-des-right{float:none;width:100%;}
    .zpro_left{width:380px;height:380px;}
    .info-main-rig{width:calc(98% - 380px);}
    .info-main-rig .tel .sec{font-size:36px;}
    .prother ul li a .imgbox{height:170px;}
    .inner-news-item .inner-news-list{margin-right:2%;margin-bottom:2vw;width:49%;}
    .inner-news-item .inner-news-list:nth-of-type(2n){margin-right:0;}

    /*case*/
    .inner-case-list{margin-right:2%;margin-bottom:2vw;width:49%;}
    .inner-case-list:nth-child(3n){margin-right:2%;}
    .inner-case-list:nth-of-type(2n){margin-right:0;}

    /*contact*/
    .contact-con{margin:3vw auto;width:100%;}
    .contact-con .contact-content .left .telbox .s2{font-size:26px;}


}
@media only screen and (max-width: 767px){
    .warpper, .mycontainer{width:94%!important;}
    .hidden-xs{display:none!important;}
    html{font-size:60%;}

    /*index*/
    .cbl{display:none;}
    .logo{
        width: 226px;
    }
    .mmenu{float:right;}
    .header{position:sticky;top:0;z-index:1000;box-shadow:0 0 10px #ddd;}
    .logo-l{display:flex;margin-right:0;padding-right:0;background:0 0;align-items:center;}
    .logo-t .fir{padding-top:0;}
    .logo-l img{float:none;padding:0;}
    .logo-t{margin-left:10px;}
    .header{padding:7px 0;}
    .search{padding:10px 0;line-height:60px;}
    .search .left{display:none;}
    .search .right{margin-top:0;float:none;}
    .search .right input[type=text]{width:calc(100% - 65px);}
    .in_company .right img{max-width: 100%}
    .in_company .left,.in_company .right{float:none;width:100%;}
    .index-title h3{
        font-size: 19px;
    }

    .padding{padding:5vw 0;}
    .alltitle .fir{font-size:18px;}
    .alltitle .sec {
        font-size: 12px;}
    .in_company .left .item .list .imgbox{margin:0 auto;}
    .in_company .left .item .list .title{text-align:center;}
    .in_company .left .item .list .en{text-align:center;}
    .in_company .right{text-align:center;}
    .in_company .right img{margin:0 auto;margin-top:4vw;}
    .sbanner{height:37vw;background-size:auto 100%;}
    .pro_right{float:none;width:100%;}
    .pro_rig_bot a{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-right:2%;margin-bottom:2vw;width:49%;height:inherit;}
    .pro_rig_bot a b{
        height: 38vw;
    }
    .pro_rig_bot a:nth-of-type(3n){margin-right:2%;}
    .pro_rig_bot a:nth-of-type(2n){margin-right:0;}
    .indexpro .pro_rig_bot a:nth-of-type(9){
        display:none;
    }
    .product{
        padding: 7vw 0;
    }
    .guang{padding-left:0;background:#014da1;width:100%;padding:8vw 0}
    .guang-center h3{
        font-size: 15px;
        line-height: 30px;
        text-align: center;
    }
    .guang-center h3 strong {
        font-size: 22px;}
    .guang-center{margin-left:0;width:100%;;}
    .g-tel {
        margin-top: 3px;
    }
    .g-tel p{
        font-size: 28px;
        padding-right: 0;
        float:none;
        width: 100%;
        text-align: center;
    }
    .g-link{
        float:none;
        display:flex;
        justify-content: center;
        align-items: center;
    }
    .g-link a{
        float:none;
    }

    .guang-ewm{display:none;}
    .title1 h3{font-size:22px;}
    .title1 p{
        font-size: 12px;
    }
    .youshi{
        margin-top: 0;
        padding:8vw 0;
    }
    .ys-center{padding:35px;}
    .ys-center ul li{float:none;width:100%;}
    .youshi:after{display:none;}
    .ys-t{width:100%;float:none;}
    .ys-img{float:none;}
    .ys-img img{
        max-width: 100%;
        margin:0 auto;
    }
    .ys-center ul li:nth-child(2) .ys-img img{
        margin-top: 0;
    }
    .in_news_box .left{width:100%;float:none;}
    .in_news_box .right{width:100%;float:none;}
    .in_news_box .left .imgbox{height:208px;}
    .in_news_box .left .text a{padding:20px;}
    .in_news_box .right .list a{padding:15px;}
    .in_news_box .right .abox{display:flex;margin-top:20px;}
    .in_news_box .right .abox a{margin-right:20px;}
    .in_message .mbox .left{display:none;}
    .in_message .mbox .right{float:none;width:100%;}
    .right-tit{
        padding-left: 62px;
        background-size: 45px;
    }
    .right-tit h3{
        font-size: 22px;
    }
    .in_message .mbox .right .inputbox input{
        width: 100%;
    }
    .in_message .mbox .right .inputbox .code{
        width: 100%;
    }
    .in_message .mbox .right textarea{
        width: 100%;
        float:none;
        margin-top: 10px;
    }
    .in_message .mbox .right .submit{
        height: 45px;
        line-height: 45px;
        width: 100%;
        float:none;
    }
    #formData:after{clear:both;display:block;content:'';}
    .in_message .mbox{height:inherit;}
    .footerbox .warpper .list:nth-of-type(1),.footerbox .warpper .list:nth-of-type(2),.footerbox .warpper .list:last-of-type{display:none;}
    .copy{line-height:24px;padding:3vw 0;}
    .copy .left{float:none;}
    .copy .right{display:none;}
    .info{padding:7vw 0;}
    .pro-des-right{float:none;width:100%;}
    .zpro_left{width:380px;height:380px;}
    .info-main-rig{width:calc(98% - 380px);}
    .info-main-rig .tel .sec{font-size:23px;}
    .prother ul li a .imgbox{height:170px;}
    .inner-news-item .inner-news-list{margin-right:0;margin-bottom:2vw;width:100%;}
    .inner-news-item .inner-news-list:nth-of-type(2n){margin-right:0;}

    /*case*/
    .inner-case-list{margin-right:2%;margin-bottom:2vw;width:49%;}
    .inner-case-list .imgbox{
        height: 35vw;
    }
    .inner-case-list .title{
        line-height: 36px;
    }
    .inner-case-list:nth-child(3n){margin-right:2%;}
    .inner-case-list:nth-of-type(2n){margin-right:0;}

    /*contact*/
    .contact-con{margin:3vw auto;width:100%;}
    .contact-con .contact-content .left .telbox .s2{font-size:26px;}

    /*product*/
    .zpro_left{
        width:100%;
        height: 78vw;float:none;
    }
    .info-main-rig{
        float:none;
        width:100%;
    }
    .ztitle{
        height: initial;}
    .info-main-rig .des{
        margin: 10px 0;
    }
    .center-content{padding:0;}
    .pro-adv ul li{
        float:none;
        height: initial;
    }
    .pro-adv ul li .p-img{
        float:none!important;
        width: 100%!important;
        height: 35vw!important;
    }
    .pro-adv ul li .p-tit{
        float:none!important;
        width: 100%!important;
        height: inherit!important;
    }
    .p-t {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        width: 100%;
        padding: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .prother ul li{
        float:none;
        width:100%;
        margin-right: 0;
    }
    .znewsinfo_left{
        width: 100%;
        float:none;
    }
    .znewsinfo_right{
        width:100%;
        margin-top: 4vw;
        float:none;
        border-left:none;
        padding-left: 0;
    }
    .znewsinfo_right a>b{
        height: 68vw;
    }
    .contact-con .contact-content .left{
        display:none;
    }
    .contact-con .contact-content .right{
        float:none;
        width:100%;
    }
    .mapbox{
        height: 260px;
    }
    .contact-con .contact-content{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding:15px;
    }

}