@media (max-width: 1000px) {

  .pc {

    display: none;

  }


  body,
  .headMo,
  .footNav {

    max-width: 500px;
    margin: 0 auto;
  }

  .page {

    width: auto;

    margin: 0 15px;

  }


  .pagination>.active>a,

  .pagination>.active>a:focus,

  .pagination>.active>a:hover,

  .pagination>.active>span,

  .pagination>.active>span:focus,

  .pagination>.active>span:hover {

    background: #af7c3d;

    border-color: #af7c3d;

  }

  .pagination>li>a,

  .pagination>li>a:focus,

  .pagination>li>a:hover,

  .pagination>li>span:focus,

  .pagination>li>span:hover {

    color: #af7c3d;

  }

  .headMo {

    position: fixed;

    width: 100%;

    background-color: #065b45;

    z-index: 1000;

  }



  .headMo .page {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 15px 0;

  }


  .headMo .logo img {
    width: auto;
    max-width: 200px;
  }

  .headMo .clickNav {

    height: 16.5px;

  }



  .headMo .clickNav img:last-child {

    display: none;

  }



  .navPc {

    right: 0;

    width: 50%;

    z-index: 100;

    position: fixed;

    transition-duration: 0.6s;

    height: calc(100vh - 108px);

    background: rgba(6, 91, 69, .8);

    transform: translate3d(100%, 0px, 0px);

  }



  .navPc ul li a {

    color: #ababab;

    font-size: 14px;

    line-height: 50px;

    width: 100%;

    padding-left: 18px;

    display: flex;

    align-items: center;

    border-bottom: 1px solid #ababab;

    position: relative;

  }



  .navPc ul li a img {

    width: 18px;

    margin-right: 6px;

  }



  .navPc ul li a::after {

    content: '';

    right: 10px;

    width: 10px;

    height: 10px;

    display: block;

    position: absolute;

    background-size: 100%;

    background: url(/public/image/icon08.png) no-repeat right center;

  }



  .banner.mo {

    position: relative;

    display: flex;

    justify-content: center;

  }



  #moBanner img {

    width: 100%;

  }



  .banner.mo .con {

    display: none;

    top: 16%;

    position: absolute;

    padding: 40px 30px;

    background: rgb(176, 125, 62);

    border-radius: 50%;

    color: #fff;

    text-align: center;

    z-index: 9;

  }



  .banner.mo .con h2 {

    position: relative;

    display: flex;

    justify-content: center;

    margin-bottom: 20px;

    font-size: 18px;
    line-height: 25px;

  }



  /* .banner.mo .con h2::before {

    content: '';

    position: absolute;

    bottom: -5px;

    display: block;

    width: 40px;

    height: 1px;

    background: #af7c3d;

  } */



  /* .banner.mo .con h2::after {

    content: '';

    position: absolute;

    bottom: 0;

    display: block;

    width: 22px;

    height: 1px;

    background: #af7c3d;

  } */



  .banner.mo .con h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
  }



  .banner.mo .bot {

    position: absolute;

    z-index: 9;

    bottom: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    display: none;

  }



  .banner.mo .bot h2 {

    font-size: 18px;

    color: #af7c3d;

    margin: 25px 0 10px;
  }



  .banner.mo .bot a {

    display: block;

    width: max-content;

    font-size: 12px;

    color: #af7c3d;

    padding: 3px 10px;

    border: 1px solid #af7c3d;

    font-weight: 100;
  }



  .mainMo {

    background: rgb(18, 42, 42);

    background-size: 100%;

  }



  .title {

    color: #af7c3d;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    padding-bottom: 10px;

    margin-bottom: 20px;

  }



  /* .title::before {

    content: '';

    position: absolute;

    bottom: 0;

    display: block;

    width: 22px;

    height: 1px;

    background: #af7c3d;

  } */



  /* .title::after {

    content: '';

    position: absolute;

    bottom: -8px;

    display: block;

    width: 40px;

    height: 1px;

    background: #af7c3d;

  } */



  .title h2 {

    font-size: 18px;

    font-weight: 400;

    margin-bottom: 8px;
  }



  .title h3 {

    font-size: 12px;

    font-weight: 300;

    text-transform: uppercase;

  }



  .part1 {

    /* padding: 60px 0 40px 0; */
    padding-top: 60px;

  }

  .part1 .page {
    padding-bottom: 40px;
    border-bottom: 1px solid #af7c3d;
  }

  .part1 ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

  }



  .part1 ul li {

    width: 48.5%;

    position: relative;

    margin-bottom: 15px;

    display: inline-block;

  }

  .part1 ul li::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    background-color: rgba(6, 91, 69, .2);
  }

  .part1 ul li:hover::after {
    display: none;
  }

  .part1 ul li img {

    width: 100%;

    height: 155px;

    object-fit: cover;

    border-radius: 5px;

    overflow: hidden;

  }



  /* .part1 ul li:nth-child(3) img {

    height: 331px;

  } */



  .part1 ul li .con {

    position: absolute;

    color: #fff;

    z-index: 20;

    top: 10px;

    left: 10px;

  }



  .part1 ul li .con h2 {

    font-size: 16px;

    /* font-weight: 300; */

  }



  .part1 ul li .con span {

    font-size: 12px;

    font-family: auto;
    text-transform: capitalize;
  }



  .part1 ul .right {

    width: 48.5%;

  }



  .part1 ul .right li {

    width: 100%;

  }



  .part1 ul .right li img {

    height: 158px;

  }



  .part2 {

    background: rgb(18, 42, 42);

    padding-top: 50px;

    padding-bottom: 50px;

    position: relative;

  }



  .part2::after {

    content: '';

    height: 20px;

    width: 100%;

    position: absolute;

    background: url(/public/image/icon11.png) no-repeat center center;

    background-size: 100%;

    bottom: 0;

  }



  .part2 .content {

    margin-bottom: 20px;

    font-size: 10px;

    color: #fff;

    color: #ababab;

    font-weight: 300;

  }

  .part2 .content p {
    text-indent: 2em;
  }

  .part2 .more {

    padding: 3px 15px;

    color: #af7c3d;

    border: 1px solid #af7c3d;

    display: block;

    width: max-content;

    margin: 0 auto;

    font-size: 12px;

  }



  .part3 {

    padding: 30px 0 80px;

    background: rgb(18, 42, 42);

    background-size: 100%;

  }



  .part3 .main ul {

    display: flex;

    flex-wrap: wrap;

  }



  .part3 .main ul li {

    /* width: 48.5%; */

    width: calc((100% - 20px) / 3);

    margin-bottom: 15px;
    margin-right: 10px;

  }

  .part3 .main ul li:nth-child(3n) {
    margin-right: 0;
  }

  .part3 .main ul li .img {

    width: 100%;

    height: 130px;

    object-fit: cover;

    border: none;

    margin-bottom: 5px;

  }



  .part3 .main ul li .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

  }



  .part3 .main ul li h3 {

    font-size: 12px;

    color: #bdbdbd;

    margin-top: 10px;

    font-weight: 300;
    padding-bottom: 8px;
    border-bottom: 1px solid #af7c3d;
  }



  /* .part3 .main ul li p {

    font-size: 12px;

    color: #fff;

    font-weight: 200;

  } */

  .part3 .main a.more {

    font-size: 12px;

    padding: 3px 15px;

    border: 1px solid #af7c3d;

    display: block;

    margin: 0 auto;

    color: #af7c3d;

    width: max-content;

    margin-top: 35px;

  }



  .part4 {

    background: rgb(18, 42, 42);

  }



  .part4 .page {

    overflow: hidden;

  }



  .part4 ul.newsNav {

    display: flex;

  }



  .part4 ul.newsNav li {

    cursor: pointer;

    font-size: 16px;

    color: #333;

    background: #dcdcdc;

    line-height: 36px;

    flex: 1;

    display: flex;

    align-items: center;

    justify-content: center;

  }



  .part4 ul.newsNav li.active {

    background: #af7c3d;

    color: #bdbdbd;

  }



  .part4 .newsCon {

    display: flex;

    width: max-content;

    transition-duration: 0.6s;

  }



  .part4 .newsCon ul li {

    padding: 15px 0;

    border-bottom: 1px solid #686868;

  }



  .part4 .newsCon ul li h3 {

    margin-bottom: 10px;

  }



  .part4 .newsCon ul li h3 a {

    font-size: 16px;

    color: #af7c3d;

  }



  .part4 .newsCon ul li .desc {

    color: #ababab;

    font-size: 12px;

    line-height: 25px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

  }



  .part4 a.more {

    font-size: 12px;

    color: #af7c3d;

    border: 1px solid #af7c3d;

    padding: 3px 15px;

    width: max-content;

    display: block;

    margin: 25px auto;

  }



  .part5 {

    background: rgb(18, 42, 42);

    padding-top: 50px;

    padding-bottom: 10px;

  }



  .part5 .title {

    

    border-bottom: 1px solid #7a6c6c;

    margin-bottom: 20px;

  }



  .part5 .title h2 {

    color: #af7c3d;

    font-size: 16px;

    text-align: left;

    padding-left: 10px;

  }

  .part5 .title span{
    padding-left: 10px;
  }

  .part5 .title::after {

    bottom: -1px;

    height: 3px;

    width: 100px;

    background: #838383;

  }



  .part5 .main ul li {

    color: #ababab;

    font-size: 14px;

    display: flex;

    align-items: center;

    margin-bottom: 10px;

  }



  .part5 .main ul li img {

    width: 32px;

    height: 32px;

    border: 1px solid #7c7c7c;

    border-radius: 5px;

    padding: 6px;

    margin-right: 12px;

  }



  .footMo {

    background: rgb(18, 42, 42);

    color: #ababab;

    /* text-align: center; */

    padding: 10px 0;

    margin-bottom: 49px;
    font-size: 10px;
  }



  .footMo a {

    color: #ababab;

    font-size: 10px;

  }



  .footNav {

    background: #065b45;

    position: fixed;

    bottom: 0;

    width: 100%;

    z-index: 100;

  }



  .footNav ul {

    display: flex;

  }



  .footNav ul li {

    flex: 1;

    font-size: 12px;

    padding: 5px 0;

    border-right: 1px solid #ababab;

  }



  .footNav ul li a {

    color: #bdbdbd;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

  }



  .footNav ul li img {

    height: 20px;

    margin-bottom: 2px;

  }



  /* 关于我们 */

  .aboutShow {

    background: url(/public/image/bg05.jpg);

    padding: 25px 0;

    background-size: 100%;

    color: #fff;

  }



  .aboutShow .about1 {

    text-indent: 2em;

    font-size: 12px;

    padding-bottom: 45px;

    background: url(/public/image/icon10.png) no-repeat bottom center;

    background-size: 100%;

    margin-bottom: 35px;

  }

  .about1 .right {
    line-height: 20px;
  }

  .aboutShow .about1 p {

    margin-bottom: 15px;

  }



  .aboutShow .about2 {

    background: url(/public/image/icon10.png) no-repeat bottom center;

    background-size: 100%;

    padding-bottom: 45px;

    margin-bottom: 35px;

  }



  .aboutShow .about2 ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

  }



  .aboutShow .about2 ul li {

    background: #171615;

    width: 48.5%;

    padding: 10px;

    text-align: center;

    margin-bottom: 10px;

    border-right: 5px;

    min-height: 150px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

  }



  .aboutShow .about2 ul li img {

    width: 22px;

  }



  .aboutShow .about2 ul li h3 {

    font-size: 14px;

    display: flex;

    align-items: center;

    position: relative;

    justify-content: center;

    padding-bottom: 10px;

    margin-bottom: 10px;

    margin-top: 10px;

  }



  .aboutShow .about2 ul li h3::after {

    content: '';

    width: 40px;

    height: 1px;

    background: #af7c3d;

    bottom: 0;

    position: absolute;

    display: block;

  }



  .aboutShow .about2 ul li .desc {

    font-size: 8px;

  }



  .aboutShow .about3 {

    background: url(/public/image/icon10.png) no-repeat bottom center;

    background-size: 100%;

    padding-bottom: 45px;

    margin-bottom: 35px;

  }



  .aboutShow .about3 ul li {

    padding-left: 10px;

    height: 35px;

    font-size: 10px;

    border-left: 1px dashed #fff;

    position: relative;

  }



  .aboutShow .about3 ul li::after {

    content: '';

    width: 8px;

    height: 8px;

    background: #af7c3d;

    display: block;

    position: absolute;

    top: 6px;

    left: -4px;

    border-radius: 50%;

  }



  .aboutShow .about4 {

    background: url(/public/image/icon10.png) no-repeat bottom center;

    background-size: 100%;

    padding-bottom: 45px;

    margin-bottom: 35px;

  }



  .aboutShow .about4 ul {

    background: url(/public/image/bg01.png) no-repeat;

    background-size: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    padding-top: 40px;

    padding-bottom: 80px;

  }



  .aboutShow .about4 ul li {

    width: 45%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    height: max-content;

    padding: 0 10px;

    padding-top: 20px;

  }



  .aboutShow .about4 ul li h4 {

    font-size: 14px;

    color: #af7c3d;

  }



  .aboutShow .about4 ul li .desc {

    font-size: 12px;

  }



  .aboutShow .about4 ul li:last-child {

    padding-top: 40px;

  }



  .aboutShow .about5 {

    text-align: center;

  }



  .aboutShow .about5 h4 {

    font-size: 14px;

    margin-top: 18px;

    margin-bottom: 10px;

  }



  .aboutShow .about5 p {

    font-size: 12px;

    line-height: 25px;

  }



  img {

    max-width: 100%;

  }



  /* 文章 */

  .newsList {

    background: rgb(18, 42, 42);

    color: #fff;

    padding: 25px 0;

    background-size: 100%;

  }



  .newsList ul li {

    padding-bottom: 10px;

    margin-bottom: 10px;

    border-bottom: 1px solid #686868;

  }



  .newsList ul li h3 {

    font-size: 16px;

    margin-bottom: 5px;

    color: #ababab;
  }



  .newsList ul li .desc {

    font-size: 12px;

    margin-bottom: 5px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    color: #ababab;

  }



  .newsList ul li .Look {

    font-size: 10px;

    color: #ababab;

  }



  .showNav {

    color: #adadad;

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 10px;

  }



  .showNav a {

    width: 25%;

    line-height: 30px;

    border: none;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    margin: 0;

  }



  .showNav a.active {

    color: #af7c3d;

  }



  .newsShow {

    background: rgb(18, 42, 42);

    color: #fff;

    padding: 25px 0;

    background-size: 100%;

  }



  .newsShow h2 {

    font-size: 16px;

    font-weight: 400;

    color: #af7c3d;

    text-align: center;

  }



  .newsShow span.time {

    font-size: 12px;

    margin-top: 5px;

    display: flex;

    align-items: center;

    justify-content: center;

  }



  .newsShow .para {

    margin-top: 8px;

  }



  .newsShow .para ul {

    font-size: 12px;

    display: flex;

    justify-content: space-between;

    flex-direction: column;

  }



  .page-content {

    color: #ababab;

    font-size: 10px;

    line-height: 18px;
  }



  .proList {

    background: rgb(18, 42, 42);

    padding: 25px 0;

    background-size: 100%;

  }



  .proList .main>ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

  }



  .proList .main>ul li {

    width: 48.5%;

    margin-bottom: 15px;

  }



  .proList .main>ul li .img {

    width: 100%;

    height: 200px;

  }



  .proList .main>ul li .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

  }

  .proList .main>ul li .con {
    margin-top: 10px;
  }

  .proList .main>ul li .con h3 {

    font-size: 12px;

    color: #fff;

    margin-bottom: 3px;

    font-weight: 300;

  }



  .proList .main>ul li .con p {

    font-size: 10px;

    color: #fff;

    font-weight: 200;

  }



  .proShow {

    background: rgb(18, 42, 42);

    padding: 25px 0;

    background-size: 100%;

    color: #ababab;

  }



  .proShow h2 {

    font-size: 16px;

    font-weight: 400;

    color: #af7c3d;

    /* text-align: center; */

  }



  .proShow .para {

    margin-top: 8px;

  }



  .proShow .para ul {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }



  .proShow .para ul i {

    font-style: inherit;

  }



  .imgList {

    background: rgb(18, 42, 42);

    padding: 25px 0;

    background-size: 100%;

    color: #fff;

  }



  .imgList .page>.main>ul li {

    display: flex;

    padding-bottom: 10px;

    margin-bottom: 10px;

    border-bottom: 1px solid #686868;

  }



  .imgList ul li .img {

    width: 35%;

    margin-right: 10px;

  }



  .imgList ul li .con {

    flex: 1;

  }



  .imgList ul li .con h3 {

    font-size: 16px;

    color: #af7c3d;

    margin-bottom: 10px;

  }





  .imgList ul li .con .desc {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

    color: #ababab;

    font-size: 10px;

  }



  .showMain,

  .partnerList,

  .teamList,

  .imgShow {

    background: rgb(18, 42, 42);

    padding: 25px 0;

    background-size: 100%;

    color: #ababab;

  }

  .partnerList .main>ul {

    display: flex;

    flex-wrap: wrap;

  }



  .partnerList .main>ul li {

    width: calc(100%/3);

  }



  .about2 {

    margin-top: 30px;

  }



  .about2 h2 {

    font-size: 18px;

    color: #af7c3d;

  }



  .about2 h2 em {

    margin-right: 10px;

  }



  .about2 ul {

    margin-top: 20px;

  }



  .about2 ul li {

    border-bottom: 1px solid #686868;

    padding-bottom: 10px;

    margin-bottom: 20px;

  }



  .about2 ul li h3 {

    font-size: 16px;

    display: flex;

    align-items: center;

    margin-bottom: 10px;

  }



  .about2 ul li h3 em {

    font-style: inherit;

    width: 25px;

    height: 25px;

    background: #af7c3d;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #dff4ec;

    margin-right: 15px;

  }



  .about2 ul li .desc {

    line-height: 20px;

  }



  main {

    overflow: hidden;

  }



  .frame2 ul {

    margin-top: 20px;

  }



  .frame2 ul li {

    border-bottom: 1px solid #686868;

    padding-bottom: 10px;

    margin-bottom: 20px;

  }



  .frame2 ul li h3 em {

    font-style: inherit;

    width: 25px;

    height: 25px;

    background: #af7c3d;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #dff4ec;

    margin-right: 15px;

    font-size: 16px;

  }



  .frame2 ul li h3 {

    font-size: 16px;

    display: flex;

    align-items: center;

    margin-bottom: 10px;

  }



  .frame2 ul li .desc {

    line-height: 20px;

  }



  .teamList .main>ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

  }



  .teamList .main>ul li {

    width: 48.5%;

    position: relative;

    border-radius: 5px;

    overflow: hidden;

    margin-bottom: 15px;

  }



  .teamList .main>ul li img {

    width: 100%;

    height: 225px;

    object-fit: cover;

  }



  .teamList .main>ul li .con {

    left: 0;

    bottom: 0;

    z-index: 10;

    width: 100%;

    position: absolute;

    padding: 8px;

    background: rgba(0, 0, 0, .5);

  }



  .teamList .main>ul li .con h3 {

    font-size: 14px;

    color: #bdbdbd;

  }



  .teamList .main>ul li .con span {

    font-size: 12px;

    font-weight: 200;

  }



  .imgShow h2 {

    font-size: 16px;

    font-weight: 400;

    color: #af7c3d;

  }



  .imgShow .para {

    margin-top: 8px;

  }



  .imgShow .para ul {

    font-size: 10px;

    display: flex;

    flex-direction: column;

  }



  .imgShow .para ul li {

    margin-bottom: 5px;

  }



  .exploit1 h3 {

    font-size: 18px;

    color: #af7c3d;

    margin-bottom: 10px;

  }



  .advantage {

    line-height: 20px;

  }



  .advantage ul li {

    margin-bottom: 10px;

  }



  .advantage ul li h3 {

    color: #af7c3d;

    margin-bottom: 10px;

    font-size: 18px;

  }



  .advantage ul {

    margin-top: 20px;

  }



  .advantage ul .cont .img img {

    width: 100%;

  }



  .forge {

    line-height: 20px;

  }



  .forge ul li {

    margin-top: 20px;

  }



  .forge ul li h3 {

    color: #af7c3d;

    margin-bottom: 10px;

    font-size: 18px;

  }



  .forge ul li .img .cont {

    /* background: rgba(245, 130, 31, .8); */

    padding: 10px;

  }

  .servCont ul li {
    padding-top: 20px;
    border-top: 1px solid #686868;
  }

  .servCont ul li h3 {

    font-size: 18px;

    color: #af7c3d;

    margin-bottom: 10px;

  }



  .servCont ul li tbody tr {

    display: initial;

  }



  .servCont ul li tbody tr td {

    width: 49%;

    display: inline-block;

    color: #adadad;

    font-size: 10px;
  }



  .servCont ul li tbody tr th {

    display: block;

    color: #adadad;

    font-size: 14px;

  }



  .flow ul li {

    padding-bottom: 10px;

    margin-bottom: 10px;

    border-bottom: 1px solid #686868;

  }



  .flow ul li h3 {

    font-size: 18px;

    color: #af7c3d;

    margin-bottom: 10px;

  }



  .flow ul li .desc {

    line-height: 20px;

  }

}