@media screen and (max-width: 1180px) {
    .toubu-hz, .hz{width: 96%; margin: 0 auto;}
    .hzhb{padding: 15px 0;}
    .h2_title{font-size: 20px;}
    .p_title{padding-bottom: 8px; margin-top: 0}
    .i_case{padding:20px 0;}
    .about0{padding:20px 0;}
    .inyoushi{padding:20px 0;}
    .i_app{padding:20px 0;}
    .news{padding:20px 0;}
    .footer{padding:20px 0;}
    .inner_content{padding:20px 0;}

}

@media screen and (max-width: 980px) {
    .h_top{padding: 10px 0}
    .sjdh{position:fixed; left:-200px; top:0; background:#171e3d; width:200px; 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 10px; 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;}
    .nav_box{ background: none; position:inherit; height: auto;}
    .t_text, .t_pho{display: none;}
    .top_r{margin-right: 50px;}
    .toubu-wb, .toubu-tle-pic, .toubu-tle, .side{display: none;}
    .logo{margin: 10px 0}
    .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}
    .bread_content .bread_box{width:auto;}
    .newsleft{width:100%;}
    .newsright{width:100%; margin-top:20px;}
    .cbgg-01{display:none;}
    .conboxs ul li{width:48%;}
    .related-product li{width:48%;}
    .bread_content .inner_nav ul li a{padding:10px 18px;}
    





}
@media screen and (max-width: 768px) {
    .conbox ul li{width: 47%}
    .i_aboutny_left{width: 100%}
    .i_aboutny_right{width: 100%}
    .in_youshiny li{width: 49%}
    .anli_nor dl{width: 48%; height: auto; margin-bottom: 20px; padding-bottom: 20px}
    .anli_nor dl dt{margin:15px 10px;}
    .anli_nor dl dd.biaoti{line-height: 35px; font-size: 18px;}
    .anli_nor dl dd{font-size: 14px;}
    .in_newsleft{width: 100%}
    .in_newsleft ul li{margin: 0}
    .in_newsright{width: 100%;margin-top: 20px;}
    .footer_left{width: 100%}
    .footer_right{width: 100%;margin-top: 20px;}
    .i_nr_info{margin: 0;}
    .widget_titlebg{margin-bottom: 15px;}
    .footerbottom{padding-top: 20px;}
    .footerbottom_left{width: auto}
    .footerbottom_right{float: none;}
    .i_aboutny_right2{width: 100%}
    .ab_img ul li{width: 47%; margin-bottom: 20px;}
    .ab_img ul li:last-child{width: 100%}
    .newsPic{width: 100%}
    .newsLi{width: 100%}
    .ft-menu{width: 100%; margin-bottom: 20px;}
    .ft-infos{width: 50%;}
    .inner_about{margin:0 0 15px 0; line-height:28px;}
    .inner_img{width:100%; margin-right:0;}
    .related-product{margin-top:20px;}

    .nyvideony{width: 100%}
    .ny_idea li{width: 100%;margin-bottom: 15px;}
    .ny_idea_text{padding: 18px; min-height: auto}
    .ny_idea_text_bt{margin-bottom: 10px;}
    .nyworkshop_left{width: 100%}
    .nyworkshop_right{width: 100%;margin-top: 20px;}
    .nyworkshop_right li{width: 47%}
    .contlx{margin: 0px; width: 100%}
    .contlx_left{width: 100%; margin-bottom: 30px;}
    .contlx_right{width: 100%; float: none;}
    .fot_form2{float: none;}
    .fot_form2 .text{margin-left: 0}
    .fot_form2 textarea{margin-left: 0}
    .fot_form2 .submit{margin-left: 0}
    #map_container{margin-top: 20px}
    .inf_lc li{margin-bottom:15px;}
    .inf_lc li .bts{width:15%}
    .inf_lc li .nyzi{width: 82%;margin-bottom: 20px;}
    .inf_lc li .pimg{width: 100%; float: none; }
    .xinwenxiangqing{margin:0}
    .xinwenxiangqing .nd_head p{font-size: 22px;}
    .xinwenxiangqing .nd_text{padding: 15px 0}
    .relatedNews{margin-top: 20px}
    .view-page{margin: 0; padding-top: 20px;}
    
    .new_s2{margin-top: 20px;}
    .news_random2{padding: 10px;}
    .news_random2 ul li{width: 98%}
    .news_random2 ul li a{font-size: 14px;}
    .news_random2 ul li span{font-size: 14px;}
    .news_r_text ul li .text .tit a{font-size: 18px}
    .view-page {margin: 0;padding: 20px 0;}
    .view-page .prev, .view-page .back, .view-page .next{width: 100%; position: static; margin-top: 10px; text-align: center;}
    .view-page .prev a{padding-left: 0}
    .view-page .back{left:0%;margin-left:0px;width:100%; float:none;}
    .view-page .back a{padding-left: 0}
    .xinwenxiangqing .nd_head{padding-bottom: 15px;}
    .homeSeach .key{margin-top: 0}
    .homeSeach .seachBox{width: 100%}
    .homeSeach .seachBox .word{width: 86%}
    .promore_l{width: 100%}
    .pros_right{width: 100%; margin-top:20px;}
    .ul-txt1 li{width: 30.33%; margin-bottom: 15px}
    .cjwt-hz{padding-bottom:15px; margin-bottom:10px;}
    .cjwt-hz-bottom-nt{margin-top:0;}
    .cjwt-hz-bottom{padding:0;}
    .contact_lx{width:100%;}
    .tactfrms{width:100%;}
    .tactfrms li{width:96%;}
    .pc{display:black;}

    


}

