.navbar{display: none}
@media (max-width: 1200px) {
  .center{
    width: 90%;
  }
  .header{
    display: none;
  }
  .navbar{
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
  }
  .banner{
    width: 100%;
    height: auto;
    margin-top: 90px !important;
  }
  .into{
    width: 80px;
    height: 270px;
  }
  .into .icon{margin-top: 22px; }
  .into .icon img{width: 50%}
  .into h3{font-size: 20px; line-height: 25px}
  .banner img{width: 100%; height: 262px;}
  .footer{height: auto; margin-top: 20px;}
  .footer .foot-con{
    display: none;
  }
  .navbar-toggle{
    margin-top: 22px;
  }
  .n-banner{
    width: 100%;
    height: auto;
    margin-top: 90px;
  }
  .n-banner img{
    width: 100%
  }
  .n-zc li .time{
    width: 80px;
    height: 80px;
    margin-right: 15px;
  }
  .n-zc li .time p.date{
    margin-top: 9px;
    margin-bottom: 0;
  }
  .n-news li{
    width: 100%;
    margin-bottom: 20px;
  }
  .n-news ul{
    margin-right: 0;
  }
  .n-news li .tp img,.n-news li .tp{height: 135px}
  .n-news li .time{
    display: none;
  }
  .n-news li p.ins{
    height: 40px;
  }
  .n-dsource .only p{
    width: 50%;
    overflow: hidden;
  }
  .n-dsource .only p.ins{
    height: 130px;
  }
  .n-dsource .only a{
    line-height: 360px;
  }
  .n-dsource .only .l{
    left: 18px;
    line-height: 0
  }
  .n-dsource .only .r{
    right: 18px;
    line-height: 0
  }
  .n-rework ul{
    margin-right: 0;
  }
  .n-rework li{
    width: 100%;
  }
  .n-design ul{margin-right: 0;}
  .n-design li{width: 100%;margin-right: 0; height: 350px}
  .n-design li .tp{width: 100%}
  .n-design li .tp{height: 200px;}
  .n-design li p.middle .status{top: 45px;left: 0px}
  .n-show{
    padding: 0 10px;
    margin-top: 0;
    margin-bottom: 0;
  }
  .n-show .tit{margin-top: 26px; font-size: 20px}
  .n-show .ins span{display: block; text-align: center;}
  .n-show .ins{margin-bottom: 20px;}
  .n-show .pagination p span{
    font-size: 12px;
    width: 68px;
    margin-right: 10px;
  }
  .n-show .pagination p a{
    height: 21px;
    width: 185px;
    overflow: hidden;
  }
  .n-class a{
    margin: 0 10px;
  }
  .n-contact .tips{
    width: 100%;
  }
  .n-contact form{
    width: 100%;
  }
  .n-contact form .txt{height: auto;}
  .n-contact form .txt input{width: 195px}
  .n-contact form .left,.n-contact form .right{
    float: none;
  }
  .n-contact form .txt{
    margin-bottom: 2px;
  }
  .n-contact .map{width: 100%;margin-left: 0; height: 220px;}
  .n-contact .map img{width: 100%;height: 220px;}
  .n-contact .contact-ins{width: 100%}
  .jiagou .jiagou-con .tp{display: none;}
  .jiagou .jiagou-con .tit{margin-bottom: 20px;}
  .n-about .about .tp{width: 100%}
  .n-about .about .tp img{width: 100%;}
  .n-about .about .right{width: 100%}
  .n-about .about{padding-bottom: 15px;}
  .n-about .about .right h3{margin-top: 45px; margin-bottom: 45px;}
  .chronicle .tp{width: 100%; height: auto;}
  .chronicle .tp img{width: 100%}
  .chronicle{margin-top: 30px;}
  .hidden{width: 100%}
  .service{margin-top: 0px; padding-top: 30px; clear: both;}
  .service li{height: auto; width: 100%}
  .service li .left,.service li .right{width: 100%}
  .service .btn{bottom: -65px;left: 0;}
  .service li .left p.num{margin-top: 6px; margin-bottom: 2px;}
  .memorabilia .memora-tp{width: 100%; height: auto;}
  .memorabilia .memora-tp img{width: 100%}
  .memorabilia ul{width: 87%;padding-left: 32px;}
  /* .memorabilia li:first-child:after{left: -47px; line-height: 25px} */
  .memorabilia li:after{left: -42px;}
  .memorabilia li{font-size: 12px}
  .memorabilia li a{overflow: hidden; width: 200px;height: 38px;display: inline-block}
  .memorabilia .memora-list{margin-top: 0; width: 100%}
  .memorabilia .memora-tp{margin-top: 20px; border: none}
  .jiagou .jiagou-con .block{width: 100%;margin: 0}
  .memorabilia li span{margin-right: 10px;}
  .memorabilia li a{width: 160px}
  .n-zc li p.ins{height: 54px;overflow: hidden;}
  .n-zc li p.tit{margin-bottom: 8px;}
  .chronicle .events{
    width: 100%;
  }
  .jiagou{
    display: none;
  }
  .chronicle .right{
    width: 100%;
    height:auto;
    margin-bottom: 30px;
  }
  .chronicle .right img{width: 100%;}
  .service .hidden{
    height: auto;
  }
  .n-zc li p.tit{margin-top: 2px;}
	.n-zc li p.ins{
		height: 0px
  }
  .n-main .position{
    width: 90%;
  }
}