@media screen and (max-width: 1420px){
    .wrap{
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px;
    }
    /*.share a{
        padding: 0 10px;
    }*/
    .f-nav li{
        margin-left: 14%;
    }
    .pt-l .t1{
        font-size: 24px;
    }
    .pt-l .t2{
        font-size: 12px;
    }
    .pd-b{
        padding: 20px 0;
    }
    .pd-b .tit{
        font-size: 20px;
    }
    .msg-box{
        width: 70%;
        left: 15%;
    }
    .wrap1{
        width: 100%;
        margin-left: 0;
    }
    .sp-bottom-thumbnails .sp-thumbnail-container, .sp-top-thumbnails .sp-thumbnail-container{
        padding: 10px;
    }
}
@media screen and (max-width: 1215px){
    .pd-num .table{
        overflow: scroll;
    }
    .pd-num .table img{
        max-width: none;
    }
    .zl-r{
        border: none;
    }
    .j-box2 .wrap>div{
        width: 100%;
        display: block;
    }
    .j-img img{
        margin: 0 auto;
    }
    .j-txt{
        text-align: center;
    }
    .j-txt img{
        margin: 0 auto;
        margin-bottom: 30px;
    }
    #map{
        height: 580px;
    }
    .clo{
        display: none;
    }
    .msg-box{
        width: 100%;
        position: static;
    }
    .m-btn{
        display: none;
    }
    .pd-box{
        width: 50%;
    }
    .mob{
        display: block;
    }
    .pc{
        display: none;
    }
    .content{
        padding-top: 89px;
    }
    .pd-t{
        border-top: none;
    }
    .rc-box>div{
        width: 100%;
    }
    .rc-box .t-box{
        width: 50%;
    }
    .msg-box{
          display: block;
      }
    .nd-ctr{
        border: none;
    }
    .zl-r, .zl-l{
        width: 100%;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 1000px){
    .ban-nav a{
        font-size: 12px;
    }
    .sb-text .t1{
        font-size: 30px;
    }
    .sb-text .t2{
        font-size: 18px;
        margin: 10px 0;
    }
    .sb-vd .en{
        font-size: 24px;
        padding: 25px 0;
    }
    .media-on{
        position: fixed;
        left: 10%;
        top: 50%;
        width: 80%;
        z-index: 600;
        display: none;
        margin-top: 0;
        margin-left: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .prod-cont dl{
        width: 32%;
        margin-left: 2%;
        margin-bottom: 15px;
    }
    .prod-cont dl:nth-child(3n-2){
        margin-left: 0;
    }
    .plist .prod-nav{
        width: calc(100% - 20px);
        margin: 0 10px;
    }
    .plist .prod-cont{
        width: calc(100% - 20px);
        margin: 0 10px;
    }
    .map .pusher-black{
        display: none;
    }
    .m-l{
        width: 100%;
    }
    .ml-r{
        padding-right: 0;
    }
    .m-r{
        width: 100%;
    }
   #map{
       height: 480px;
   }
    .cul-box .tit img{
        height: 50px;
    }
    .tb1>div{
        width: 100%;
      margin:0 0 30px!important;
    }
    .t-l{
        width: 10%;
    }
    .com-tit{
        margin: 50px 0;
    }
    .pd-list dl dt .tit{
        font-size: 24px;
    }
    .pd-list dl:nth-child(2n){
        margin-right: 0;
    }
    .pd-list dl{
        width: 49%;
        margin-bottom: 20px;
    }
    .ban-nav a{
        padding: 15px 20px;
    }
    .ab-l, .ab-r{
        display: block;
        margin: 0 auto;
        width: 70%;
    }
    .ab-r{
        padding: 40px 5%;
    }
    .ab-list dl{
        padding: 0;
        background: none;
        width: 100%;
        margin-bottom: 30px;
    }
    .ab-list{
        margin: 50px 0;
    }
    .c-box{
        width: 80%;
    }
    .tb3 .tit{
        width: 80%;
    }
    .news-list dt .tit{
        font-size: 16px;
    }
    .news-list dt .time{
        font-size: 16px;
        margin: 10px 0;
    }
    .news-list dl{
        padding: 20px;
    }
    .show-box .sb-vd{
        width: 35%;
     border-left:1px solid #e5e5e5;
     box-sizing:border-box;
    }
    .show-box .sb-l{
        width: 100%;
    }
    .show-box .sb-r{
        width: 65%;
    }
}

