@media screen and (max-width: 769px) {
  .w {
    width: 95%;
    margin-left: 2.5%;
    min-width: inherit;
    margin-bottom: 0!important;
  }
  .head {
    background: #fff;
  }
  .head .w {
    width: 95%;
    position: relative;
  }
  .head .w .fl2 {
    display: none;
  }
  .head .w .fr {
    display: none;
  }
  .head .w .mores {
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  .head .w .mores i {
    font-size: 26px;
  }
  .head .mores {
    display: block;
  }
  .head .ejitem {
    position: fixed;
    width: 100%;
    top: 80px;
    max-height: 50vh;
    background: #fff;
    padding: 20px;
    overflow-y: scroll;
    box-sizing: border-box;
    height: auto;
  }
  .head .ejitem > ul {
    flex-direction: column;
    display: flex;
  }
  .head .ejitem > ul li {
    height: auto;
    line-height: 40px;
    float: left;
    padding: 0!important;
    box-sizing: border-box;
    position: relative;
  }
  .head .ejitem > ul li a {
    height: 40px;
    line-height: 40px;
    display: block;
    padding: 0 20px!important;
    box-sizing: border-box;
  }
  .head .ejitem > ul li i {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    display: block;
    width: 34px;
    text-align: center;
  }
  .head .ejitem > ul li > ul {
    display: flex;
    flex-direction: column;
    height: auto;
    position: relative;
    top: 0;
    width: 90%;
    margin: 0 auto;
  }
  .head .ejitem > ul li > ul li a {
    color: #777;
  }
  .head .ejitem > ul .gupiao a {
    color: #e60020;
  }
  .banner {
    margin-top: 80px;
  }
  .banner img {
    height: 200px;
  }
  .banner .swiper-container-horizontal > .swiper-pagination-bullets,
  .banner .swiper-pagination-custom,
  .banner .swiper-pagination-fraction {
    bottom: 10px!important;
  }
  .product ul {
    flex-wrap: wrap;
  }
  .product ul li {
    width: 49.5% !important;
    margin-bottom: 1%;
  }
  .product ul li:nth-child(2n) {
    margin-right: 0!important;
  }
  .news1 .news-main .fl {
    width: 100%;
    margin-bottom: 10px;
  }
  .news1 .news-main .fr {
    width: 100%;
  }
  .footer {
    height: 178px;
  }
  .footer .w .fl {
    width: 100%;
    text-align: center;
  }
  .footer .w .fr {
    display: none;
  }
  .banner2 {
    height: 200px;
    margin-top: 80px;
  }
  .service-xm .w .service-main .titles {
    width: 100%;
    margin-bottom: 20px;
    overflow-x: scroll;
    margin-left: 0;
  }
  .service-xm .w .service-main .titles ul {
    width: max-content;
  }
  .service-xm .w .service-main .titles ul li {
    margin-right: 15px;
  }
  .service-xm .w .service-main .titles::-webkit-scrollbar {
    display: none;
  }
  .service-xm .w .service-main .all ul li {
    height: 390px;
    width: 100%;
    margin-right: 0;
  }
  .service-xm .w .service-main .all ul li img {
    height: 390px;
  }
  .service-xm .w .news .top .swiper-container {
    height: auto!important;
  }
  .service-xm .w .news .top .swiper-container .swiper-slide a {
    display: flex;
    flex-direction: column;
  }
  .service-xm .w .news .top .swiper-container .swiper-slide img {
    width: 100%!important;
  }
  .service-xm .w .news .top .swiper-pagination {
    bottom: 20px!important;
    text-align: center!important;
    width: 100%!important;
  }
  .service-xm .w .news .top .new-box {
    width: 100%!important;
    padding: 15px;
    box-sizing: border-box;
    height: auto!important;
  }
  .service-xm .w .news .top .new-box h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #e60020;
  }
  .service-xm .w .news .top .new-box .news-title {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333;
  }
  .service-xm .w .news .top .new-box .news-info {
    color: #999;
    line-height: 25px;
    margin-bottom: 15px;
    height: 50px;
  }
  .service-xm .w .news .top .new-box .layui-icon {
    font-size: 22px;
    color: #e60020;
  }
  .service-xm .w .news .top .condition {
    display: flex;
    justify-content: flex-start;
    margin-top: 10px!important;
    flex-wrap: wrap;
  }
  .service-xm .w .news .top .condition .search1 {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0!important;
  }
  .service-xm .w .news .top .condition .search1 input {
    width: 85%;
  }
  .service-xm .w .news .top .condition .search1 img {
    width: 22px;
  }
  .service-xm .w .news .top .condition .search1 i {
    color: #e60020;
    font-size: 16px;
    font-weight: 700;
  }
  .service-xm .w .news .bot ul li a {
    display: flex;
    flex-wrap: wrap;
  }
  .service-xm .w .news .bot ul li a > img {
    flex: 0 0 100%;
    height: 180px;
    border-radius: 5px;
    object-fit: cover;
  }
  .service-xm .w .news .bot ul li a .new-box {
    width: 100%;
    padding: 0 !important;
    box-sizing: border-box;
  }
  .service-xm .w .news .bot ul li a .new-box h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #e60020;
    margin-top: 10px;
  }
  .service-xm .w .news .bot ul li a .new-box .news-title {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333;
  }
  .service-xm .w .news .bot ul li a .new-box .news-info {
    color: #999;
    line-height: 25px;
    margin-bottom: 15px;
    height: 50px;
  }
  .service-xm .w .news .bot ul li a .new-box .layui-icon {
    font-size: 22px;
    color: #e60020;
  }
  .service-xm .w .news .bot ul li:last-child {
    border-bottom: none;
  }
  .aboutus .service-main2 .all ul {
    flex-wrap: wrap;
  }
  .aboutus .service-main2 .all ul li {
    flex: 0 0 100%!important;
  }
  .aboutus .service-main2 .all ul li .infos {
    padding: 20px!important;
  }
  .hzgy .w .main .wuye {
    flex-wrap: wrap;
  }
  .hzgy .w .main .wuye > img {
    width: 100%;
    height: 250px;
  }
  .hzgy .w .main .wuye .wy-infos {
    width: 100%;
    height: auto;
    position: initial;
    padding: 10px;
    box-sizing: border-box;
  }
  .hzgy .w .main .wuye .wy-infos .title {
    position: relative;
    bottom: 0;
  }
  .hzgy .w .main .wuye .wy-infos .title ul li {
    width: 49%;
    margin-right: 2%!important;
    margin-bottom: 10px!important;
  }
  .hzgy .w .main .wuye .wy-infos .title ul li:nth-child(2n) {
    margin-right: 0!important;
  }
  .service-navs > div {
    position: relative;
    flex: 0 0 100%;
    overflow-x: scroll;
  }
  .service-navs > div ul {
    width: max-content;
    background: #eee;
  }
  .service-navs > div ul li {
    margin-left: 0;
    margin-right: 0;
  }
  .service-navs > div ul li a {
    padding: 0 20px;
    box-sizing: border-box;
  }
  .service-navs > div ul li .active {
    background: #e60020;
    color: #fff;
  }
  .service-navs > div::-webkit-scrollbar {
    display: none;
  }
  .service-yt .service-main .all2 ul {
    flex-wrap: wrap;
  }
  .service-yt .service-main .all2 ul li {
    flex: 0 0 100%!important;
  }
  .service-yt .service-main .all2 ul li .infos {
    padding: 20px!important;
  }
  .wy .item .fl {
    width: 100%!important;
    height: 240px!important;
  }
  .wy .item .fr {
    width: 100%!important;
    height: auto;
  }
  .wy .item .fr .title {
    margin-bottom: 20px!important;
  }
  .licheng_c {
    margin: 0!important;
  }
  .licheng_c .lc1 {
    width: 100%!important;
    border-right: none!important;
    border-left: none!important;
    border-bottom: 1px solid #eee !important;
  }
  .licheng_c .lc1 > img {
    display: none;
  }
  .licheng_c .lc2 {
    width: 100%!important;
  }
  .licheng_c .fz-img {
    width: 100%!important;
    flex-wrap: wrap;
    padding: 10px  0!important;
    justify-content: center!important;
    margin-left: 0!important;
  }
  .licheng_c .fz-img img {
    width: 100%!important;
  }
  .licheng_c .fz-img h3 {
    line-height: 35px!important;
    text-align: center;
  }
  .licheng_c .text {
    width: 100%;
    margin: 0!important ;
    padding: 10px 0!important;
    height: auto!important;
    text-align: left!important;
  }
  .qyjj .w > ul li {
    flex-direction: column;
    line-height: normal;
    align-items: center;
  }
  .qyjj .w > ul li h3 {
    font-size: 20px;
    margin-bottom: 5px;
  }
  .qyjj .hxys .w > ul {
    flex-wrap: wrap;
  }
  .qyjj .hxys .w > ul li {
    flex: 0 0 49%;
    margin-bottom: 2%;
  }
  .qyry .all ul li {
    width: 49%;
  }
  .qyry .all ul li:nth-child(2n) {
    margin-right: 0;
  }
  .qyry .more {
    width: 130px;
    font-size: 15px;
    text-align: center;
    margin: 20px auto;
    border: 1px solid #ddd;
    height: 36px;
    line-height: 34px;
  }
  .qywh .w > ul {
    flex-wrap: wrap;
  }
  .qywh .w > ul li {
    flex: 0 0 100%;
  }
  .qywh .w > ul li::after {
    display: none;
  }
  .qywh .infos .fl {
    width: 100%!important;
  }
  .qywh .infos .fr {
    width: 100%!important;
  }
  .qywh .infos .fr > ul li {
    height: 174px!important;
    padding: 0 10px!important;
  }
  .tzzgx .service-navs {
    margin-top: 0!important;
  }
  .tzzgx .boxs .w ul {
    flex-wrap: wrap;
  }
  .tzzgx .boxs .w ul li {
    flex: 0 0 49%!important;
    height: 230px;
  }
  .tzzgx .boxs .w ul li img {
    height: 180px!important;
  }
  .tzzgx .boxs .w ul li p {
    line-height: 20px!important;
  }
  .tzzgx .lxfs {
    height: auto!important;
    margin-bottom: 35px;
  }
  .tzzgx .lxfs .w ul {
    flex-wrap: wrap;
  }
  .tzzgx .lxfs .w ul li {
    flex: 0 0 100%!important;
  }
  .tzzgxcw .layui-form .layui-input-block {
    width: 100%;
  }
  .tzzgxcw .caiwu .w ul {
    display: flex;
    flex-wrap: wrap;
  }
  .tzzgxcw .caiwu .w ul li {
    flex: 0 0 100%!important;
    margin-right: 2%!important;
    height: 420px ;
  }
  .tzzgxgg .layui-form .layui-input-block {
    width: 100%;
  }
  .tzzgxgg .gonggao {
    margin-bottom: 30px;
  }
  .tzzgxgg .gonggao .w ul li {
    flex-wrap: wrap;
    height: auto;
    border-bottom: none;
  }
  .tzzgxgg .gonggao .w ul li p {
    flex: 0 0 100%;
    margin-bottom: 10px;
  }
  .qygz .w .qygz-title ul {
    width: 100%;
  }
  .qygz .w .qygz-title ul li {
    flex: 0 0 31%;
  }
  .qygz .w .qygz-title ul .active {
    background: #e60020;
    color: #fff;
  }
  .qygz .w .qygz-main {
    margin-top: 20px!important;
  }
  .qygz .w .qygz-main .one .fl {
    width: 35%;
  }
  .qygz .w .qygz-main .one .fl ul li {
    padding: 0 10px!important;
    box-sizing: border-box;
    align-items: center!important;
    text-align: center!important;
  }
  .qygz .w .qygz-main .one .fl ul li h3 {
    font-size: 15px!important;
  }
  .qygz .w .qygz-main .one .fl ul li p {
    font-size: 12px!important;
    color: #777;
    margin-top: 10px;
  }
  .qygz .w .qygz-main .one .fl ul .active {
    background: url(../../images/gangyu/dshbj.png);
    background-size: 800px 150px;
    color: #fff;
  }
  .qygz .w .qygz-main .one .fl ul .active p {
    color: #fff;
  }
  .qygz .w .qygz-main .one .fr {
    width: 61%;
  }
  .qygz .w .qygz-main .one .fr ul li {
    height: 130px!important;
    margin-bottom: 20px;
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
    text-align: right;
    align-items: flex-start;
    justify-content: center;
    padding: 0 10px!important;
    box-sizing: border-box;
  }
  .qygz .w .qygz-main .one .fr ul li h3 {
    color: #e60020;
    font-size: 18px;
    font-weight: 700;
  }
  .qygz .w .qygz-main .one .fr ul li p {
    font-size: 15px;
    color: #777;
    margin-top: 8px;
  }
  .qygz .w .qygz-main .two > ul {
    flex-wrap: wrap;
  }
  .qygz .w .qygz-main .two > ul > li {
    flex: 0 0 100%;
    margin-bottom: 10px;
  }
  .qygz .w .qygz-main .three .layui-form {
    padding: 10px!important;
  }
  .qygz .w .qygz-main .three .layui-form .item {
    flex-wrap: wrap;
  }
  .qygz .w .qygz-main .three .layui-form .item .layui-form-item {
    flex: 0 0 100%;
  }
  .newsdetails .news-box img {
    width: 100%!important;
  }
  .logos {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .logos img {
    margin-bottom: 40px ;
    width: 270px;
  }
  .logos h3 {
    font-size: 34px;
    color: #fff;
  }
}