@media (max-width: 800px){
  #swiper-banner {
    width: 100%;
  }
  .head-logo {
    width: auto;
  }
  .container {
    width: 100%;
  }
  .in_pro_nav {
    width: 70%;
  }
  .in_pro_nav ul {
    flex-wrap: wrap;
  }
  .in_pro_nav ul li {
    width: 100%;
    margin-bottom: 10px;
  }
  .in_pro_list ul li {
    width: calc(50% - 10px);
  }
  .product-list li figure {
    height: 140px;
  }
  .in_reason {
    padding: 20px 0;
  }
  .in_reason_top, .in_reason_bottom {
    flex-wrap: wrap;
  }
  .reason_top_left {
    width: 100%;
  }
  .reason_top_left img {
    width: 100%;
  }
  .reason_top_right {
    display: none;
  }
  .in_reason_top, .in_reason_bottom {
    flex-wrap: wrap;
  }
  .in_reason_left,.in_reason_right {
    width: 100%;
    margin: 0;
  }
  #index-about {
    background-color: rgba(255, 255, 255, 0.24);
  }
  #index-about .intro {
    background: none;
  }

  #index-about .intro a,#index-about .intro h2{
    color: #0571b1;
  }
  .post-list .post-list-item { width:100%; float:none; margin-bottom:15px; }
		
	.post-list-2col .post-img, .post-list-2col .post-text-box { width:100%; }
	.post-list-2col .post-img img { height:auto !important; }
	.post-list-2col .post-text-box { height:auto !important; }
	.post-list-2col .post-text-summary { height:auto !important; }
	.post-list-2col .post-text { padding:20px; }	
	.post-list-2col .post-list-item .post-arrow { width:19px; height:10px; margin:0; right:auto; top:-10px; left:50%; margin-left:-10px; background-position:0 0; }		
	.post-list-3col .post-img, .post-list-3col .post-text-box { width:50%; float:left; }
	.post-list-3col .post-list-item .post-text { padding:10px; }	
	.post-list-3col .post-list-item .post-arrow { width:10px; height:19px; margin:0; left:-10px; top:50%; margin-top:-10px; background-position:0 -42px; }
	.post-list-3col .post-list-item:nth-of-type(2n+2) .post-img { float:right; }
	.post-list-3col .post-list-item:nth-of-type(2n+2) .post-arrow { left:auto; right:-10px; background-position:0 -11px; }
	.post-list-3col .post-list-item-spec .post-img { top:auto !important; }
	.post-list-3col .post-list-item-spec .post-text-box { top:auto !important; }
	.post-img {margin-top: 10%;}
  .post-text-summary .qhd-content p {
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
  }
  .foot {
    padding-bottom: 50px;
  }
  .foot .text{display:none}
  .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;
  }
  .in_news,.in_case {
    padding: 20px 0;
  }
  header {
    height: 80px;
  }
  .head-logo img {
    padding-left: 20px;
  }
  .head-nav {
    width: 100%;
    position:absolute;
    margin: 0;
    top: 79px;
    height: 0;
  }
  .head-nav.active {
    display: block;
    height: auto;
  }
  .in_reason_right ul,.honor-bann-list,.in_honor,.in_news .container,.post-list-item{
    overflow: hidden;
  }
  .head-nav .head-nav-top {
    display: none;
  }
   .head-nav .head-nav-bottom {
    height: 100%;
   }
   .head-nav-bottom ul {
    flex-wrap: wrap;
    background-color: rgba(0, 0, 0, .85)
   }
   .head-nav-bottom ul li {
    width: 100%;
    flex: auto;
    border-bottom: 1px solid rgba(255,255,255,0.2);;
   }
   .head-nav-bottom ul li a {
    padding: 20px 0;
   }
   .nav-btn {
    display: flex;
    position: absolute;
    margin: auto 0;
    height: 4.2666666667vw;
    width: 6vw;
    right: 20px;
    top: 35px;
  }
  
  .nav-btn span {
    border-radius: 2px;
    position: absolute;
    display: block;
    width: 6vw;
    height: .6666666667vw;
    background-color: #fff;
    transition: top .2s .2s, transform .2s, background .2s, opacity 0s .2s
  }
  
  .nav-btn span:first-child {
    top: .1vw
  }
  
  .nav-btn span:nth-child(2) {
    top: 2.1333333333vw
  }
  
  .nav-btn span:nth-child(3) {
    top: 4.2666666667vw
  }
  
  .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-nav {
    overflow: hidden;
  }
  .head-nav ul {
    transform: translateX(500px);
    transition: all .5s linear;
  }
  .head-nav.active ul {
    transform: translateX(0);
  }
  secetion {
    overflow: hidden;
  }
  .o-main {
    padding: 20px 0;
  }
  .o-main .container {
    flex-wrap: wrap;
  }
  .o-nav-bottom {
    display: none;
  }
  .o-main-nav ul {
    display: flex;
    margin-bottom: 10px;
  }
  .o-main-nav ul li {
    margin: 0 5px;
  }
  .o-main-cont,.o-main-nav {
    margin: 0;
    width: 100%;
  }
  .o-head {
    position: relative;
    background-color: rgba(0, 0, 0, .80);
  }
  .inside-banner .ban-info {
    top: 10px;
  }
  .rot-img {
    width: 30px;
    height: 30px;
  }
  .inside-banner .ban-info h2 {
   
    font-size: 16px;
    line-height: 20px;
    padding: 0;
    margin: 5px 0;
  }
  .inside-banner .ban-info p {
    font-size: 14px;
    line-height: 20px;
  }
  .list_case_ul li {
    width: calc(50% - 10px)
  }
  .list_case_ul li .main_pic img {
    height: auto;
  }
  .case-list li {
    width: 48%;
    margin-right: 2%;
  }
  .case-list li:nth-child(2n) {
    margin-right: 0;
  }
  .bread_right {
    padding-left: 5px;
  }
  .pro_info_top {
    flex-wrap: wrap;
  }
  .prom_img {
    width: 100%;
  }
  .prom-right {
    width: 100%;
    margin: 0;
  }
  .mobile_inquiry {
    position: relative;
  }
  .pro_info_top h2 {
    padding: 10px 0;
    margin: 0;
  }
  .news-other {
    padding-right: 20px;
  }
.o-main-nav.o-pro-nav ul {
flex-wrap: wrap;
}
.o-main-nav.o-pro-nav ul li {
width: 30%;
margin-bottom: 5px;
}
}