.pageBody .block3 a.nextBtn, .pageBody .block3 a.prevBtn {
  z-index: 100;
}
@media (min-width: 768px) {

  .navbar {
    height: 104px;
  }
  .navbar .container, .navbar .navbar-collapse {
    height: 100% !important;
  }
  .navbar .nav {
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
  }
  .navbar .nav li, .navbar .nav li a {
    display: block;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 104px;
    font-size: 18px;
  }
  .pageFooter ul li {
    font-size: 18px;
  }
  .pageFooter .wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .pageBody.contact-us .block3 .addr1 {
    right: 13.95%
  }
  .pageBody.contact-us .block3 .addr3 {
    width: 36%;
    right: 13.95%
  }
}
@media (min-width: 992px) {
    .pageFooter .wrapper {
        width:970px !important;
    }
}

@media (min-width: 1200px) {
    .pageFooter .wrapper {
        width:1170px !important;
    }
}
 .pageFooter {
    height: auto !important;
    background-image: none !important;
    background: #3c3c3c;
    padding-top: 20px;
  }
  .pageFooter .beian {
    position: static !important;
    background-color: #8c1419;
    line-height: 1.2 !important;
    padding: 10px 16px;
  }
  .pageFooter .wrapper {
    height: auto !important;
    padding-bottom: 40px;
  }
  .pageBody .block4 ul {
    overflow: initial !important;
  }
