@media (max-width: 1599px) {
  header{padding: 0 15px;}
 
}
@media (max-width: 1399px) {
  .wp {
    width: 1200px;
    padding: 0 15px;
  }
  .home-banner-con .box-right {
    border-radius: 1.25rem;
    padding: 1.25rem;
}
.home-banner-con .box-right label {
  margin: .625rem 0 .4375rem;
}
}
@media (max-width: 1199px) {
  .wp,.wp2 {
    width: 100%;
    padding: 0 15px;
  }
  .banul{margin: 0 -7.5px;}
  header .center > ul > li {
    padding: 0px 15px;
}
  .foot-wrap .wp {
    padding-left: 15px ;
    padding-right: 15px;
  }
}
@media (max-width: 991px) {
  .container {
    padding: 0 10px;
  }
  header{display: none;}
  .phone {
    display: block;
    padding: 0 15px;
  }
  .p_top {
    top: -60px;
  }

  .city_p_r_content {
    padding-top: 0;
  }
  .navtop {
    flex-wrap: wrap;
    padding: 20px 0;
  }
  .navtop .left {
    width: 100%;
  }
  .navtop .left .banul {
    justify-content: flex-start;
    width: 100%;
    margin: 10px 0;
  }
  .navtop .left .banul .banli {
    margin-bottom: 10px;
    width: 14%;
  }
  .navtop .titbtn {
    width: 100%;
  }
  .city_p_r_content .city_con_box{padding: 5px 15px;}

  .ap-wrap {margin-top: -20rem;}
  .ap-list {
    margin: 7.5px -7.5px 0;
}
.ap-list li{width: 33.33%; margin-bottom: 15px;}

.ap-list .con {margin: 0 7.5px;}
.ap-list .box{padding: 10px;}
.more {margin: 5px 0 15px;}
.sp-wrap{margin: 15px 0;}
.pc-sp-img{display: none;}
.sj-sp{margin-top: inherit; padding:10px 0 0;}
.sj-sp .swiper-slide::after {
  width: 5rem;
  height: .8125rem;
}
.sj-sp .swiper-slide::after{transform: translateX(60.5%);}
.sj-sp p{padding: 0;}
.foot-wrap .wp{padding: 15px;}
.phone-foot{display: block;}

.home-banner-con .box-left h2 {font-size: 20px;}
.home-banner-con .box-left p{font-size: 14px;margin:10px 0;}
.home-banner-con .box-left ul li{font-size: 14px;}
.home-banner-con .box-left ul li img {
  height: 15px;
  margin-right: 3px;
}
.home-banner-con .box-right {
  border-radius: 10px;
  padding: 10px;
}
.home-banner-con .box-right label {
  margin: 5px 0 3px;font-size: 14px;
}

.form-control {
  height:30px;
  padding: 3px 6px;
  font-size:14px;
}
.home-banner-con .box-right button {
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
  border-radius:5px;
  font-size: 14px;
}
.home-banner-con .wp{    padding-top: 150px;}

.cat {
  padding: 15px 0 5px;
}
.cat ul {margin: 0 -5px;}
.cat ul li a {
  padding: 0 5px;
  margin-bottom: 10px;
  position: relative;
}
.cat ul li span {
  padding: 7px 18px;
  border-radius: 5px;
  font-size: 14px;
}
.home-ap-wrap{padding: 15px 0;}
.why-wrap{padding-top: 15px;}
.why-pic img {height: 176px;}

.why-wrap ul li .pic {
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.why-wrap ul li .pic img {
  width: 25px;
}
.why-wrap ul li:nth-child(1) .pic, .why-wrap ul li:nth-child(2) .pic{margin-left: 10px;}
.why-wrap ul li:nth-child(3) .pic, .why-wrap ul li:nth-child(4) .pic{margin-right: 10px;}
.why-wrap ul li h4 {font-size: 16px;}
.why-wrap ul li p{font-size: 12px;}
.why-wrap ul li:nth-child(2) {left: 100px;}
.why-wrap ul li:nth-child(3) {right: 100px;}
.why-wrap .con {
  margin-top: 15px;
  padding-top:30px;
}
.ms-wrap{ padding: 15px 0;}
.ms-wrap ul li .pic {
  width: 81px;
  height: 81px;
  line-height: 81px;
  margin: 30px auto 0;
}
.ms-wrap ul li h4{font-size: 16px;}

.dna-wrap{padding: 15px 0;}
.dna-wrap .mySwiper1{margin-top: 15px;}
.dna-wrap .con .box{padding: 10px;}

.ibanner {margin-top: 0; padding: 15px 0;}
.ibanner .position{font-size: 12px;}
.ibanner h2 {margin: 20px 0 10px; font-size: 22px;}
.ibanner .sub-menu a{font-size: 16px;}
.pagination{margin: 15px 0;}

.ibanner .box{margin-top: 15px;}
.ibanner .box .left { margin-right: 15px;}
.ibanner .right h1{font-size: 20px;}
.ibanner .right p{margin-top: 10px;}
.ibanner .right p.line4{display: none;}
.detail .wp{padding: 15px;}
.detail .wp .main {margin-right: 15px;}
.ibanner .right,.detail .wp .aside{width: 287px; flex: inherit;}
.detail .wp .aside h3.tit{font-size: 20px;}
.detail .wp .aside .aside-box h3 {
  font-size: 18px;
  padding: 10px;
}
.detail .wp .aside .aside-box p{padding: 0 10px;}
.detail .wp .aside .aside-box .box ul li {
  font-size: 16px;
  line-height: 30px;
}
.detail .wp .aside .aside-box .box{padding: 10px;}
.detail .wp .aside  .ap-list,.detail .wp .aside .aside-box { margin-top: 0;}

.detail .wp .main .tags {
  padding-top: 15px;
  margin-top: 15px;
}
.detail .wp .main .tags a {
  padding: 6px 15px;
  border-radius: 5px;
  margin: 0 5px 10px;
}
.news-list li{margin-bottom: 15px;}
.news-list li .pic {  width: 173px; margin-right: 10px;}
.news-list li .box .time{line-height: 1; margin: 5px 0;}
.news-list li .box p{line-height: 1.6;}

.pn { padding-top: 15px;margin-top: 5px;}
.home-banner-con .wp2{display: none;}

}
@media (max-width: 767px) {
  .navtop .left .banul .banli {width: 33.33%; margin: 0 0 10px;}
  .navtop .left .banul .banli a{width: auto; margin: 0 5px;}
  .city_p_r_content .city_con_box .city_item .city_list{margin-bottom: 0;}
  .ap-list li{width: 50%;}
  .sj-sp .swiper-slide{margin: 0 auto!important;}

  .home-banner-con{position: inherit; height: 230px;transform: translateY(-10%);}
  .home-banner-con .wp{display: inherit;}
  .home-banner-con .box-left{width: 100%; padding-bottom: 30px;}
  .home-banner-con .box-right{width: 100%;}
  .home-banner-con .box-left p,.home-banner-con .box-left ul{display: none;}
 
.form-group.inpt{max-width: 100%;}
  .banul .banli {
    margin: 0 7.5px 7.5px;
    font-size: 12px;
}
.banul .banli.active{font-size: 12px;}
.banul .banli a {
  padding: 0 15px;
  height: 35px;
  line-height: 35px;
  border-radius: 5px;
}
/*.home-banner-con .wp {*/
/*  padding-top: 77.5%;*/
/*}*/

  .cat ul li,.cat ul li:nth-child(1), .cat ul li:nth-child(2){width: 100%;float:none;}
  .why-pic img{height: auto; width: 100%;}

  .why-wrap ul li{position: inherit;}
  .why-wrap .con {padding-top: 0;}
  .why-wrap ul li{float: none; width: 100%; margin-bottom:10px;}
  .why-wrap ul li .box{flex: 1; margin-bottom: 10px;}
  
  .why-wrap ul li:nth-child(1) .box,.why-wrap ul li:nth-child(2) .box{order:1; text-align:left;}
.why-wrap ul li:nth-child(1) .pic, .why-wrap ul li:nth-child(2) .pic{ margin-right:10px;margin-left:0;}
  .ms-wrap ul li .pic {
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: 15px auto 0;
}
.ms-wrap ul li .pic img {
  width: 30px;
}
.ms-wrap ul li h4{font-size: 14px;}

.adv-wrap .wp {
  padding-top: 15px;
  padding-bottom: 15px;
}
.adv-wrap ul{display: inherit;}
.adv-wrap ul li{display: inherit; float: left; width: 50%; text-align: center;}
.adv-wrap ul li .pic{width: auto;}
.adv-wrap ul li p{padding: 0 5px;}

.ibanner .box{display: inherit;}
.ibanner .box .left,.ibanner .right,.detail .wp .main, .detail .wp .aside{margin-right: 0; width: 100%;}
.ibanner .right p.line4{display: block;}
.ibanner .right h1{margin-top: 15px;}
.detail .wp{display: inherit;padding: 15px;}
.detail .wp .aside .aside-box .ms-list li{width: 25%;}
.detail .wp .aside .aside-box .ms-list li .pic{width: 60px; height: 60px;line-height: 60px;margin: 15px auto 0;}
.detail .wp .aside .aside-box .ms-list li .pic img{width: 30px;}
.adv-wrap ul li p{margin-bottom: 10px;}

.news-list li .pic{width: 140px;}
.news-list li .box p.line3{-webkit-line-clamp: 2;}
.pn { margin-bottom: 15px;}

}