@media screen and (max-width: 1400px) {
    .muen{width: 80%;}
    .hza{max-width: 88%;}
}

@media screen and (max-width: 1180px) {
    .toubu-hz, .hz{width: 96%; margin: 0 auto;}
    header{padding:15px 0}
    .hzhb{padding: 15px 0;}
    .h2_title{font-size: 20px;}
    .p_title{padding-bottom: 8px; margin-top: 0}
    .inpro{padding: 30px 0}
    .inprony{margin-top: 20px}
    .inpro2{padding: 30px 0}
    .inapp{padding: 30px 0}
    .inabout{height: auto; position: static;padding: 20px; box-sizing: border-box;}
    .toubu-wb{width: 36%}
    .t_right{width: 38%}
    .innews{padding: 30px 0}
    .newslist ul{margin-top: 20px}
    .inhonor{padding: 30px 0}
    .ny_gy_zs{margin-top: 20px;}
    .footer{padding: 30px 0;}
    .nyabout{padding: 30px 0;}
    .nyabout2_03{padding: 30px 0;}
    .inhonor2{padding: 20px 0;}
    .nyabout2_05{padding: 30px 0;}
    .appbg{padding: 30px 0;}
    .probox{padding: 30px 0;}
    .proxq{padding: 30px 0;}
    .xqny{padding: 30px 0;}
    .download{padding: 30px 0;}

}