@media screen and (max-width: 780px){
    .idx-ban{
        display: none;
    }
    .mob-ban{
        display: block;
    }
    .pt-l{
        padding: 50px 0;
    }
    .pd-list dl{
        margin-bottom: 15px;
    }
    .sea-box{
        padding: 10px;
        font-size: 12px;
    }
    .sel .show-box{
        font-size: 12px;
        padding: 10px 0;
    }
    .sea-box input{
        font-size: 12px;
    }
    .sel .list-box div{
        font-size: 12px;
    }
}
@media screen and (max-width: 750px){
    .tr>div{
        width: 23%;
    }
    .ban-nav a{
        margin-right: 0;
    }
    .show-box .sb-vd{
        width: 40%;
    }
    .show-box .sb-l{
        width: 100%;
    }
    .show-box .sb-r{
        width: 60%;
    }
    .pd-j .text{
        width: 80%;
    }
    .tb2 .slide div{
        width: 49%;
        margin-bottom: 10px;
    }
    .tb2 .slide div:nth-child(2n){
        margin-right: 0;
    }
    .ab-l, .ab-r{
        width: 90%;
    }
    .s-ctr{
        width: 65%;
        margin-top: 30px;
    }
    .sea-box{
        width: 100%;
        margin-left: 0;
    }
    .sel{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .banner>img{
        height: 320px;
        max-width: none;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .rc-box .t-box{
        width: 30.5%;
    }
    .c-box{
        width: 100%;
    }
    .page{
        display: none;
    }
    .m-page{
        display: block;
    }
    .news-list dl{
        width: 49%;
        margin-right: 2%;
    }
    .news-list dl:nth-child(3n){
        margin-right: 2%;
    }
    .news-list dl:nth-child(2n){
        margin-right: 0;
    }
}
@media screen and (max-width: 640px){
    .prodPro .a{
        display: none;
    }
    .proCon{
        margin: 0;
    }
    .p-left>p,.proCon .p-cen p{
        display: block;
    }
    .proCon{
        border-bottom: 1px solid #e5e5e5;
    }
    .show-box .sb-r{
        width: 100%;
        height: auto;
    }
    .show-box .sb-vd{
        width: 100%;

    }
    .sb-l img{
        max-width: 80%;
        margin: 0 auto;
        height: auto !important;
    }
    .rc-box .t-box{
        width: 100%;
    }
    .rc-list .rc{
        width: 100%;
        margin-bottom: 20px;
    }
    .rc-r>div {
        display: block;
    }
    .rc-box .text{
        height: auto;
        padding: 20px 0;
    }
}
@media screen and (max-width: 400px){
    .sb-l img{
        max-width: 80%;
        height: auto !important;
    }
    .sb-vd img{
        width: 100%;
    }
    .show-box .sb-r{
        height: 240px;
    }
    .show-box .sb-vd{
        width: 100%;
        margin-bottom: 30px;
    }
    .show-box .sb-r{
        width: 100%;
    }
    .s-nav a{
        margin-right: 5px;
        padding: 10px 20px;
    }
    .s-nav{
            margin-left: 0;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
        }
    .media-on{
        width: 90%;
        left: 5%;
    }
    .prod-nav a{
        padding: 15px 0;
        font-size: 15px;
    }
    .prod-cont dl{
        width: 49%;
        margin-bottom: 10px;
    }
    .prod-cont dl:nth-child(3n-2) {
        margin-left: 2%;
    }
    .prod-cont dl:nth-child(2n-1){
        margin-left: 0;
    }
    .news-list{
        padding: 15px 0;
    }
    .news-list dl{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px !important;
    }
    .tb2 .slide div{
        margin-bottom: 8px;
    }
    .rc-r>div{
        display: block;
    }
    .rc-box .t-box{
        width: 100%;
    }
    .rc-box .text{
        height: auto;
        padding: 20px 0;
    }
    .ab-r .text{
        height: auto;
        margin-top: 20px;
    }
    .ab-box .t1 img{
        height: 40px;
    }
    .ab-l, .ab-r{
        width: 100%;
    }
    .banner>img{
        height: 200px;
    }
    .banner .arr img{
        height: 20px;
    }
    .pd-list dl dd{
        padding: 20px;
    }
    .pd-list dl dt .tit{
        font-size: 20px;
    }
    .pd-list dl dt .t1{
        font-size: 12px;
    }
    .pd-list dl dt{
        padding: 15px 0;
    }
    .com-tit{
        margin: 30px 0;
    }
    .com-tit img{
        height: 42px;
    }
    .s-box{
        padding: 20px;
    }
    .s-box .tit img{
        height: 20px;
    }
    .s-ctr{
        width: 90%;
    }
    .ban-nav a{
        padding: 10px 10px;
    }
    .pd-list dl{
        margin-bottom: 8px;
    }
    .m-head .logo img{
        height: 30px;
    }
    .list-ico{
        width: 57px;
        height: 57px;
    }
    .content{
        padding-top: 57px;
    }
    .m-head{
        padding: 10px 20px;
    }
    .mf-nav dl dt{
        font-size: 12px;
    }
    .pt-l span{
        display: none;
    }
    .pt-l,.pt-r{
        display: block;
        width: 100%;
        text-align: center;
    }
    .pt-l{
        padding: 20px 0;
    }
    .pt-l .t2{
        margin-bottom: 0;
    }
    .pt-r{
        margin-bottom: 20px;
    }
    .mf-nav dl dt{
        margin-top: 0;
    }
    .rc-list .rc{
        width: 100%;
        margin-bottom: 20px;
    }
    .rc-box{
        margin-bottom: 50px;
    }
    .tb3 .tit{
        width: 90%;
    }
    .tb1{
        padding: 0 0 50px;
    }
    .t-l{
        width: 15%;
    }
    .cul-box{
        width: 100%;
        padding: 0 !important;
        margin-bottom: 50px;
    }
    .cul{
        margin-top: 50px;
    }
    .ml-l,.ml-r{
        width: 100%;
    }
    .ml-r{
        margin-top: 0;
        margin-bottom: 20px;
    }
    #map{
        height: 280px;
    }
    .lab input{
        height: 30px;
        line-height: 30px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 0;
    }
    .ml-l{
        padding-right: 0;
    }
    textarea{
        height: 140px;
    }
    .m-l .lab{
        margin-bottom: 10px;
        line-height: 24px;
    }
    .form{
        margin-top: 15px;
    }
    .msg-box{
        padding: 20px;
        padding-top: 0;
    }
    .btn2 img{
        margin: 0 auto;
    }
    .zp1{
        width: 90%;
        left: 5%;
        margin-left: 0;
    }
    .nd-box{
        padding-top: 30px;
    }
    .nd-box .det{
        padding-top: 20px;
    }
    .nd-ctr .mob a{
        width: 30%;
    }
    .rc-list{
        margin-bottom: 50px;
    }
    .j-box1 .text{
        font-size: 12px;
    }
    .j-box1{
        padding: 30px 0;
    }
    .j-box2{
        margin: 50px 0;
    }
    .show-box{
        margin: 30px 0;
    }
    .ban-nav a{
        margin-right: 0;
    }
}
@media screen and (max-width: 550px){
    .tr>div{
        width: auto;
    }
}