@media screen and (max-width:640px) {
    .headerLogo img{width: 165px;}
    .top_r{margin-right: 36px;}
    .top_rlg{margin-top: 20px;}
    .search{display: none;}
    .til01 p{font-size: 14px}
    .i_servicesj li{width: 97%;}
    .in_youshiny li{width: 99%}
    .homeSeach .seachBox .word{width: 70%}
    .ft-menu .item{width: 18%; margin-right: 2%}
    .ft-menu .item li{padding: 0}
    .ft-menu .item li a{font-size: 12px;}
    .ft-infos{width: 62%;}
    /*bottombox*/
    #bottombox{ width:100%; height:60px; background:rgba(221,32,37,.8); z-index:99; position:fixed; bottom:0px; left:0px; right:0px; top:auto; padding:5px 0; display:block;}
    .fize{ text-align:center;}
    .fize img{ display:inline; margin:0 0 3px 0;}
    .bot1{ width:25%; height:auto; float:left;  color:#fff; text-align:center; display:block; margin:3px 0px;}
    .bot1 a{ color:#fff;  font-size:14px;}
    .bot2{ width:25%; height:auto; float:left;  color:#fff; text-align:center; display:block; margin:3px 0px;}
    .bot2 a{ color:#fff;   font-size:14px;}
    .bot3{ width:25%; height:auto; float:left; color:#500; text-align:center; display:block; margin:3px 0px;}
    .bot3 a{ color:#fff;  font-size:14px; }
    .bot4{ width:25%; height:auto; float:left;  color:#fff; text-align:center; display:block; margin:3px 0px;}
    .bot4 a{ color:#fff;  font-size:14px;}
    .tan{width:80%; height:160px; background-color:#e8e8e8; position:fixed; left:10%; top:40%; display:none; z-index: 200;} 
    .kuang{height:50px; text-align:center; padding: 20px 0;} 
    .txtcss{color:red; font-weight:800; font-size:20px;} 
    .copys{font-size: 16px; float: left; background-color: #dd2025; padding: 5px 20px; margin: 8% auto 0 28%; color: black; border-radius: 5px;} 
    .copys a{color: white;} 
    .guanbi{width:20px; height:20px; color:red; margin-top:-100px;float:right;}
    
}

@media screen and (max-width:300px) {
    .logo img{height:40px;}
}