@media screen and (max-width: 980px) {
    header .m-btn {display: block;}
    .menubj{display: none;}
    .h_top{padding: 10px 0}
    .sjdh{position:fixed; left:-250px; top:0; background:#171e3d; width:250px; height:100vh; overflow-y:auto; -webkit-transition: 0.5s; transition: 0.5s; z-index:999999; padding-top:20px;}
    .sjdh i.dhgb{display:block; margin:30px auto 0; width:30px; height:30px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC5ElEQVRYR8WX/XEUMQzFnyogHYRUEKgAUgF0QKiAUAGhAqACkgqACggVECogVABUIObnkQ+t17vrS/6IZ25yk7Otp6enD5vuedk929deANz9QNIzSQ8lPW3AX0m6kfTFzP6MOjYEwN0x9krS87j4VxjLdgB1GP/4LOmDmQFqda0CcHcufReGMfpe0pWZXfdudfdHwcxZgAHIazODme5aBBCXfZVKmM7M7GLLm/y7uwPiXJJLOlkC3QXg7qeSPkr6gUf7xLQBgWYIw7Gklz0nZgCS598knd7WeAUSwoW9Jz0mJgBi809JxPvWnrehinthApEeZadaAIgMtbNpJxzEuCakBUFOzgSz3yW9NTO0UdYOQCge7ycb2OTuoH8QFK7meHiLeP+a2aRWuDuG32QHMwC8R3wgnxhJoiT9UHQXRDJOOs5EF7/D7IWZkSUTBviBHAfEbG2B2DKeREltODazox2ARH83VdLhmp4TJkaNRzjrHUVnJQRRaonbRHwjTMQeznZp72QE1RWtEcqrCqCIw8xGe0NmAhtDxhOTVMci9lsBCNYQEX2CRb1HxEPL3e8GoIk5RlezoxOGGYBC6UgIknFUTJ5DP31jCESc/13TtBVhEcYSj63x2uG2UjTflwT/X4QRU2hhiCgFokMbna1kSvSJyUwwCsLdS8EzM+6bFCIKxKGZPd7X+FadaBig4F2bWZmucimuqTULQ/SCMu0sDRYdEFTVk8Y4Rj/lMt12w9Iya5lsLgV1dxTrMIahg3YAcXe8v8lNqgWAqonzrCMOJfjKpog9rX7CcG8iqjPBal/YB1AS6EzkSzMhgmT+vzOIZJz3Qh3rd/iXAJAiMPEi/hKS4cdGpDV3UKoR92VM1rM7tt4FdYLhIN8vt4BEsQI4+wGx2ic2u1/MCrBBSFiEh2zIFRNDpCmfSjNen2/NkpsAUirWVw+UMuf3Fu8IRvDF11N7aBhAJ9cZLPiwyO3F59daxvwDRyOnMBEvOT8AAAAASUVORK5CYII=); background-size:cover;}
    .sjdh ul{padding-top:0px; position:relative; z-index:2;}
    .sjdh ul li{padding:0px 0px 0;}
    .sjdh ul li a{font-size:16px; color:#fff; line-height:50px; display:block; text-align:center;}
    .sjdh ul li>a{ padding:0 10px;text-align:left; margin:0 0px; border-bottom:1px solid #2f3551;}
    .sjdh ul li a.xl_tb{ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHCAYAAAABIM1CAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNzNGREI0MTEyQTgxMUU2QTZDNkI1MjZERjY5REFBRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGMkM3RDBBMTlCQUYxMUU4OUM3NEQ5ODkwRkM5NDBENSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGMkM3RDBBMDlCQUYxMUU4OUM3NEQ5ODkwRkM5NDBENSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzcyMjA5RUM1RjIwMTFFODgyQkVFRDkzQjQ5NTFFN0YiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzcyMjA5RUQ1RjIwMTFFODgyQkVFRDkzQjQ5NTFFN0YiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6hOXBlAAAAiklEQVR42nyQPQ9AMBiEq4MYxI+wYDAb/H2LTWIhwmy3CEPdm5xoil7yJO31ev0IjDGRUmoEOyjBofwKQQ9kXxag4DYHBnJPySunOTlonGBiu6uIa6d9iLYCYhRgAzOIrbWY3sbMc0N5goMGHVhBQlZ62s3ff/ClFqQcL6D6CvkKRI1kQP0XuAQYAAcDVmN//n+WAAAAAElFTkSuQmCC) right center no-repeat;}
    .sjdh .dh_ss{position:relative; width:85%; margin:auto;}
    .sjdh .dh_ss input{display:block; width:100%; padding:0 0 0 10px;color:#333; line-height:30px;}
    .sjdh .dh_ss a{position:absolute; right:8px; top:50%; margin-top:-10px; width:20px; height:20px; background:url(../images/ss.png) center no-repeat;}
    .dhan{position:fixed; right:2.5%;top:25px;cursor: pointer;z-index: 999999; width:30px;height:25px; padding-top:5px;-webkit-transition: 0.5s;transition: 0.5s;}
    .dhan div{width:30px;height: 2px;background:#171e3d;border-radius: 2px;box-shadow: 0 0 0px #999;-webkit-transition: 0.5s;transition: 0.5s; position:relative; top:0;}
    .dhan div.dhan_2{margin:7px 0;}
    .dhan.hover{margin-right:0px;}
    .dhan.hover div.dhan_1{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:10px;}
    .dhan.hover div.dhan_2{margin:0; height:0; -webkit-transform:scale(0);transform:scale(0);}
    .dhan.hover div.dhan_3{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:8px;}
    .dhov{left:0px;}
    .sjdh ul li .qhyy{display:block; text-align:left; margin-left:20px;}
    .sjdh ul li .qhyy a{display:inline-block; width:22px;}
    .sjdh ul li .qhyy a{margin:10px 15px 10px 0;}
    .sjdh ul li .dh_xl{position:fixed; left:-200px; top:0; background:#171e3d; width:200px; height:100%; z-index:3; overflow-y:auto;-webkit-transition: 0.5s;transition: 0.5s;}
    .sjdh ul li .dh_xl.on{left:0;}
    .sjdh ul li .dh_xl a{display:block; font-size:14px; color:#fff; line-height:40px; display:block; padding:0 10px; text-align:left; margin:10px; border-bottom:1px solid #2f3551; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    .dh_fl_fh{ position:absolute; left:10px; top:0; width:180px; height:50px; background:#171e3d url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM2OTBCQThCNkVBQjExRTdCMkYxRTI0MEVBMkRBNzBCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM2OTBCQThDNkVBQjExRTdCMkYxRTI0MEVBMkRBNzBCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzY5MEJBODk2RUFCMTFFN0IyRjFFMjQwRUEyREE3MEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzY5MEJBOEE2RUFCMTFFN0IyRjFFMjQwRUEyREE3MEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5WaBPBAAAA6ElEQVR42mL4//8/Aw4sAsTT8MijYFwSmkB8D4jPU2KQGxB//A8BB8g1KBOI//xHgGNArADFEsQYxAzEE/8TBj+A+CoQTwJiW3SD+IB423/ywE4gFoUZdOg/ZeAiEHOBDFIH4tsUGlbOCHYWA4MQEK8DYnsGVPATiFcD8VkgfgbEn4BYBIjNgTgaiAWh6i4hhzwbEM9Ds+kBnpgSBOK9UHW/sSkoB+J/RBgEM+zNfzwKAoD4KxEGgfAEIH6HT4EREB8lwqBoIN4DC2xcgA8awPhAABBrEDKIGBADxCcZiM2UeLA9iAYIMACYWyT9uLcHbgAAAABJRU5ErkJggg==) left center no-repeat; font-size:14px; line-height:50px; color:#fff; text-indent:25px; font-style:normal;border-bottom:1px solid #2f3551;}
    .sjdh ul li .dh_xl{padding-top:40px;}
    .bt{margin-bottom: 10px; margin-left: 10px}
    .sjdh ul li dd a{line-height:35px!important; font-size: 14px}
    .nav_box{ background: none; position:inherit; height: auto;}
    .t_text, .t_pho{display: none;}
    .top_r{margin-right: 50px;}
    .logo{margin: 10px 0; width: 40%}
    .t_right{width: 52%;}
    .number{padding: 0}
    .top_lg{margin-right: 40px;}
    .toubu-wb{display: none;}
    .sj_search{display: block;}
    .search-bar{padding: 15px;}
    .search-bar__icon{top:12px;}
    .menu-bj{margin-top: 70px;}
    .customers ul li{width: 49%; margin-bottom: 2%}
    .product .pro_type li{width: 31%; margin-bottom: 15px;}
    .product .conbox ul li{width: 49%}
    .mores{width: 100%; }
    .mores a{width: 45%; font-size: 12px}
    .aboutMain{position: inherit; width: 100%}
    .aboutMain img{width: 100%}
    .aboutMain .font{position: inherit; width: 100%; padding: 20px}
    .shil li{width: 48%; margin-bottom: 20px}
    .shil li:last-child{width: 100%; margin-bottom: 0}
    .col-sm-3{width: 49%}
    .newsL{width: 100%}
    .newsr{width: 100%; margin-top: 20px;}
    .nTie{margin-bottom: 15px;}
    .widget_titlebg, .fot_form2 .text, .fot_form2 textarea, .fot_form2 .submit{margin-left: 0}
    .inprony_left{width: 100%}
    .inprony_left p{bottom: 20px; font-size: 16px;}
    .inprony_right{width: 100%; margin-top: 3%}
    .inprony_right li{min-height: auto; margin-bottom: 3%}
    .inprony_right li .wz{font-size: 16px; margin-bottom: 15px}
    .inprony_right li .pimg{margin-top: 15px}
    .swiper-slide{margin-top: 20px; width: 50%}
    .n_butter{margin-top: 20px;}
    .inapp ul{margin-top: 20px}
    .inapp li{width: 99%; margin-bottom:4%}
    .inaboutny{position:static; width: 100%; height: auto; padding:20px; box-sizing: border-box;}
    .inaboutnybt{margin:0;}
    .inaboutnytext{margin:10px 0; font-size:18px; line-height: 35px}
    .inaboutnytext p{margin-bottom: 10px;}
    .n_butter2{margin:0;}
    .newslist li{margin-bottom: 10px; padding: 10px}
    .newslist li .xbt{margin-bottom: 10px;}
    .ny_al ul li{width: 0.325%; height: auto}
    .footer_left{width: 36%;margin-top:32px;}
    .footer_middle{width: 60%}
    .footer_middle p{margin-bottom: 0}
    .footer_right{width: 100%;}
    .footer_right li{width: 14%; text-align: center;}
    .nyabout2_01left{width: 100%}
    .nyabout2_01leftbg{display: none;}
    .nyabout2_01right{width: 100%}
    .zxts_list{width: auto; margin: 0 20px 20px; padding-left:135px;}
    .nyabout2_02left{width: 100%}
    .zxts_list2{width: auto; margin: 0 25px 20px; padding-left:135px;}
    .zxts2{padding-top: 20px;}
    .nyabout2_02right{width: 100%}
    .right_bar{display: none;}
    .jjfa .conleft {width: 100%}
    .jjfa .conright {width: 100%; margin:30px 0;}
    .jjfa .conright .rbox{padding: 35px 35px;}
    .probox_left{width: 100%}
    .fdh-01-tit .nbt{line-height: 45px;}
    .probox_right{width: 100%; margin:20px 0;}
    .probox_right01_left{width: 100%}
    .probox_rightbt_right{width: 100%}
    .pro_right .bd li .pic{width: 100%}
    .pwzny{width: 100%; margin-top: 20px;}
    .proxq_left{width: 100%}
    .proxq_left01bt{font-size: 26px;}
    .proxq_left02bt{font-size: 30px; margin: 15px 0; line-height:40px;}
    .proxq_left03 li{width: 48%;}
    .proxq_right{width: 100%}
    .pro_right{width: 100%; margin-top: 20px}
    .promore_l{width: 100%}
    .pros_right{width: 100%}
    .pros_right_top{margin-top: 20px}
    .xqpro33{margin-top: 20px}
    .xqpro33 li{width: 98%}
    .productss{margin-top: 0}
    .cultures{padding:20px 0;}
    .supportny{padding:20px 0;}
    .choicenul{margin:30px 0;}
    .ny_news_menu{padding:20px 0;}
    .news_r_text ul li .pic{width: 100%;}
    .news_r_text ul li .text{width: 100%; margin-top: 20px;}
    .xinwenxiangqing .nd_head p{font-size: 20px;}
    .downloadleft{width: 100%;}
    .cjwt-hz{margin-bottom:10px; padding-bottom: 10px}
    .cjwt-hz-bottom-wzbx{width: 100%;}
    .resource-drawer__resource li .dwz{width: 45%}
    .downloadleft01_l{width: 100%;}
    .downloadleft01_r{width: 100%;}
    .faqleft{width: 100%;}
    .faqright{width: 100%;}
    .faq{margin-top:20px;}
    .contact_left{width: 100%;}
    .contact_right{width: 100%; margin-top: 15px;}
    .tactfrms li{width: 95%}
    .contact{padding: 0}



}
@media screen and (max-width: 768px) {
    
    header{padding: 8px 0}
    .sj_search{padding-bottom: 10px;}
    .t_right{display: none;}
    .ny_al ul li{width: 0.496%}
    .footer{padding: 15px 0;}
    .footer_middle p{font-size: 14px}
    .nyabout2_05left{width: 100%; height: auto;}
    .nyabout2_05right{width: 100%; height: auto; margin-top:20px;}
    .company-cultures ul li em{width: 100px; height: 100px; padding: 28px}
    .company-cultures ul li em img{width: 80%; vertical-align: middle;}
    .relatedNews_font ul li{width: 97%}


    


}

@media screen and (max-width:640px) {
    
    .logo{width: 42%}
    .footer_right li{width: 25%}
    .footer_left{display: none;}
    .footer_middle{width: 100%; margin-left: 0}
    .inapp li .awz{margin-top: 18px}

}