@charset "utf-8";
@media (max-width: 768px) {
  .header,
  .menu,
  .container {
    width: 100%;
  }
  body {
    overflow-x: hidden;
  }
  .kefu {
    display: none;
  }
  .mtit > div h1 {
    font-size: 22px;
    margin-bottom: 5px;
  }
  .mtit > div:after,
  .mtit > div:before {
    top: 26px;
  }
  .mtit:after {
    top: 27px;
  }
  .mtit {
    margin-bottom: 30px;
  }
  .index-slider .item .txt h1,
  .index-slider .item .txt p {
    font-size: 18px;
  }
  .index-slider .item .txt a {
    padding: 10px;
  }
  .index-pro-nav {
    margin-left: -15px;
    margin-right: -15px;
  }
  .index-pro-nav li {
    width: 33.3333%;
    float: left;
    border: 1px solid #eee;
    margin-left: 0;
    margin-right: 0;
  }
  .index-pro-nav li span {
    display: none;
  }
  .index-pro-nav li span img {
    height: 46px;
  }
  .index-pro-nav li a {
    border: 0;
    padding: 30px 0;
    height: auto;
    width: 100%;
  }
  .index-pro .item {
    padding-left: 0px;
    padding-right: 0px;
  }
  .col-4 {
    width: 100%;
  }
  .jjfa-left {
    width: 100%;
    padding-right: 0;
    height: auto;
  }
  .jjfa-left h2 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .jjfa-left a.d {
    position: inherit;
  }
  .jjfa-img {
    width: 100%;
    margin-top: 30px;
  }
  .jjfa-img img {
    height: 200px;
    object-fit: cover;
  }
  .index-about-box {
    padding-top: 0px;
  }
  .index-about .about-img {
    width: 100%;
    margin-top: 0;
  }
  .index-about .index-about-txt {
    width: 100%;
    padding-right: 0;
  }
  .index-about .index-about-txt > div {
    max-height: inherit;
  }
  .index-news-left {
    display: none;
  }
  .index-news-right {
    padding-left: 0;
  }
  .index-news-right li:first-child > div {
    border-top: 0;
  }
  .footer {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .foot-info,
  .foot-message {
    width: 100%;
  }
  .foot-info h2 {
    margin-bottom: 20px;
  }
  .foot-message {
    margin-top: 30px;
    float: left;
  }
  .foot-message label {
    margin-top: 20px;
  }
  .foot-message .mt40 {
    margin-top: 20px;
  }
  .copy p {
    display: inline-block;
    float: left;
  }
  .copy p.icp {
    float: none;
  }
  .pdb80 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .index-slider .item {
    height: 300px;
  }
  .page-slider {
    height: 260px;
    background-size: cover;
  }
  .page-slider .txt {
    margin-left: 0;
    left: 20px;
  }
  .page-slider .txt h2 {
    font-size: 20px;
  }
  .page-slider .txt p {
    font-size: 14px;
  }
  .mtit:after {
    display: none;
  }
  .map {
    height: auto;
    display: none;
  }
  .fa-list li .pic {
    margin-top: 20px;
  }
  .fa-list li .pic img {
    height: auto;
    width: 100%;
  }
  .fa-list li {
    margin-bottom: 0;
    margin-top: 40px;
  }
  .art-tit h1 {
    font-size: 24px;
    float: left;
    width: 100%;
    margin-top: 40px;
  }
  .news-list {
    margin-top: 0px;
  }
  .news-list li {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .news-list li a.pic {
    width: 120px;
    height: 80px;
  }
  .news-list li a.pic img {
    width: 120px;
    height: 80px;
  }
  .news-list li .txt {
    margin-left: 140px;
  }
  .news-list li .txt a {
    font-size: 16px;
    height: 46px;
    overflow: hidden;
  }
  .news-list li .txt p {
    display: none;
  }
  .pro-head {
    padding-left: 0;
    margin-top: 40px;
  }
  .pro-head h1 {
    font-size: 30px;
  }
  .ser-list {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .c-message label {
    margin-top: 0;
  }
  .c-message > div {
    margin-bottom: 15px;
  }
  .header {
    padding: 20px 0;
  }
  .header .tel {
    display: none;
  }
  .logo {
    margin-left: 15px;
  }
  .logo img {
    height: 48px;
  }
  .menu-box {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 80px;
    height: auto;
    background-color: #fff;
    border-bottom: 0;
    -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.05);
    display: none;
  }
  .menu > ul > li {
    width: 100%;
  }
  .m-switch {
    display: block;
  }
  .m-switch .open {
    position: absolute;
    right: 15px;
    top: 28px;
    width: 24px;
    z-index: 101;
  }
  .m-switch .open span {
    display: inline-block;
    width: 24px;
    height: 2px;
    margin-top: 6px;
    float: left;
    background-color: #939393;
  }
  .m-switch .close {
    position: absolute;
    right: 15px;
    top: 28px;
    display: none;
  }
  .m-switch .close i {
    font-size: 14px;
    color: #999;
  }
  .menu-show {
    display: block;
  }
  .page-slider {
    height: 180px;
  }
  .p-name {
    display: none;
  }
  .page-side,
  .page-main {
    width: 100%;
  }
  .page-nav {
    margin-top: 0;
  }
  .leftbot {
    display: none;
  }
  .pro-list > ul > li .pic {
    width: 100%;
    float: inherit;
  }
  .pro-list > ul > li .info {
    margin-left: 0;
    margin-top: 20px;
  }
  .page-main {
    padding-top: 30px;
  }
  .news-list > ul > li .info h2 {
    white-space: inherit;
  }
  .video-list > ul > li {
    width: 100%;
  }
}