@media screen and (max-width: 1366px) { .nav li{margin:0 10px;} } @media screen and (max-width: 1200px){ .header{padding: 0 15px;} .header-r{right: 30px;} .box{width: 100%; padding: 0 15px} .home-news-list ul{margin-left: 0;display: flex; flex-wrap: wrap;justify-content:space-between; padding: 0 3% } .home-pro-list ul{ margin-left: -6px;} .home-pro-list li{margin: 10px 10px 10px 0;} .home-pro-list li:nth-child(4n){margin-right: 0;} .home-news-list li{margin-left:0; width: 30%;} } @media screen and (max-width: 1024px) { .home-top li{margin: 0 10px;} .home-pro-list ul{display: flex; flex-wrap: wrap;justify-content: space-between; padding: 0 30px;} .home-news-list ul li{margin-top: 15px;} .home-news-list ul li:last-child { margin-right: auto;} .footer{padding: 30px;} .home-pro-list li{margin: 10px 0;} .sub-left{width: 25%;} .sub-right,.sub-right2{width: 72%;} .header ul{padding-left: 110px;} } @media screen and (max-width: 768px) { .wap{display: block;} .pc{display: none;} .box{width:100%;} .homebanner .owl-controls{bottom:0;top: auto;} .homebanner .owl-buttons .owl-prev, .homebanner .owl-buttons .owl-next{display: none;} .owl-carousel.homebanner .owl-item{height: auto;} .owl-carousel.homebanner .owl-item img{max-width: 100%;vertical-align: bottom;} .owl-carousel.homebanner{margin-top:50px;} .homebanner .owl-controls .owl-page span{width:8px;height: 8px;} .home-top{margin:0;margin-top: 15px;} .home-top li{width:50%;margin:8px 0 8px 0;text-align: center;float:left;padding: 0;} .home-top li i{position: static;display:inline-block;} .home-top li p{text-align: center;line-height: 40px;font-size: 16px;} .home-title::before, .home-title::after{width:20%;} .home-title{margin-top:8%;} .home-pro-list{margin-top:4%;} .home-pro-list ul{padding: 0;} .home-pro-list li{width:49%;margin:0;height: auto;overflow: hidden;margin-bottom:20px;} .home-pro-list li a{} .home-pro-list li:hover .con{display: none;} .home-pro-list li:hover p{bottom:0;} .home-pro-list li p{height: 40px;line-height: 40px;font-size:16px;} .owl-carousel.home-propic .owl-item .text{width:100%;height: auto;padding:5%;} .owl-carousel.home-propic .owl-item .text .t1{font-size:20px;} .owl-carousel.home-propic .owl-item .text .t2{font-size:14px;} .owl-carousel.home-propic .owl-item .pic{width:100%;} .home-news-list{padding:3%;margin-top:4%;} .home-news-list ul{margin:0;} .home-news-list li{width:100%;margin:4% 0 4% 0;} .home-news-list li img{width:100%;} .home-news-list li .tit{height: auto;} .home-news-list li .bot{margin-top:6px;} .footer .menuli{display: none;} .footer .ewm{width:100%;} .footer .footer-tel{border:none;padding:0;width:100%;margin:0;} .home-propic .owl-buttons .owl-prev,.home-propic .owl-buttons .owl-next{margin:0;} .sub-left{width:100%;margin:0;} .sub-left .title{height: 50px;line-height: 50px;} .sub-left .navMenu>li>a{height: 40px;line-height: 40px;} .sub-left .navMenu>li>ul.sub-menu li>a{line-height: 40px;} .sub-left .left-tel{display: none;} .sub-left .navMenubox{background: none;padding:0;} .sub-right{width:100%;} .pro-tab{} .pro-tab li{width:50%;} .sub-banner{height: auto;background-image: none;margin-top:50px;} .sub-banner img{width:100%;vertical-align: bottom;} .pro-list{padding:0 4%;} .pro-list li{width:100%;} .show-pro{padding:4%;} .about-content{padding:3%;margin:0;} .about-bot .about-li{width:100%;padding:3%;} .about-bot .about-li .text{width:calc(100% - 100px);margin-left:0;float:right;} #map{padding:3%;margin:0;} .sub-right2{width:100%;} .contact-box .contact-li{width:100%;padding:3%;} .contact-box{margin:0;} .contact-box .contact-li:last-child{padding:3%;} .er_gz_xq{padding:4%;} .er_gz_xq h2{margin-top:0;} .zp-form li{width:100%;margin-bottom:5px;} .zp-form li .text, .zp-form li .text1{width:calc(100% - 30px);} .zp-form li .text2{width:100%;} .zp-form .botinput{text-align: center;margin-top:20px;padding:0;} .er_gz_xq2,.er_gzx{padding:4%;} .er_gz_xq h2 span a{width:auto;padding:0 15px;font-size:14px;} .er_gzx table tr th{font-size:14px;} .er_gzx h2{margin-top:0;} .er_gzx table tr td a,.er_gzx table tr td{font-size:14px;} .er_gzx table tr td a{text-align: left;display: block;} .tuandui-content{padding:4% 3%;margin:0;} .show-title{padding:3%;margin:0;margin-top:4%;font-size:20px;} .titbot span{padding:0 2px;padding-left:15px;} .show-content{padding:3%;} .share{width:100%;float:left;padding:3%;margin:0;} .show-pages{padding:3%;margin:0;} .show-pages a.prev,.show-pages a.next{display: block;float:left;padding:0 0 0 50px;} .show-pages a.next,.show-pages a.next:hover{background-position: left;padding:0 0 0 50px;} .show-pages a{margin:8px 0;text-align: left;} .hd-list ul{margin:0;padding:0 1%;} .hd-list li{width:50%;margin:0;padding:2% 1%;} .pages a{margin:0 1px;padding:0 8px;} .hd-list li p{font-size:14px;} .rongyu-text{padding:3%;} .titbot{display: none;} .show-content,.show-title{margin:0;} .sub-right2{margin-bottom:0;} .footer{padding:4%;} .er_gzx table tr th:first-child{text-align: left;padding-left:10px;} .er_gzx table tr td a{padding-left:10px;} .toptitle{width:100%;float:left;padding:3%;border-bottom:1px solid #e5e5e5;} .toptitle span.t{float:left;} .toptitle .arrow:before{float: right; margin-top: 1px; margin-right: 0; display: inline; font-family: FontAwesome; height: auto; font-size: 16px; content: "\f107"; font-weight: 300; text-shadow: none;} .navMenu li a{padding-left:25px;} .pro-box{margin-top:0;} .footer .footer-tel .text{line-height: 28px;} .wap-cp{display: none;} .btn-search-close{right:10px;top:60px;width:30px;height: 30px;} .search__input{width:calc(100% - 50px);} .search{display: inline-block;flex-direction:row;justify-content:normal;} .search__form{padding:0 3%;} .home-news-list li .pic{max-height: none;} .news-list{padding:0 3%;} .contact-box .contact-box ul li{ width: 48%; } } @media screen and (max-width: 641px) { } @media screen and (max-width: 414px) { .contact-box .contact-box ul li{ width: 98%; } .contact-box .contact-box{ border: 0; } } @media screen and (max-width: 320px) { }