@media screen and (max-width: 768px) {

  .pc_show {
    display: none !important;
  }
  .phone_show {
    display: block !important;
  }
.code input {
flex:unset;
width:60px;
}
.code img {
flex:unset;
margin-left: 10px;
}
  .ind, .ina, .foot-list {
    padding: 0 ;
  }
  .common-wrapper {
    width: 100%;
  }
  .head-wrapper {
    width: 100%;
    justify-content:left
  }
  .nav-btn {
    display: block;
    position:absolute;
    right: 5%;
  }
  .head-logo {
    margin: 0;
  }
  .head-logo a {
    width: 100%;
    height: 100%;
    display: block;
  }
  .head-logo a img {
    height: 100%;
    width: auto;
  }
    .sub_menu>a::before {
      content: "\f107";
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      position: absolute;
      box-sizing: border-box;
      width: 8vw;
      height: 4vw;
      padding-left: 4vw;
      right: 4vw;
      top: 4vw;
      color: #fff;
      transform:scale(1.4) ;
      transform:rotate(0deg);
      transform-origin: center center;
      transition: all .3s;
    }
    .sub_menu.active>a::before{
      transform:rotate(-90deg);
      top: 6vw;
    }
    .head-nav>ul .sub_menu.active ul {
      transform: rotateX(0deg);
      opacity: 1;
    }
  #xyz {
    zoom: 1;
    position: fixed;
    top: 6.75vw;
    right: 10vw;
    min-width: 120px;
    margin-bottom: 0;
    height: auto;
  }
  
  .head-nav ul li .inmenu_1{background-color:#232429}
.head-nav{position:absolute}
.head-nav>ul{background-color:#232429;top:13.3333333333vw;right:-80vw;position:fixed;flex-direction:column;width:80vw;height:100vh;overflow:auto}
.head-nav>ul>li{position:relative;height:auto;margin:0;display:block;padding:4vw 5.3333333333vw;border-bottom:1px solid hsla(0,0%,100%,.5)}
.head-nav>ul>li a{width:100%;display:flex;justify-content:space-between;color:#fff;font-size:4vw;height:auto}
.head-nav>ul>li .inmenu_1{color:#fff}
.head-nav>ul>li .inmenu_1:after{content:none}
.head-nav>ul>li:last-child{border-bottom:none}
.head-nav>ul>li i{position:absolute;box-sizing:border-box;width:8vw;height:4vw;padding-left:4vw;right:4vw;top:4vw;color:#fff;transform:scale(1.4) rotate(0);transform-origin:center center;transition:all .3s}
.head-nav>ul>li .slide-active{transform:scale(1.4) rotate(90deg);transform-origin:6vw 2.9vw}
.head-nav>ul>li:hover>a,.head-nav>ul>li:hover>i{color:#fff;background-color:transparent}
.head-nav>ul>li:hover>a:after,.head-nav>ul>li:hover>i:after{transform:translateX(-50%) rotateY(90deg)}
.head-nav>ul .submenu{transition:none;position:relative;width:100%;right:0;transform-origin:top;transform:rotateX(0);opacity:1;height:auto;background:#232429;top:0;list-style-type:square;display:none}
.head-nav>ul .submenu li{position:relative;list-style-type:none;padding:1.3333333333vw 0 0;margin:0 0 0 5.3333333333vw;border-bottom:none}
.head-nav>ul .submenu li a{font-size:3.4666666667vw;line-height:26px}
.head-nav>ul .submenu li a:hover{background:0 0}
.toggle-animate span:first-of-type{top:1.6vw;transform:rotate(45deg);transition:top .2s,transform .2s .2s,background .2s}
.toggle-animate span:nth-of-type(2){opacity:0;transition:opacity .2s}
.toggle-animate span:nth-of-type(3){top:1.6vw;transform:rotate(-45deg);transition:bottom .2s,transform .2s .2s,background .2s}
.head-wrapper{height:100%}
.head{height:13.3333333333vw;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.head-wrapper{justify-content:space-between;position:relative;padding:0 5.3333333333vw}
.nav-btn{display:flex}
  .nav-btn{right:6vw}
.search-box{width:100%;height:auto;min-height:32px;margin-bottom:10vw}
.search-box>.search-btn,.search-close{display:none}
.search-wr{margin-left:5px;position:relative;left:-8vw;top:1vw}
.head-nav>ul>li {padding: 0;}
.head-nav>ul>li>a {padding: 4vw 5.3333333333vw;}
.head-nav>ul>li.active>a {background: #e70012;}
  #swiper-banner .swiper-button-next,#swiper-banner .swiper-button-prev {
    display: none;
  }
  .ind,.hot-pro .mySwiper2 .swiper-slide .inpro-tit {
    text-align: center;
    position: relative;
    margin: 0 auto;
    left: 0;
  }
  .hot-pro .mySwiper2 .swiper-button-next, .hot-pro .mySwiper2 .swiper-button-prev {
    top: 50%;
  }
  .hot-pro .inpro-tit h4 {
    font-size: 18px;
  }
  .hot-pro .mySwiper2 .swiper-slide .inpro-tit p {
    font-size: 12px;
  }
  .ina .ina-wrapper {
    flex-wrap: wrap;
  }
  .ina .ina-l,.ina .ina-r,.ina .ina-r-text,.ina .ina-r-text h3,.ina .ina-r-text .ser-ul {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
  }
  .ina .ina-l {
    padding: 0 10px;
  }
  .ina .ina-r-text h3{
    color: #000000;
  }
  .ina-r {
    display: none;
  }
  .ina .ina-r-text {
    padding: 20px 0;
  }
  .ina .ina-r-text .ina-span {
    top: 100%;
  }
  .ina .ina-r-text .ina-span a {
    background-color: #e70012;
    color: #fff;
  }
  .ina .ina-r-text .ser-ul {
    margin-top: 20px;
  }
  .hot-pro .mySwiper2 .swiper-slide a {
    margin: 0 15%;
  }
  .hot-pro .mySwiper2 .swiper-slide img {
    width: 80%;
  }
  .caseUl li{
		margin-right: 3%;
		width: 48.5%;
	}
	.caseUl li:nth-child(3n+0) {
	    margin-right: 3%;
	}
	.caseUl li:nth-child(2n+0) {
	    margin-right: 0;
	}
	.caseBox{
		margin-top: 0%;
		padding-top:20px;
	}
  .ind {
    display: none;
  }
.foot {
  padding-bottom: 13.33333vw;
}
.foot .text{display:none}
.search-box{height:13.3333333333vw;display:flex;justify-content:center;align-items:center}
.search-input .stbn{width:17.3333333333vw}
.foot-l{flex-direction:column-reverse}
.foot-item{width:100%}
.foot-item:first-of-type{padding-top:0}
.foot-l .foot-u{display:none}
.foot-l .lfr{margin-top:5.3333333333vw}
.foot-nav{padding:0;width:100%}
.foot-nav ul{display:flex;flex-wrap:wrap;margin-top:0}
.foot-nav li{width:33.3%}
.foot-cate,.foot-code,.foot-title{display:none}
.foot-list{height:auto;min-height: 120px; padding: 0 10px;}
.foot-right{font-size:13px;height:13.3333333333vw}
.fudong{ display:block; position:fixed; bottom:0; left:0; width:100%; height:13.3333333333vw; background:#0571b1; z-index:99999;max-height: 80px;}
.fudong li{ width:19.8%; text-align:center; height:10vw; margin:8px 0; border-right:1px solid #eee; float:left; box-sizing:border-box}
.fudong li a {
  width: 100%;
  height: 100%;
  display: block;
}
.fudong li a img {
  width: 30%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.fudong li p{ color:#fff;font-size: 12px; padding: 2px 0;}
.foot-list {
  padding:5.3333333333vw 10px;
}
/* other */
main .in-tit strong {
  font-size: 20px;
}
main {
  margin-top: 45px;
  overflow-x: hidden;
  touch-action:pan-y;
}
.bann {
  height: 160px;
}
.bann h2 {
  padding: 0 5.3333333333vw;
}
.bann h2 img {
  width: 100%;
  display: block;
}
.cbp-vm-view-grid ul li {
  width: 43.3%;
}
.cbp-vm-view-grid ul li:hover .cbp-vm-details {
  opacity: 0;
}
.cbp-vm-view-grid ul li:hover .li {
  background-color: #fff;
}
.cbp-vm-view-grid ul li .li:hover .h4 a {
  color: #000;
}
.cbp-vm-view-grid ul li .li .cbp-vm-image {
  border: none;
}
.cbp-vm-image img {
  width: 99%;
  border: 1px solid #e5e5e5;
}
.common-wrapper, .head-wrapper {
  width: 100vw;
    padding: 0 5.3333333333vw;
    box-sizing: border-box;
}
.common-content .common-wrapper {
  display: block;
}
.pro-content .pro-cont-top span {
  display: none;
}
.common-side {
  display: none;
}
h1.pro-type{margin-top:5.3333333333vw;box-sizing:border-box;text-align:left;font-size:5.3333333333vw;line-height:1.8;border-left:3px solid #428691;padding:0 0 0 5.3333333333vw;margin-bottom:4vw;background-color:#fff}

.common-link{flex-direction:column}
.common-link>div{height:9.3333333333vw;padding:0 10px}
.common-link>div,.common-link>div a{line-height:9.3333333333vw}
.common-link .next,.common-link .prev{padding:0 10px}
.common-link .prev i{margin-right:5px}
.common-link .next i{margin-left:5px}
.inner-nav{height:12vw;font-size:14px}
.inner-nav a,.inner-nav h1{line-height:12vw}
.common-main{flex:1;padding:0;padding-top: 20px;}
.common-main img{max-width:100%}

.pro-cont-img img {
  width: 100%;
  height: auto;
  display: block;
}
.pro-content .pro-cont-desc {
  display: block;
}
.pro-content .pro-cont-desc .pro-cont-img {
  width: 100%;
  height: 100%;
}
.video-list li {
  width: calc(50% - 30px);
  margin-bottom: 20px;
}
.video-list li h5 {
  padding: 10px 0;
}
.common-link .prev {
  margin-right: 0;
  margin-bottom: 6px;
}
.video-list li h5 span {
  height: auto;
}
.tt1 {
  width: 100%;
}
.com_ul {
  margin-top: 20px;
}
.com_ul li {
  width: 100%;
  margin-right:0
}
.com_ul li .li {
  padding: 0;
}
.newslist li {
  padding: 5px 0;
}
.newslist li .date span {
  font-size: 14px;
}
.newslist li .ncd {
  padding: 0;
  margin: 0;
  width: 60%;
}
.newslist li .ncd p {
  margin-bottom: 3px;
  font-size: 20px;
  padding-bottom:3px;
}
.case ul li {
  width: calc(50% - 5px);
}
.case ul li:nth-child(2n) {
  margin-right: 0;
}
/* 新闻 */
.inn .news{background:url("../images/sub_05.jpg") no-repeat cover}
.inn .news .common-title{margin-bottom:20px}
.inn .news p{text-align:center}
.inn .news ul{display:flex;flex-wrap:wrap;margin-top:30px}
.inn .news ul li{width:calc(25% - 30px);margin:30px 15px;background-color:#fff;box-sizing:border-box;transition:all .3s ease}
.inn .news ul li .more-btn{transition:all .3s ease;padding:12px 0;margin-top:20px;font-size:14px;display:inline-block}
.inn .news ul li .more-btn i{position:relative;top:2px;font-weight:700;margin-left:5px}
.inn .news ul li:hover{box-shadow:0 5px 10px rgba(0,0,0,.8);transform:translateY(-3px)}
.inn .news ul li:hover .more-btn{padding:12px;background-color:#428691}
.inn .news-info{padding:20px}
.inn .news-title{font-weight:700;display:-webkit-box;display:-moz-box;max-height:40px;line-height:20px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.inn .news-img img{width:100%}
.inn .news-img{min-height:120px}
.inn .news-con{margin-top:20px;color:#333;font-size:14px;display:-webkit-box;display:-moz-box;max-height:54px;line-height:18px;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}

.inn .news ul{margin-top:0;justify-content:space-between;}
.inn .news ul li{width:48%}

.inn .news .common-title,.inn .news ul li{margin:0 0 5.3333333333vw}
.inn .news-info{padding:2.6666666667vw}
.inn .news ul li .more-btn{display:none}
.inn .news-con{-webkit-line-clamp:2;margin-top:2.6666666667vw}
.common-more-btn{display:block;margin:0 auto;padding:16px;justify-content:center;align-items:center;box-sizing:border-box;border:1px solid #000}
.common-more-btn i{font-weight:700;margin-left:30px}
.common-more-btn-y{display:block;margin:0 auto;padding:16px;justify-content:center;align-items:center;box-sizing:border-box;border:1px solid #428691;color:#428691}
.common-more-btn-y i{font-weight:700;margin-left:30px}
.btn-wrapper{width:100%;display:flex;justify-content:center}
.newslist li .npic {
  padding-top: 5%;
}
.ina .ina-r-text h3 {
  font-size: 20px;
}
.prolist-1 li>a {
  height: 200px;
}
.prolist-1 .pro-info {
  padding: 10px;
  padding-top: 20px;
}
.prolist-1 .pro-intro {
  height: 65px;
  -webkit-line-clamp: 3;
  font-size: 13px;
}
.prolist-1 .more_1 {
  left: 5px;
  right: 0;
  bottom: 5px;
  font-size: 14px;
	line-height: 1.5em;
	padding:0 8px;
  text-align: center;
}
.prolist-0 li {
  margin-bottom: 0px;
}
.send_column {
  padding-bottom: 60px;
  box-shadow: none;
}
.send_column ul li {
  width: 100%;
  margin-right: 0;
  padding-left: 0;
}
.send_column ul li.meText {
  width: 100%;
}
.prolist-1 li>a {
  height: 100px;
  margin-top: 10px;
}
.prolist-1 .more_1 {
  left: auto;
  width: 80px;
  right: 10px;
}
.prolist-1 .i_zx .more_1 {
  right: 105px;
}
.prolist-1 .i_xun .more_1 {
  right: 200px;
}
.prolist-1 .pro-intro {
  margin-top: 5px;
}
.prolist-1 .pro-info {
  padding-top: 10px;
  padding-bottom: 30px;
}
.prolist-1 .more_1 {
  padding: 0 2px;
}
.prolist-1 li {
  margin-bottom: 30px;
}
.pro_all .prolist-1 li>a {
  height: 150px;
  width: 50%;
}
.pro_all .prolist-1 li>a img {
  margin-top: 10px;
  width: auto;
}
.pro-content .pro-cont-desc .proimg {
  width: 100%;
}
.pro-content .pro-cont-desc .proinfo {
  width: 100%;
}
.pro-content .pro-cont-desc .proinfo .para:first-child {
  margin-right: 0;
  width: 50%;
}
.pro-content .pro-cont-desc .proinfo h3{
  margin-bottom: 10px;
}
#nav li img {
  height: 60px;
}
.pro-content .pro-cont-desc .proinfo .online ,.pro-content .pro-cont-desc .proinfo .maxpara{
  margin-top: 10px;
}
.pro-content .pro-cont-desc .proinfo .para h3 {
  font-size: 16px;
}
.pro-content .pro-cont-desc .proinfo .para p {
  font-size: 12px;
}
.pro_banner {
  top: 50px;
}
.hot-pro .pro_banner h3 {
  top: 5%;
  font-size: 24px;
}
.hot-pro .pro_banner h4 {
  font-size: 14px;
  top: 18%;
}
.hot-pro .pro_banner .i_more {
  top: 35%;
}
/* main .hot-pro-wrapper .in-tit {
  margin-bottom: 150px;
} */
.hot-pro .pro_banner .i_more a {
  font-size: 14px;
}
.pro_banner img {
  height:150px;
}
.pro-content .pro-cont-desc .proinfo {
  padding-bottom: 50px;
}
.pro-content .pro-cont-desc .proinfo .online {
  bottom:15px;
}
.pro-content .pro-cont-item {
  margin-top: 30px;
}
.message_wrap {
  padding-bottom: 0;
}
.why{
  padding: 30px 0;
}
.why .item{
  margin: 15px 0;
  width: 100%;
}
.why .item::before{
  display: none;
}
.why .item strong{
  margin: 15px 0;
  font-size: 18px;
}
.why .item p{
  padding: 0;
  font-size: 14px;
}
.why .item i {
  width: 100px;
  height: 100px;
}
.why .why-cont {
  flex-wrap: wrap;
}
.ina .ina-l img {
  width: 100%;
}
.main_more {
left:50%;
}
.code {
left:5.33333vw
}
.pro-cont-item .pro-item-desc iframe {
width:100%;
height:auto;
}
.main_more {
  right: 5.333vw;
  left: unset;
}
.pro-cont-item .pro-item-desc table {
zoom: .5;
}
.pro-cont-item .pro-item-desc table p {
padding: 2px 0;
}
.pro-cont-item .pro-item-desc p {
padding:0;
}
}