@media (max-width: 768px) {
  body {
    padding-top: 70px;
  }
 
  .pageFooter {
    padding-top: 0;
  }
  .pageFooter .wrapper {
    height: auto !important;
    padding: 0 !important;
  }
  .pageFooter .wrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .pageFooter .wrapper ul li {
    width: 33.33%;
    text-align: left;
    margin-right: 0;
    margin-bottom: 8px;
    font-size: 16px;
  }
  .pageFooter .meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 16px;
    margin-bottom: 12px;
  }
  .pageFooter .meta .address {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
    margin-top: 0 !important;
    margin-right: 10px;
  }
  .pageFooter .meta .info {
    width: 100px;
    position: static;
    font-size: 14px;
  }
  .pageFooter .meta .info img {
    width: 100%;
    height: auto !important;
  }
  .pageFooter .meta .info p {
    font-size: 13px !important;
  }
  .pageFooter .beian {
    position: static !important;
    background-color: #8c1419;
    line-height: 1.2 !important;
    padding: 6px 16px;
    font-size: 12px;
  }
  .navbar {
    min-height: 70px;
    height: 70px;
    margin-bottom: 0;
    background-color: #fff !important;
    -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
  }
  .navbar-nav {
    background-color: #fff;
    margin: 0 -15px !important;
  }
  .navbar-nav li a {
    color: #3c3c3c !important;
  }
  .navbar-brand {
    padding: 15px;
  }
  .navbar-brand img {
    width: auto;
    height: 40px;
  }
  /* 首页 */
   .home .pageBody .block1 {
    padding: 40px 0;
   }
  .home .pageBody .block1 .title {
    font-size: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border-bottom: 2px solid #8c1419;
  }
  .home .pageBody .block1 .title span {
    color: #8c1419;
    display: block !important;
    font-weight: bold;
  }
  .home .pageBody .block1 .desc {
    width: 100%;
    padding: 0 !important;
    line-height: 1.8;
  }
  .home .pageBody .block1 .more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
  }
   .home .pageBody .block1  img {
    width: 100%;
    display: block !important;
    margin-bottom: 16px;
   }
    .home .pageBody .block2 {
      height: auto;
      background-size: cover;
    }
    .home .pageBody .block2 .wrapper {
      display: none;
    }
  .home .pageBody .block2 .mobile-wrapper {
    display: block !important;
    padding: 20px 16px;
  }
   .home .pageBody .block2 .mobile-wrapper .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
   }
   .home .pageBody .block2 .mobile-wrapper .card-item {
    width: 50%;

    /* padding-bottom: 100%; */
   }
   .mobile-wrapper .card-item:first-child, .mobile-wrapper .card-item:nth-child(4) {
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-top: none;
   }
   .home .pageBody .block2 .mobile-wrapper .card-item.bg-red {
    background-color: #8c1419;
    font-size: 16px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
   }
   .home .pageBody .block1 {
    background-image: none;
    height: auto;
   }
   .home .pageBody .block4 {
    height: auto;
   }
   .home .pageBody .block2 .mobile-wrapper .card-item img {
    width: 100%;
    height: 100%;
   }
  .home .pageBody .block3 .wrapper {
    margin: 40px 0;
  }
  .home .pageBody .block3 .wrapper > *,  .home .pageBody .block1 .wrapper > * {
    position: static !important;
  }
  .home .pageBody .block3 .title {
    font-size: 30px;
    text-align: center;
  }
  .home .pageBody .block3  .desc {
    font-size: 22px;
    margin-bottom: 40px;
  }
  .home .pageBody .block3 .wrapper > a {
    display: block;
    width: 80%;
    margin: auto;
  }
  .home .pageBody .block3 .wrapper > a img {
    width: 100%;
  }
  .home .pageBody .block4 ul {
    padding: 0;
  }
  .home .pageBody .block4 li {
    width: 100%;
    float: none;
    margin: 0;
    padding-bottom: 30px;
  }
  .home .pageBody .block4 .preview {
    width: 100%;
    height: auto;
  }
  .home .pageBody .block4 .time {
    font-size: 24px;
    padding: 10px 0px 0px 2px;
    line-height: 1;
    margin-top: 10px;
  }
  .home .pageBody .block4 .title {
    padding: 0;
    height: auto;
    font-size: 16px;
  }
  .home .pageBody .block4 .more {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
  }
  .home .block5 {
    background-image: none !important;
    height: auto !important;
  }
  .home .block5 .wrapper {
    padding: 32px;
  }
  .home .block5 .title {
    position: static !important;
    text-align: center;
    font-size: 30px !important;
    margin-bottom: 40px;
  }
  .home .block5 .icon2, .home .block5 .icon1 {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    padding-bottom: 102%;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }
  .home .block5 .icon1  {
    margin-bottom: 40px;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.8); */
  }
  /* 公司动态 */
  .pageBody .contents {
    width: 100% !important;
  }
  ul.article li {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: none;
    border-bottom: 1px solid #ddd;
    line-height: 1.5;
    margin-right: 0 !important;
    padding: 10px 0 !important;
    z-index: 1;
  }
  ul.article > li > .listTitle {
    float: none;
    height: auto !important;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
    position: static;
    line-height: 1.5;
   
  }
  ul.article > li > .listTitle a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 指定行数 */
    overflow: hidden;
  }
  ul.article > li > .listTime {
    margin-left: auto;
    float: none;
    position: static;
    line-height: 1;
  }
  td .page {
    margin-left: 0;
  }
  #anp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #anp {
    a, span {
      margin-bottom: 8px;
    }
  }
  #article_content img{
    width: 100%;
    height: auto;
  }
  
  /* 管理团队 */
  .team {
    padding-top: 32px !important;
  }
  .team .team_title, .team_title-sub {
    display: block !important;
    font-weight: bold;
    color: #707070;
    font-size: 18px;
  }
  .team .team_title {
    margin-bottom: 10px;
    position: relative;
    padding-left: 24px;
  }
  .team .team_title::after {
    content: " ";
    width: 18px;
    height: 18px;
    background: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgc3R5bGU9IndpZHRoOiAxZW07aGVpZ2h0OiAxZW07dmVydGljYWwtYWxpZ246IG1pZGRsZTtmaWxsOiBjdXJyZW50Q29sb3I7b3ZlcmZsb3c6IGhpZGRlbjsiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwLWlkPSIxNjgxIj48cGF0aCBkPSJNMTcwLjY2NjY2NyA0NjkuMzMzMzMzaDY4Mi42NjY2NjZ2ODUuMzMzMzM0SDE3MC42NjY2Njd6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSIxNjgyIj48L3BhdGg+PC9zdmc+) no-repeat center center / 70% 70%;
    background-color: #ba0000;
    position: absolute;
    left: 0;
    top: 4px;
  }
  .team .team_title-sub {
    padding-left: 30px;
    font-size: 16px;
    position: relative;
  }
  .team .team_title-sub::after {
    content: " ";
    width: 16px;
    height: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgc3R5bGU9IndpZHRoOiAxZW07aGVpZ2h0OiAxZW07dmVydGljYWwtYWxpZ246IG1pZGRsZTtmaWxsOiAjZmZmO292ZXJmbG93OiBoaWRkZW47IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iNzA3Ij48cGF0aCBkPSJNNTc2IDY0SDQ0OHYzODRINjR2MTI4aDM4NHYzODRoMTI4VjU3NmgzODRWNDQ4SDU3NnoiIGZpbGw9IiNmZmZmZmYiIHAtaWQ9IjcwOCI+PC9wYXRoPjwvc3ZnPg==) no-repeat center center / 70% 70%;
    background-color: #ba0000;
    position: absolute;
    left: 8px;
    top: 3px;
  }
  .team .wrapper > img {
    width: 100%;
    display: none ;
  }
  .team .wrapper ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
  }
  .team .wrapper ul li {
    width: 50%;
    margin-right: 0;
    pointer-events: none;
    margin-bottom: 16px;

  }
   .team .wrapper ul li .bg {
      display: none;
   }
  .team .wrapper ul li span {
    display: block;
    font-size: 14px;
    line-height: 1;
    opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .team .wrapper ul li img {
    width: 100%;
    height: auto;
  }
  .team-detail {
    padding-top: 50px !important;
  }
  .team-detail h2 {
    font-size: 26px;
  }
  /* 案例 */
  .case .tabs {
    height: auto !important;
  }
  .case .tabs .wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .case .tabs .wrapper a{
    margin: 10px;
    font-size: 16px;
    line-height: 24px;
  }
  .pageBody .contents ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .case .contents li {
    width: 100% !important;
    margin: 24px 0 !important;
    padding: 0 !important;
    float: none !important;
    position: relative;
    padding-bottom: 0;
    z-index: 100;
  }
  .case .contents li .bg {
    width: auto !important;
    left: -40px !important;
    right: -40px !important;
    background-size: 100% 100%;
  }
  .case .contents ul {
    padding-bottom: 0 !important;
  }
  .case .contents li .detail {
    width: 100%;
  }
  .case .contents .content {
    min-height: auto !important;
    padding-bottom: 100px !important;
  }
  /* 联系我们 */
  .contact-us .block2, .contact-us .block1, .contact-us .block3, .contact-us .block4 {
    background-image: none !important;
    height: auto !important; 
  }
  .contact-us .block1 ul {
    width: 100% !important;
    min-height: 60px;
    height: auto !important;
  }
  .contact-us .block1 ul, .contact-us .block2 > div {
    position: static !important;
  }
  .contact-us .block1 a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 16px;
    line-height: 1.4;
  }
  .contact-us .block1 a p {
    width: 100% !important;
    float: none;
    margin-bottom: 4px;
  }

   .contact-us .block1 a span {
    width: 100% !important;
    line-height: 1.6;
    float: none;
    
  }
  .contact-us .more {
    margin-top: 20px;
  }
  .contact-us .block2 img {
    display: block !important;
    margin-bottom: 30px;
  }
  .contact-us .block2 > div br {
    display: none;
  }
  .contact-us .block2 .email {
    display: block !important;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 80%;
    padding: 4px 0;
    border: 1px solid #ddd;
    border-radius: 9999px;
    margin: 20px auto 0;
  }
  .contact-us .block3 .city{
    display: block !important;
    width: 100%;
    margin-bottom: 14px;
  }
  .contact-us .block3 .city img {
    width: 100%;
  }
  .contact-us .block3 .addr1,.addr2,.addr3 {
    position: static !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    margin-bottom: 20px;
    text-align: left !important;
  }
  .contact-us .block4 {
    
    margin-bottom: 40px;
  }
   .contact-us .block4 p {
    width: 100%;
    position: static !important;
    font-size: 16px;
    text-align: left;
  }
  .contact-us .block4 img {
    display: block !important;
    width: 100%;
  }
  .contact-us .mobile-block-title {
    font-size: 22px;
    color: #ba0000;
    display: block !important;
    position: relative;
    line-height: 1;
    padding-bottom: 8px;
    margin-bottom: 30px;
    margin-top: 40px;
  }
  .contact-us .mobile-block-title::after {
    content: " ";
    width: 60%;
    border-bottom: 1px solid #ba0000;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  /* 关于我们 */
  .about-us .block1 .wrapper {
    background-image: none !important;
    height: auto !important;
  }
  .about-us.pageBody .block3 .slider .item {
    text-align: left;
  }
  .about-us .block1 .wrapper p {
    width: 100%;
    position: static;
    line-height: 1.5;
    font-size: 16px;
  }
  .about-us .block2 {
    width: 100%;
    background-size: 100%;
    padding-bottom: 0;
  
  }
  .pageBody.about-us .block1 .wrapper {
    padding-top: 40px;
    padding-bottom: 30px;
  }
  .pageBody.about-us .block1 .wrapper::before {
    content: " ";
    height: 60px;
    display: block;
    background: url(../images/aboutUs_block1_03.png) no-repeat 0 0 / auto 100%;
    margin-bottom: 24px;
  }
  .about-us .block2 .wrapper {
    background-image: none !important;
    /* border-left: 1px dashed #e1e1e1; */
  }
  .pageBody.about-us .block2 {
    background-image: url(../images/aboutUs_block2_01.png);
    background-size: auto 140px;
    background-position: center 0;
    padding-top: 180px;
  }
  .about-us .block2 p {
    /* padding: 0; */
    padding-left: 0 !important;
    background-image: none !important;
    height: auto !important;
    line-height: 1.5 !important;
    font-size: 16px;
  }
   .about-us .block2 p::before {
    content: " ";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #8c1419;
    border-radius: 50%;
    margin-right: 6px;
   }
   .pageBody.about-us .block3 {
      padding-top: 190px;
      background: url(../images/aboutUs_block3_01.png) no-repeat center 0 / auto  140px;
   }
   .pageBody.about-us  .block3 .slider, .pageBody.about-us  .block3 .tempWrap {
      width: 100% !important;
      padding-left: 0;
   }
   .pageBody.about-us .block3 .slider ul {
    /* width: 100% !important; */
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(140,20,25, 1)), color-stop(rgb(140 20 25)), to(rgba(140, 20, 25,1)));
    background-image: -o-linear-gradient(left, rgba(140,20,25, 1), rgb(140 20 25), rgba(140, 20, 25,1));
    background-image: linear-gradient(to right, rgba(140,20,25, 1), rgb(140 20 25), rgba(140, 20, 25,1));
    background-size: 100% 4px;
    background-repeat: repeat-x;
    background-position: 0 67px;
  }
   .pageBody.about-us .block3 .slider li {
    /* width: 300px!important; */
   }
   .pageBody .block3 a.prevBtn, .pageBody .block3 a.nextBtn {
    width: 40px;
    height: 40px;
    background-size: contain;
    z-index: 10;
   }
   .pageBody.about-us .block3 a.nextBtn {
    left: initial;
    right: 16px;
   }
   #AD_Banner {
    width: 100% !important;
   }
   #AD_Banner .AD_Content {
    left: 0;
    right: 0;
   }
   #AD_Banner img {
    width: 100%;
   }
   #AD_Banner .btn_close{
    width: auto;
   }
}