@media screen and (max-width:1920px){
      .ss{right: 11%;}
}
@media screen and (max-width:1800px){
      .ss{right: 8%;}
}
@media screen and (max-width:1700px){
     .ss{right: 8%;}
}

@media screen and (max-width:1600px){
 
    .ss{right: 8%;}
 }
 @media screen and (max-width:1550px){
    .header-right{ width:124.5%;}
    .ss{right: 12%;}
 }
 
 @media screen and (max-width:1450px){
  
 }
 
 /* 工艺部分的媒体查询 */
@media screen and (max-width:700px) {

   
    /* 公共 */
    /* .dd-top .top-left, .yz-top .top-left, .jg-top .top-left, .pg-top .top-left, .pvd-top .top-left, .tz-top .top-left{
        width: 100%;
    }
    */
    /* 渐变部分 */
    .dd-top .top-right, .yz-top .top-right, .jg-top .top-right, .pg-top .top-right, .jqr-top .top-right, .pvd-top .top-right, .tz-top .top-right{
        width: 100%;
    }
    .jg-top .top-right{
        width: 148%;
    }

    .dd-top .top-left, .yz-top .top-left, .jg-top .top-left, .pg-top .top-left, .pvd-top .top-left, .tz-top .top-left{
        background:linear-gradient(to right, rgba(19,93,159,1) 42%, rgba(19,93,159,0));
    }


    .top-right{
        /* width: auto; */
        height: auto !important;
    } 
    .top-left{
        width: 100% !important;
    }



    /* 字体站位空间 */

    .left-body{
        width: 40%;
    }
    /* 顶部公共样式 暂时 */
    .left-body{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .jg-top .left-body>p,.paoguang-body .left-body>p,.yazhu-body .yz-top .left-body>p,.pvd-body .left-body>p{
        font-size: 16px !important;
        margin-bottom: 0 !important;
        
    }

    /* 电镀 -------------------*/
    /* 有视频部分 */
    .dd-middle-1,.dd-middle-3{
        flex-direction: column-reverse;
    }
    .dd-middle-2{
        flex-direction: column;
    }
    .m-1-left,.m-1-right, .m-2-left,.m-2-right, .m-3-left,.m-3-right,.pvd-middle-1,.pvd-middle-2{
        width: 100%;
    }
    .m-1-left, .m-2-right, .m-3-left{
        justify-content: center;

    }

    /* 字体部分 */
    .m-1-text p, .m-2-right p, .m-3-left p{
        font-size: 15px;
    }

    .m-1-text,.m-2-text,.m-3-text{
        margin-top: 20px;
    }







    /* 压铸部分----------------- */ 
    .yz-middle-1{
        flex-direction: column-reverse;
    }
    /* 字体部分 */
    .yz-middle-1 .m-3-text{
        width: 100%;
    }

    /* 渐变 */
    .yz-top .top-right{
        width: 117%;
    }

    /* 金工部分---------------------- */
    .jg-middle-1{
        flex-direction: column-reverse;
    }

    .jg-middle-2{
        flex-direction: column;
    }
    /* 字体部分 */
    .jg-middle-1 .m-3-text{
        width: 100%;
    }

   


    /* 抛光部分----------------- */
    .pg-middle-1{
        flex-wrap: wrap;
    }
    .pg-m-left, .pg-m-right{
        width: 100%;
    }
    .pg-m-left{
        margin-bottom: 40px;
    }



    /* 机器人部分------------------- */
    .jqr-middle-1,.jqr-middle-3{
        flex-direction: column-reverse;
    }
    .jqr-middle-2{
        flex-direction: column;
    }


    /* PDV部分--------------- */
    .pvd-middle-1{
        flex-direction: column-reverse;
    }
    .pvd-middle-2{
        flex-direction: column;
    }
    .swiper-button-prev,.swiper-button-next{
        display: none !important;
    }

    .pvd-top .top-right{
        width: 140%;
    }




    /* 涂装部分 */

    .tz-middle-1{
        flex-direction: column-reverse;
    }
    .tz-middle-2{
        flex-direction: column;
    }

    .tz-top .left-body{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    /* 字体 */
    .tuzhuang-body .left-body>p{
        font-size: 15px;
        margin-bottom: 0 !important;
    }

    /* 渐变 */
    .tz-top .top-right{
        width: 164% !important;
    }

}

@media screen and (max-width:450px) {

    /* 电镀 -------------------*/
    .m-1-left, .m-2-right, .m-3-left{
        justify-content: inherit;
    }
    .swiper-button-next{
        display: none;
    }
    .swiper-button-prev{
        display: none;
    }
    .pvd-foot{
        margin-top: 0;
    }


    
}


@media screen and (max-width:1773px) {
    /* 公共 */
    .dd-top .top-right, .yz-top .top-right, .jg-top .top-right, .pg-top .top-right, .jqr-top .top-right, .pvd-top .top-right, .tz-top .top-right{
        height: auto !important;
    }
}



@media screen and (max-width:1500px) {
    /* 金工 */
    /* .jg-top .top-right{ */
        /* height: auto !important; */

    /* } */

    /* 字体部分 */
   .left-body>p{
        font-size: 16px !important ;
    }


    /* 公共 */
    .dd-top .top-right, .yz-top .top-right, .jg-top .top-right, .pg-top .top-right, .jqr-top .top-right, .pvd-top .top-right, .tz-top .top-right{
        height: auto !important;
    }
}


@media screen and (max-width:1000px) {
    /* 金工 */
  
    /* 字体部分 */
    .left-body p{
        font-size: 14px !important;
    }



    /* 公共 */
    .dd-top .top-right, .yz-top .top-right, .jg-top .top-right, .pg-top .top-right, .jqr-top .top-right, .pvd-top .top-right, .tz-top .top-right{
        height: auto !important;
    }


    /* 下文字体大小 */
    .m-1-text p, .m-2-right p, .m-3-left p{
        font-size: 16px;
    }
}


@media screen and (max-width:900px) {
    .inner{
        width: 100%;
    }
    /* 压铸的字体上下间距 */
    /* .yazhu-body .yz-top .left-body>p{
        margin-bottom: 0 !important;
    } */
    
}
 @media screen and (max-width:1400px){
    .logo2{
        margin: 0 35px 0 30px;
    }
 }

 @media screen and (max-width:1350px){
  
 }
@media screen and (max-width:1300px){
   
    .ul-nav>li {
        margin-left: 25px;
    }
  
 }
 @media screen and (max-width:1250px){
    .ijs-lb .swiper-slide{
        width: 750px;
    }
    .ijs-pic>img {
        height: 480px;
    }
    .zn-top-pc .zn-top-tx{
        margin-top: 5px;
    }
    .zn-top-pc .zn-top-title{
        font-size: 24px;
    }
    .zn-top-pc .zn-top-txt{
        max-width: 210px;
    }
 }

 @media screen and (max-width:1200px){
    .nav{
        display: none
    }
    .menu{
        display: block;
        margin-left: 19px;
    }
    .ban-txt {
        bottom: 65px;

    }
    .ban-title{
        font-size: 38px;
    }
    .ban-title2 {
        margin-top: 15px;
        letter-spacing: 10px;
    }
    .ban-btn {
        margin-top: 25px;
    }
    .ijj,.ijs{
        padding: 60px 0;
    }
    .izy,.footer{
        padding-top: 60px;
    }
    .wh-txt {
        padding: 70px 20px 50px;
    }
 }
 @media screen and (max-width:1150px){
  
 }
 @media screen and (max-width:1050px){
    .imid-tx p {
        font-size: 20px;
        line-height: 34px;
    }
    .imid-tx,.imid-title{
        left: 35px;
    }
    .imid-title{
        font-size: 26px;
    }
    .ul-ijj{
        padding: 60px 0 0 ;
    }
    .ul-zx>li{
        width: 47.83%;
    }
    .ul-ry>li{
        width: 28.85%;
    }
    .ul-ry2>li{
        width: 30.04%;
    }
    .ul-news{
        margin-left: -2%;
    }
    .ul-news>li{
        margin-left: 2%;
        width: 48%;
        margin-top: 70px;
    }
    .ul-gyi{
        justify-content: space-around;
    }
    .ul-gyi>li{
        width: 25%;
        margin: 15px 0;       
    } 
    .ul-zn-mid>li{
        width: 49%;
        margin-top: 2%;
    }
}

 @media screen and (max-width:960px){
    .ft-mid-r{
        width: 100%;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    }
    .ft-mid-l{
        width: 100%;
    }
    .ft-mid-tel{
        margin-top: 0;
  
    }
    .ft-mid-a{
        flex-direction: column;
    }
    .ft-mid-a>a{
        margin:  0 0 10px 0;
    }
    .beian-tx{
        padding: 20px 0 0 0 ;
    }
    .ijs-pic>img {
        height: 360px;
    }
    .ijs-lb .swiper-slide{
        width: 580px;
    }
    .ul-wh>li{
        width: 49.2% !important;
    }
     .wh-hide{
        display: block;
        width: 100% !important; 
    }
    .ul-wh>li:nth-child(1),.ul-wh>li:nth-child(2),.ul-wh .wh-hide{
        width: 100% !important;
    }
    .wh-show{
        display: none;
    }
    .pduxq-pic {
        max-width: 50%;
    }
    .pduxq-l{
        width: 100%;
    }
    .pduxq-r{
        width: 100%;
        padding: 50px 0 0 0;
    }
    .fz-p{
        flex-direction: column !important;
    }
    .fz-pic {
        margin-top: 20px;
    }
    .zpxq{
        flex-wrap: wrap;
    }
    .zpxq-l{
        width: 100%;
    }
    .zpxq-r{
        width: 100%;
        border: none;
        padding-top: 30px;
        margin: 20px 0 0 0 ;
        border-top: 1px #e5e5e5 solid;
        
    }
    .sj{
        padding-bottom: 60px;
    }
    .zn-top-pc{
        display: none;
    }
    .zn-top-mo{
        display: block;
    }
 }
 @media screen and (max-width:850px)
 {
    .pz-r{ margin:0 auto;}
    .ul-izy>li{
        width: 48.09%;
        margin-top: 3.82%;
    }
    .pz-top{
        flex-direction: column-reverse;
    }
    .pz-l{
        width: 100%;
        margin: 30px 0 0 0;
    }
    .sj-kk{
        width: 100%;
    }
    .sj-top-txt,.ul-sj>li:nth-child(2n) .sj-top-txt{
        max-width: unset;
        padding: 30px 15px;
    }
    .gyi-l{
        width: 100%;
    }
    .gyi-r{
        width: 100%;
        margin-top: 20px;
    }
    .ss2-inp{
        width: 340px;
    }

 }
 @media screen and (max-width:750px)
 {
     .ry-pic2>a>img
     {
        height: 197px;
     }
     .lang{ display: flex;}
     .dj{ height:260px;}
     .middle-img{ width:96.8%; margin-top:68px !important;}
     .middle-left>ul>li{ width:350px;}
     .middle-right>ul>li{ width:350px;}
     .ss{right: 1%;}
     .header-right{ display:none !important;}
    .ijs-pic>img {
        height: 280px;
    }
    .ijs-lb .swiper-slide{
        width: 448px;
    }
    .imid-tx p {
        font-size: 18px;
        line-height: 26px;
    }
    .imid-tx,.imid-title{
        left: 20px;
     
    }
    .imid-title{
        font-size: 22px;
        top: 35px;
    }
    .ul-zynav>li{
        margin: 0 20px;
    }
    .ul-pz{
        margin-left: -2.68%;
    }
    .ul-pz>li{
        width: 47.32%;
        margin: 2.68% 0 0 2.68%;
    }
    .ul-ry>li {
        width: 45.52%;
    }
    .ul-ry2>li{
        width: 46.71%;
    }
    .ban-title {
        font-size: 26px;
    }
    .ban-title2 {
        letter-spacing: 4px;
    }
    .download{
        display: none;
    }
    .tc-download{
        display: block;
        position: absolute;
        right: 20px;
        top: 20px;
        width: 70px;
        height: 60px;
        padding-top: 12px;
    }
    .logo2{
        margin:0 10px;
    }
 }
 @media screen and (max-width:640px){
    .ft-logo>img{
        width: 260px;
    }
    .gyi-icon{
        width: 110px;
        line-height: 110px;
        height: 110px;
    }
    .ss2-inp{
        width: 240px;
    }
    .ul-js>li
    {
        width:100%;
    }
    .sj-top-tx {
    font-size: 24px;
    line-height: 42px;
    }
    .gyi-tx {
    font-size: 22px;
    line-height: 40px;
    }
    .pz-r-pic
    {
        text-align:center;
    }
    .pz-tx
    {
        line-height:42px;
    }
    .zn-tx
    {
        line-height:42px;
    }
    .zn-mid-tx
    {
        line-height:42px;
    }
    .zn-top-tx
    {
       font-size:18px;
       line-height:28px;
    }
    .zx-tx {
    font-size: 20px;
    line-height: 36px !important;
    }
    .zx-btn a {
    width: 135px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    }
    .zx-tx2 {
    font-size: 12px;
    line-height: 38px;
    }
    .zpxq-top a {
    font-size: 24px;
    }
    .ul-lx
    {
        display:block;
    }
    .ul-lx li
    {
        margin-bottom:25px;
    }
    .contact_form ul li.lf {
    width: 93%;
    }
    .contact_form ul li.rt {
    width: 93%;
    }
    .contact_form ul li .lic {
    margin: 20px 0 0 0;
    width: 44.7%;
    }
    .c_intxt {
    line-height: 30px;
    padding: 20px 20px;
    font-size: 20px;
    }
    .c_inbut {
    font-size: 20px;
    }
    .zy-b-txt
    {
        padding-top: 150px;
    }
    .zy-banner
    {
        height: 411px !important;
    }
    .js-txt1 {
    padding: 75px 17px;
    }
    .js-txt2 {
    padding: 55px 22px 95px 22px;
    }
    .ul-zx>li {
    width: 98.83%;
    }
    .pz-c li
    {
        width:293px;
    }
    .pz-pic p
    {
        font-size:18px;
    }
    .ul-pdu>li {
        width: 45.41%;
    }
	.pduxq-pic>img{
		width:100%;
		height:auto;
    }
	.menu{
		margin-left:0;
		margin-right:30px;
    }
	.new-right{ 
	    width:99.83%;
	}
	.new-left{ 
	    width:99.83%;
	}
	.pz-l{ 
	    margin-left:0 !important;
	}
	.yc{ 
	    display:none;
	}
	.yc2{ 
	    display:block;
	}
 }