a, .transition, :before, img, .nav {
  transition: All 0.3s linear;
  -webkit-transition: All 0.3s linear;
  -moz-transition: All 0.3s linear;
  -o-transition: All 0.3s linear; }

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.flex {
  display: flex;
  display: -webkit-flex; }

.flexColumn {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column; }

.itemsCenter {
  align-items: center;
  -webkit-align-items: center; }

.justifyCenter {
  justify-content: center;
  -webkit-justify-content: center; }

.flexAround {
  justify-content: space-around;
  -webkit-justify-content: space-around; }

.flexBetween {
  justify-content: space-between;
  -webkit-justify-content: space-between; }

.flexWrap {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

@media screen and (max-width: 800px) {

html, body {
        position: relative;
        height: 100%;
    }

    .page {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
  
  html {
    font-size: 50px; }

  body {
    font-size: .24rem; }

  .wal {
    max-width: 8rem; }

  .pcShow {
    display: none; }

  .phoneShow, .Phone-Box {
    display: block; }
  /*.scrollDown{ display: none; }*/
  .scrollDown{ left:50%; margin-left: -0.27rem; bottom:0.48rem; height:0.47rem;}

  body.navShow {
    overflow: hidden; }
    body.navShow .head .navA {
      background-image: url("../image/close44.png"); }
    body.navShow .head .nav, body.navShow .head .topSearch {
      opacity: 1;
      visibility: visible; }

  .head { position: absolute; height: 1.2rem;  }
  .headNo{ height: 1.2rem;}
  .headFix{ position: absolute; }
  .headBlack{ position: relative; }
  .head .logo { left: 0.45rem; }
  .head .logo img{ width: 1.82rem; }
  .head .rightDiv{ right: 0; top: 0; }
  .head .language{ padding-right: 0; position: absolute; right: 1.2rem; width: 0.4rem; text-align: center; }
  .head .language a{ font-size: 0.24rem; padding: 0; line-height: 1.2rem;}
  .head .language a:last-child{ display: none; }
  .head .navA{ top: 0; line-height: 1.2rem; height: 1.2rem; width: 1.2rem; background-size: 0.42rem; }
  .head .navA.open{ background: url(../images/close.png) no-repeat center; background-size: 0.36rem; }
  .sNav .list{ margin-top: -2.4rem;}


  .foot { background-size: 100% 100%; font-size: .24rem; height: auto; padding: 0.3rem 0.3rem; overflow: hidden; height: auto!important;}
  .foot .logo { float: none; display: block; width: 1.82rem; padding-top: .54rem; }
  .foot .logo img{ width: 1.82rem; }
  .foot .msg{ font-size: 0.26rem; padding-top: .24rem; padding-bottom: 0.15rem; float: none;}
  .foot .rightDiv{ padding-top: 0.35rem; float: none; } 
  .foot .lbox{ padding-right: 1.15rem; }
  .foot .txt{ font-size: 0.32rem; }
  .foot .links li{ height: 0.46rem; line-height: 0.46rem; font-size: 0.26rem; }
  .foot .rbox{ width: 3.7rem; }
  .foot .msgList li{ font-size: 0.26rem; line-height: 0.36rem; }


  /*index*/
  .page .swiper-pagination{ right:0.24rem!important; } 

/*  .indexPart1, .indexPart2, .indexPart3, .indexPart4, .indexPart5{ display: block; }*/

  .indexPart1 { background-image: url("../images/indexPart1.jpg"); padding: 0 0.45rem; height: 100vh; }

  .indexPart2 { background-image: url("../images/indexPart2.jpg"); padding: 0 0.45rem; height: 100vh; }

  .indexPart3 { background-image: url("../images/indexPart3.jpg"); padding: 0 0.45rem; height: 100vh; }
    
  .indexPart4 {/* background-image: url("../images/indexPart4.jpg");*/ padding: 0 0.45rem; height: 100vh; }

  .indexPart1 .title, .indexPart2 .title, .indexPart3 .title, .indexPart4 .title, .indexPart5 .title{ font-size: 0.75rem; line-height: 0.75rem; }

  .indexPart4 .indexBox{ padding: 0.8rem 0 0; }
  .indexPart4 .title{ padding-bottom: 0.5rem; }
  .indexPart4 .list { margin-left: 0; margin-right: 0; }
  .indexPart4 .list #indexPart4 {padding-bottom: 1.5rem; }
  .indexPart4 .list .swiper-slide { padding: 0;  height: 6rem;}
  .indexPart4 .list .swiper-slide .imgDiv img{ width: auto; height: 6rem; }
  .indexPart4 .list .swiper-slide .time{ position: relative; bottom: 0; padding-top: 0.1rem; }
  .indexPart4 .list .swiper-slide a:hover .bg2{ display: block;}

  #indexPart4 .swiper-button-prev{ bottom: 0.5rem; }
  #indexPart4 .swiper-button-next{ bottom: 0.5rem; }


  .indexPart5 { background-image: url("../images/indexPart5.jpg"); padding: 0 0.45rem; height: 100vh;}

  .workShow{ padding: 1.5rem 0.45rem 0.3rem;}
  .workShow .backBtn{ right: 0; top: 0.25rem; }
  .workShow .leftCon{ width: auto; float: none; }
  .workShow .rightDiv{ width: auto; padding-right: 0; float: none; margin-right: 0; }
  .workShow .name{ font-size: 0.65rem; padding-bottom: 0.2rem; }
  .workShow .title{ font-size: 0.4rem; padding-bottom: 0.3rem; }
  .workShow .content{ font-size: 0.24rem; line-height: 0.48rem; }
  .workShow .botBox{ position: relative; bottom: 0; }
  .workShow .botBox .scroll{ margin-bottom: 0.5rem; }
  .workShow .msgList{ position: relative; left: 0; bottom: 0; padding-bottom: 0.6rem; }
  .workShow .msgList li{ line-height: 0.48rem; font-size: 0.24rem }
  .workShow .hugeBox{ position: relative; padding: 0; top: 0; height: auto; margin-top: 0; }
  
  .workPart1, .workPart2{ padding: 0 0.45rem; height: 100vh;}
  .workPart1 .title, .workPart2 .title{ font-size: 0.75rem; line-height: 0.75rem; }
  .workPart1 .msg, .workPart2 .msg { font-size: .28rem; line-height: .52rem; }

  .workPart1 .workBox{ padding-top: 1.2rem; }
  .workPart1 .leftDiv{ width: auto; float: none;}
  .workPart1 .rightDiv{ width: auto; float: none; padding-top: 0.5rem; }
  .zjmxfDiv{ margin: 0 auto; }

  .workPart2 .title{ width: auto; float: none; }
  .workPart2 .rightDiv{ width: auto; padding-right:0; float: none; }
  .workPart2 .scroll {height: 6.5rem;}
  /*service*/
  .servicePart1, .servicePart2, .servicePart3{ padding: 0 0.45rem; height: 100vh;}
  .servicePart1 .title, .servicePart2 .title, .servicePart3 .title{ font-size: 0.75rem; line-height: 0.75rem; }
  .servicePart1 .msg, .servicePart2 .msg, .servicePart3 .msg { width: auto; }
  .servicePart1{ padding: 0 0.45rem;}
  .servicePart1 .leftDiv{ width: auto; float: none;  padding-top: 1.5rem;}
  .servicePart1 .rightDiv{ width: auto; float: none; padding-top: 0.5rem;  }
  .servicePart1 .title{ padding-top: 0; }
  .cjmxfDiv{ margin: 0 auto; }

  .servicePart2{ padding: 0 0.45rem; }
  .servicePart2 .leftDiv{ width: auto; float: none;  padding-top: 1.5rem; }
  .servicePart2 .rightDiv{ width: auto; float: none; padding-top: 0.5rem; }
  .servicePart2 .title{ padding-top: 0; }
  .zjmxfDiv{ margin: 0 auto;   }
  .servicePart3{ padding: 0 0.45rem; }
  .servicePart3 .leftDiv{ width: auto; float: none; }
  .servicePart3 .rightDiv{ padding-right: 0; float: none; }
  .servicePart3 .title{ padding-top: 0; }
  .servicePart3 .list{ width: 7.0rem; background-size: 7rem; margin: 0 auto; }

  /*brand*/
  .brandPart1, .brandPart2{align-items: inherit; -webkit-align-items: inherit;}
  .brandPart1, .brandPart2{ padding: 0 0.45rem; height: 100vh; }
  .brandPart1 .title, .brandPart2 .title, .brandPart3 .title, .brandPart4 .title, .brandPart5 .title{ font-size: 0.75rem; line-height: 0.75rem;  }
  .brandPart1 .title, .brandPart2 .title{ padding-top: 1.5rem; }
  .brandFlash { height: 100vh; position: absolute;}
  .brandFlash .swiper-slide a { display: block; height: 100vh; background: center no-repeat; background-size: cover; position: relative; }
  .brandFlash .swiper-button-prev{ position: absolute; top: auto; left: 50%; margin-left: -0.8rem; bottom: 1.56rem; width: 0.37rem; height: 0.6rem; background: url(../images/nimg37_left.png) no-repeat; background-size: 0.37rem; z-index: 5; }
  .brandFlash .swiper-button-next{ position: absolute; top: auto; right: 50%; margin-right: -0.8rem; bottom: 1.56rem; width: 0.37rem; height: 0.6rem; background: url(../images/nimg37_right.png) no-repeat; background-size: 0.37rem; z-index: 5; }
  .brandFlash .swiper-button-prev:hover{ background: url(../images/nimg37_lefton.png) no-repeat; background-size: 0.37rem;}
  .brandFlash .swiper-button-next:hover{ background: url(../images/nimg37_righton.png) no-repeat; background-size: 0.37rem;}

  .brandPart3 {/* background-image: url("../images/nimg810Bg.jpg");*/ padding: 0 0.45rem; height: 100vh; }
  .brandPart3:before{ width: 5.86rem; height: 3.9rem; background: url("../images/nimg1186_1.png") center no-repeat; top: 50%; margin-top: -1.95rem; left: 50%; margin-left: -2.93rem; background-size: 5.86rem;}
  .brandPart3 .title{ text-align: left; padding-top: 0.5rem;}
  .brandPart3 .list{ padding-top: 0.3rem;}
  .brandPart3 .list li{ float: none; width: auto; text-align: left; font-size: 0.32rem; height: auto; padding-bottom: 0.45rem; }
  .brandPart4 { background-image: url("../images/brandPart4.jpg"); padding: 0 0.45rem; height: 100vh;}
  .brandPart4 .title{ padding-top: 0.1rem; }
  .brandPart4 .leftDiv{ width: auto; float: none; }
  .brandPart4 .rightList{ width: auto; float: none; padding-top: 0.5rem; overflow: hidden;}
  .brandPart4 .rightList ul{ margin-right: -0.56rem; }
  .brandPart4 .rightList li .box{ margin-right: 0.56rem; }
  .brandPart4 .rightList .li01 .box img{ width: 82%; position: relative; left: 8%; } 

  .brandPart5 { background-image: url("../images/brandPart4.jpg"); padding: 0 0.45rem; height: 100vh;}
  .brandPart5 .title{ top: 0; }
  .brandPart5 .list{ padding-top: 0.5rem; top: 0; }
  .brandPart5 .list ul{ margin-right: 0; }
  .brandPart5 .list li{ float: none; width: 100%; padding-bottom: 0.3rem;}

  .rslides li {
      width: 300%;
      height: 100vh;

  }

  .rslides li a{width: 100%;
      height: 100vh;}
  .rslides li a{ width: 100%; height: 100vh; -webkit-animation: yidong_img 120s infinite linear alternate;
    -moz-animation: yidong_img 120s infinite linear alternate;
    -ms-animation: yidong_img 120s infinite linear alternate;
    animation: yidong_img 120s infinite linear alternate;}

  .banner .prev{ bottom: 1.26rem; }
  .banner .next{ bottom: 1.26rem;}

  .experienceShow{ padding: 0.4rem 0.45rem 1.5rem; height: auto;}
  .experienceShow .bigBox{ padding-top: 0; }
  .experienceShow .leftCon{ width: auto; float: none; padding-top: 0; }
  .experienceShow .rightDiv{ width: auto; float: none; }
  .experienceShow .content{ position: relative; left: 0; bottom: 0; width: 100%; font-size: 0.28rem; line-height: 0.56rem; padding-top: 0.4rem; }
  .experienceShow .content .con{ padding-right: 0; padding-bottom: 0.5rem;}
  .experienceShow .backBtn, .experienceShow .msgList{ display: none; }

  .newShow{ padding: 0.4rem 0.45rem 1.5rem; height: auto; }
  .newShow .bigBox{ padding-top: 0; }
  .newShow .leftCon{ width: auto; float: none; padding-top: 0; }
  .newShow .rightDiv{ width: auto; float: none; }
  .newShow .content{ position: relative; left: 0; bottom: 0; width: 100%; font-size: 0.28rem; line-height: 0.56rem; padding-top: 0.4rem; }
  .newShow .content .con{ padding-right: 0; padding-bottom: 0.5rem; }
  .newShow .backBtn{ display: none; }
  .newsFlash{ height: 100%; }
  .newsFlash2 { height: 100%;}

   }

/*# sourceMappingURL=phone.css.map */